适用于wolai.com 的主题样式
wolai zen theme by huadu
Details
Authorhuadu
LicenseNo License
Categorywww.wolai.com
Created
Updated
Size578 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name wolai zen theme
@namespace github.com/openstyles/stylus
@version 2.4.1
@description 适用于wolai.com 的主题样式
@author 花渡
==/UserStyle== */
@-moz-document domain("wolai.com"),domain("dingtalk.com"),
domain("wol.ai"), domain("wolai.kf5.com"), url-prefix("https://music.163.com") {
/*白色主题变量*/
:root {
--zen-red: 207;
--zen-green: 86;
--zen-blue: 89;
--threshold: 0.7;
/* 文字颜色变色的临界值，建议0.5~0.6 */
--border-threshold: 0.8;
/* 深色边框出现的临界值，范围0~1，推荐0.8+*/
--r: calc(var(--zen-red) * 0.2126);
--g: calc(var(--zen-green) * 0.7152);
--b: calc(var(--zen-blue) * 0.0722);
--sum: calc(var(--r) + var(--g) + var(--b));
--lightness: calc(var(--sum) / 255);
--help-color: hsl(0, 0%, calc((var(--lightness) - var(--threshold)) * -999999%), 0.9);
/*--help-color: calc(((((var(--zen-red) * 299) + (var(--zen-green) * 587) + (var(--zen-blue) * 114)) / 1000) - 128) * -1000);
/*自动计算提示文字的颜色*/
--zen-color: var(--zen-red), var(--zen-green), var(--zen-blue);
--wolai-zen-color: rgb(var(--zen-color), 1);
--wolai-zen-color2: rgb(var(--zen-color), 0.16);
--wolai-zen-color3: rgb(var(--zen-color), 0.05);
/*wolai红RGB(207, 86, 89)*/
/*明黄RGB(255, 185, 0)*/
/*亮橙RGB(255, 89, 0)*/
/*抹茶绿RGB(51, 159, 146)*/
/*亮绿RGB(176, 221, 51)*/
/*亮蓝RGB(10, 127, 251)*/
/*啫蓝RGB(10, 127, 151)*/
/*樱花粉RGB(246, 144, 134)*/
/*藕荷色RGB(253, 199, 134)*/
--bg-red: 255;
--bg-green: 255;
--bg-blue: 255;
--zen-bgcolor: var(--bg-red), var(--bg-green), var(--bg-blue);
--wolai-zen-bgcolor: rgba(var(--zen-bgcolor), 1);
--wolai-zen-bgcolor2: rgba(var(--zen-bgcolor), 0.9);
/*亮色主题背景色*/
--zen-left-bgcolor: 247, 247, 247;
/*notion 247, 246, 243 默认 245, 245, 245*/
--wolai-zen-left-bgcolor: rgb(var(--zen-left-bgcolor));
/*亮色主题左边栏背景色*/
--wolai-bg: var(--wolai-zen-bgcolor);
--wolai-zen-left-pagetitle-color: #606466;
/* 左侧页标题文字颜色 */
--wolai-zen-left-hover-bgcolor: var(--wolai-zen-bgcolor);
/* 左侧页标题文字hover颜色 */
--wolai-zen-left-Selected-bgcolor: var(--wolai-zen-bgcolor);
/*左侧边栏被选中的页标题背景色 */
--wolai-zen-left-Selected-color: var(--wolai-zen-color);
/*左侧边栏被选中的页标题文字.popoverBg颜色 */
--wolai-zen-menu-bgcolor: var(--wolai-zen-left-bgcolor);
/*菜单背景色*/
--wolai-zen-menu-border: none;
/*菜单窗口边框*/
--wolai-zen-button-border: none;
/*菜单窗口边框*/
--wolai-zen-menu-border-radius: 6px;
/*菜单窗口圆角半径*/
--wolai-zen-button-border-radius: 4px;
/*按钮圆角半径*/
--wolai-zen-button2-border-radius: 6px;
/*按钮圆角半径*/
--wolai-zen-button3-border-radius: 9px;
/*按钮圆角半径*/
--wolai-zen-menu-box-shadow: 0 4px 16px 0 rgba(0,0,0,.2);
/*rgba(60, 64, 67, 0.15) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px,rgba(60, 64, 67, 0.15) 0px 1px 2px 0px;*/
/*菜单阴影设置 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.5px rgb(234, 234, 234);*/
--wolai-zen-button-box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 8px;
/*rgba(0, 0, 0, 0.16) 0px 1px 4px 0px;*/
/*按钮阴影设置 0 0 6px rgba(0, 0, 0, 0.1), 0 0 0 0.5px rgb(234, 234, 234);*/
--wolai-zen-button-box-shadow2:rgba(60, 64, 67, 0.15) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px,rgba(60, 64, 67, 0.15) 0px 1px 2px 0px;
--wolai-zen-list-box-shadow: none;
/*rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;*/
/*列表阴影设置0 0 4px rgba(0, 0, 0, 0.05), 0 0 0 0.5px var(--color-basic-200)*/
--wolai-zen-list-border: none;
/*列表边框*/
--wolai-zen-list-border-radius: 4px;
/*列表圆角半径*/
/*--wolai-zen-list2-border-radius: 6px;
/*列表圆角半径2*/
/*--wolai-zen-list3-border-radius: 9px;
/*列表圆角半径3*/
--wolai-zen-button-bgcolor: rgb(248, 248, 248);
/*设置面板里按钮的背景颜色*/
--wolai-zen-button-hover-bgcolor: rgb(253, 253, 253);
/*设置面板里按钮的hover背景颜色*/
--wolai-zen-input-bgcolor: var(--wolai-zen-left-hover-bgcolor);
/*各种输入框的背景色*/
--wolai-zen-input-border-radius:6px;
/*输入框搜索框元角半径*/
--wolai-zen-template-button-bgcolor: var(--wolai-zen-button-bgcolor);
/*模板按钮默认颜色自动计算*/
--wolai-zen-template-button2-bgcolor: var(--wolai-zen-color);
/*模板按钮2颜色自动计算*/
--wolai-zen-template-button3-bgcolor: rgb(calc(255 - var(--zen-red)), calc(255 - var(--zen-green)), calc(255 - var(--zen-blue)));
/*模板按钮3颜色自动计算*/
--wolai-zen-help-font-color: var(--help-color);
/*修改帮助提示文字颜色*/
--wolai-zen-help-bgcolor: var(--wolai-zen-color);
/*修改帮助提示背景颜色*/
--wolai-zen-message-font-color: var(--wolai-zen-help-font-color);
/*修改复制块或页面行内和嵌入后的弹出提示框文字颜色*/
--wolai-zen-message-bgcolor: var(--wolai-zen-color);
/*修改复制块或页面行内和嵌入后的弹出提示框背景颜色*/
--wolai-font-selected-bgcolor: var(--wolai-zen-color);
/*文字被选中时背景色*/
--wolai-font-selected-color: var(--wolai-zen-help-font-color);
/*文字被选中时文字的颜色*/
--wolai-zen-set-bgcolor: rgba(244, 242, 242, .9);
/*个人设置大背景*/
--wolai-zen-search-list-bgcolor: rgb(255, 255, 255);
/*搜索，垃圾桶结果列表背景色*/
--wolai-zen-set-filter:brightness(1) saturate(1) blur(12px);
/*设置面板，搜索，模板中心，页面历史等大背景磨砂*/
--wolai-zen-set-left-bgcolor: var(--wolai-zen-left-bgcolor);
/*个人设置面板左侧*/
--wolai-zen-set-right-bgcolor: var(--wolai-zen-bgcolor);
/*个人设置面板右侧主界面背景色*/
--wolai-zen-set-button-radius: 6px;
/*系统设置里各种按钮的圆角半径*/
--wolai-zen-set-button-list-bgradius: 9px;
/*系统设置里各种按钮背景的圆角半径*/
--wolai-zen-set-left-list-hover-bgcolor: var(--wolai-zen-bgcolor);
/*系统设置里右侧内容各种功能列表hover时的背景色*/
--wolai-zen-set-right-list-hover-bgcolor: var(--wolai-zen-left-bgcolor);
/*系统设置里左侧功能列表hover时的背景色*/
--wolai-zen-set-onoff-list-bgradius: 12px;
/*系统设置里各种开关背景的圆角半径*/
--wolai-zen-set-list-hover-bgcolor: var(--wolai-zen-left-bgcolor);
--wolai-zen-set-input-bgcolor: var(--wolai-zen-left-bgcolor);
--wolai-zen-pageset-list-hover-bgcolor: var(--wolai-zen-bgcolor);
/*页面设置菜单列表hover时背景色*/
--wolai-zen-search-input-border: 2px solid var(--wolai-zen-color);
--wolai-zen-note-border: 2px solid var(--wolai-zen-color);
--wolai-zen-note-bgcolor: var(--wolai-zen-left-bgcolor);
--wolai-zen-list-padding: 0;
--wolai-zen-list-margin: 3px 6px;
--wolai-zen-list-width: calc(100% - 12px);
--wolai-zen-box-list-hover-bgcolor: var(--wolai-zen-left-bgcolor);
/*消息箱内详情hover*/
--wolai-zen-icon-link-color: var(--wolai-zen-color);
/*可点击的链接附近图标颜色*/
--wolai-zen-icon-hover-color: var(--wolai-zen-color);
/*鼠标滑过时，图标颜色*/
--wolai-zen-icon-focus-color: var(--wolai-zen-color);
/*鼠标点击完成之后，图标颜色*/
--wolai-zen-icon-bgradius: 50em;
/*各种小图标的背景框圆角半径*/
--wolai-zen-icon-bghover-bgcolor: var(--wolai-zen-button-hover-bgcolor);
/*各种小图标的背景hover时的背景色*/
--wolai-zen-list-selected-bgcolor: var(--wolai-zen-left-hover-bgcolor);
/*各种功能列表选中时背景色*/
--wolai-zen-list-hover-bgcolor: var(--wolai-zen-bgcolor);
/*各种功能列表hover时背景色*/
--wolai-zen-toolbar-radius: 20px;
/*文本和图片工具条的圆角半径*/
--wolai-zen-block-bgradius: 6px;
/*各种块的背景圆角半径*/
--wolai-zen-onoff-bgcolor: var(--wolai-zen-color);
/*开关按钮开启后的背景色*/
--wolai-zen-tab-color: #616262;
/*标签字体颜色*/
--wolai-zen-pagetitle-inline-color: var(--wolai-zen-color);
/*行内页引用文字颜色*/
--wolai-zen-pagetitle-inline-bgcolor:rgba(74, 74, 74, 0);
/*行内页引用文字背景颜色默认rgba(238, 239, 239, .5) ，rgba(247, 246, 243)*/
--wolai-zen-pagetitle-inline-hover-bgcolor: rgba(180, 180, 180, .15);
/*行内页引用文字背景hover颜色*/
--wolai-zen-pagetitle-hover-bgcolor: rgb(var(--zen-left-bgcolor), 1);
/*页标题hover背景色*/
--wolai-zen-code-bgcolor:#f7f6f3;
/*代码片段背景色*/
--wolai-zen-code-inline-bgcolor: var(--color-basic-100);
/*行内代码背景色*/
--wolai-zen-blockselected-bgcolor: rgb(var(--zen-color), 0.1);
/*块被选中时背景颜色*/
--wolai-zen-mouse-blockselected-bgcolor:var(--wolai-zen-color2);
/*鼠标框选时背景颜色*/
--wolai-zen-datebase-selected-bgcolor: rgb(var(--zen-left-bgcolor), 0.5);
/*数据表格单元格被选中时背景颜色*/
--wolai-zen-datebase-line-hover-bgcolor: rgba(247, 247, 247,0.5);
/*鼠标滑过数据表格整行时hover背景颜色*/
--wolai-zen-datebase-title-bgcolor: var(--wolai-zen-left-bgcolor);
/*数据表格单元格表头背景颜色默认242, 243, 243 notion 247, 246, 243*/
--wolai-zen-datebase-title-hover-bgcolor: var(--wolai-zen-datebase-line-hover-bgcolor);
/*数据表格单元格表头背景颜色*/
--wolai-zen-datebase-selected-edited-bordercolor: var(--wolai-zen-color);
/*数据表格单元格被选中可编辑状态时边框颜色*/
--wolai-zen-kanban-bgcolor: var(--wolai-zen-left-bgcolor);
/*看板卡片背景*/
--wolai-zen-kanban-add-bgcolor: var(--wolai-zen-datebase-line-hover-bgcolor);
/*看板卡片背景*/
--wolai-zen-kanban-hover-bgcolor: var(--wolai-zen-button-hover-bgcolor);
/*看板卡片hover背景*/
--wolai-zen-table-border-color: var(--color-basic-300);
/*表格边框颜色*/
--wolai-zen-simple-table-border-color: rgba(0, 0, 0, 0.18);
/*简单表格边框颜色*/
--wolai-zen-link-text-color:#07aff2;
/*链接文字颜色*/
--wolai-zen-link-bottom-color: #d1d1d1;
/*链接底线颜色*/
--wolai-zen-link-bottom-hover-color: var(--wolai-zen-color);
/*链接底线hover颜色*/
--wolai-code-node-bg: var(--wolai-zen-button-bgcolor);
--wolai-inline-code-color: var(--wolai-zen-color);
/*行内代码默认颜色*/
--wolai-zen-level-leftline-style: 1px solid rgba(188, 188, 187, .56);
/*列表层级左侧竖线样式*/
--wolai-zen-time-border: 1px solid var(--color-basic-200);
/*提醒的边框颜色*/
--wolai-zen-title-tip-color: var(--color-basic-400);
/*标题级别#号的颜色*/
--wolai-zen-content-block-bgcolor: rgb(255, 255, 255);
/* 评论块的背景色*/
--wolai-zen-content-block-hover-bgcolor: rgb(255, 255, 255);
/* 评论块的背景色*/
--wolai-zen-content-bgcolor: var(--wolai-zen-left-bgcolor);
/* 评论框的背景色*/
--wolai-zen-card-info-bgcolor:var(--color-basic-200);
/*画廊卡片底部信息字段名称*/
--wolai-modal-bg: var(--wolai-zen-menu-bgcolor);
--color-basic-50: #FFFFFF;
--color-basic-50-a: rgba(255, 255, 255, 0);
--color-basic-75: #FAFAFA;
--color-basic-100: #F5F5F5;
--color-basic-200: rgb(234, 234, 234);
--color-basic-300: #E1E1E1;
--color-basic-400: #CACACA;
--color-basic-500: #B3B3B3;
--color-basic-600: #8E8E8E;
--color-basic-700: #6E6E6E;
--color-basic-800: #4B4B4B;
--color-basic-900: #2C2C2C;
--color-basic-1000: #202020;
--color-basic-1100: #000;
--color-basic-transparent-12:var(--wolai-zen-table-border-color);
--wolai-zen-footnote-bgcolor: #f7f6f3;
/*脚注浮窗背景*/
--wolai-zen-footnote-icon-bgcolor: #edecea;
/*脚注浮窗背景*/
--minder-color-bg: transpar...