Git Product home page Git Product logo

onemoe-theme's Introduction

说明

这是 onedrive 云盘程序OneManager的一个 CSS 美化 主题。

使用

  • OneManager 程序已内置本主题,后台启用 onemoe 主题即可,或者可以通过设置 customTheme 链接来使用最新版本。
https://cdn.jsdelivr.net/gh/kizx/onemoe-theme/onemoe.html
  • 主题可以显示图片背景或者渐变色背景,要显示渐变色背景需要在后台清除背景图片设置,否则优先显示图片背景。

  • 可以自定义背景渐近色,在后台 customCss 添加类似下面的代码即可,代码中的渐近色可以自行替换。
    ps:只要你会点 css,主题中的任何颜色都可以通过该设置来改变。

/* 简单点的像下面这样 */
<style>body{background-image: linear-gradient(to right, #868f96 0%, #596164 100%);}</style>
/* 或者这样 */
<style>body{background-color: #8ec5fc;background-image: linear-gradient(65deg, #8ec5fc 0%, #e0c3fc 100%);}</style>
/* 复杂点的像下面这样 */
<style>
body {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #989898;
  background-blend-mode: multiply, multiply;
}
</style>

什么?你不会渐近色代码?放心,我也不会,只需要从类似下面的一些渐近色配色网站 copy css 然后粘贴过来即可。
配色网站 1:https://www.grabient.com/
配色网站 2:https://gradient.shapefactory.co/
配色网站 3:https://webgradients.com/

预览

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.