wolai笔记 主题 雾
wolai fog theme by huadu
Details
Authorhuadu
LicenseNo License
Categorywww.wolai.com
Created
Updated
Size91 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 fog theme
@namespace github.com/openstyles/stylus
@version 2.3.2
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("wolai.com") {
/* 亮色主题变量*/
:root {
/*****************亮色主题******************/
/*背景图案*/--wolai-fg-bgimg: url(https://pic.imgdb.cn/item/641bdfe3a682492fcc2f2b9e.jpg);
/*磨砂罩*/--wolai-fg-bgimg-backdrop-filter: blur(30px) brightness(105%);
/*磨砂罩背景色*/--wolai-fg-bgimg-color:rgba(255, 255, 255, .65);
/*tab颜色*/--wolai-fg-tab-bgcolor: #e3f0cf ;
/*1.选择颜色*/--wolai-select-color:rgb(87, 170, 5);
/*2.复制颜色色值*/--wolai-main-color:87, 170, 5;
/*主题色*/--wolai-fg-color:rgb(var(--wolai-main-color));
/*主题色背景色*/--wolai-fg-color2:rgba(var(--wolai-main-color), .1);
/*滚动条主题色*/--wolai-fg-scrollbar-color:rgba(var(--wolai-main-color), .1);
/*滚动条hove颜色*/--wolai-fg-scrollbar-hover-color:rgba(var(--wolai-main-color), .6);
/*编辑区背景色*/--wolai-fg-bg-color: rgba(255, 255, 255, .5);
--wolai-fg-ai-bg-color: rgba(255, 255, 255, 0);
/*编辑区左侧边栏背景色*/--wolai-fg-left-bg-color: rgba(255, 255, 255, .2);
/*编辑区磨砂参数*/--wolai-fg-backdrop-filter: blur(30px) brightness(105%);
/*表格顶部活动区和页面图标添加按钮*/--wolai-fg-full-table-top-bg: rgba(244, 248, 234, 1);
/*简单表格单元格*/--wolai-fg-table-cell-hover-boxshadow:0 0 0 1px var(--wolai-fg-color) inset;
/*单元格可编辑时背景*/--wolai-fg-edbg: #f5f9e0;
/*帮助提示文字颜色*/--wolai-fg-tip-font-color: #fff;
/*帮助提示文字颜色2*/--wolai-fg-tip-font-color2: #ffffffc7;
/*窗口样式*/
--wolai-fg-border: 1px solid rgba(255, 255, 255, 0.5);;
--wolai-fg-border-bottom: 1px rgba(40, 40, 40, 0.1) solid;
--wolai-fg-border-right: 1px rgba(40, 40, 40, 0.1) solid;
--wolai-fg-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2);
--wolai-fg-box-shadow2: 0 3px 12px 0 rgba(0, 0, 0, .2);
--wolai-fg-box-shadow3: 0 3px 9px 0 rgba(0, 0, 0, .16);
--wolai-fg-box-shadow4: none;
--wolai-fg-sidebar-box-shadow:0 2px 9px 0 rgba(0, 0, 0, .3);
--wolai-fg-topimg-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2);
/*看板画廊卡片样式*/
--wolai-fg-card-border:1px rgba(4, 4, 4, .1) solid;
--wolai-fg-card-radius:6px;
--wolai-fg-card-bg-color: var(--wolai-fg-bg-color);
--wolai-fg-card-hover-bg-color:var(--wolai-fg-color2);
--wolai-fg-card-boxshadow:rgba(0, 0, 0, 0.1) 0px 1px 3px;
--wolai-fg-card-hover-boxshadow:var(--wolai-fg-color) 0px 0px 0px 2px, rgba(0, 0, 0, 0.2) 0px 2px 5px;
/*按钮样式*/
--wolai-fg-button-border: 1px rgba(3, 3, 3, .13) solid;
--wolai-fg-button-bgcolor: var(--wolai-fg-bg-color);
--wolai-fg-button-hover-bgcolor: var(--wolai-fg-color2);
--wolai-fg-button-boxshadow:rgba(0, 0, 0, 0.2) 0px 1px 4px;
--wolai-fg-button-hover-boxshadow:var(--wolai-fg-color) 0px 0px 0px 2px,rgba(0, 0, 0, 0.2) 0px 2px 5px;
--wolai-fg-button-border-radius:20px;
/*输入框样式*/
--wolai-fg-input-border: var(--wolai-fg-button-border);
--wolai-fg-input-bgcolor: var(--wolai-fg-bg-color);
--wolai-fg-input-hover-bgcolor: var(--wolai-fg-color2);
--wolai-fg-input-boxshadow:rgba(0, 0, 0, 0) 0px 1px 3px;
--wolai-fg-input-hover-boxshadow:var(--wolai-fg-color) 0px 0px 0px 2px,var(--wolai-fg-color) 0px 0px 0px 1px;
--wolai-fg-input-border-radius:5px;
/*官方变量*/
--wolai-modal-color: #4C4C4C;/*设置面板文字颜色*/
--wolai-hover-bg:var(--wolai-fg-color2);
--wolai-modal-hover-bg:var(--wolai-fg-color2);
--wolai-ref-blue: rgba(8, 125, 231, .99);
--wolai-ref-blue-bg: rgba(8, 125, 231, .1);
--wolai-ref-green: rgba(6, 190, 23, .99);
--wolai-ref-green-bg: rgba(6, 190, 23, .1);
/*表格边框*/--color-basic-transparent-12: rgba(0, 0, 0, 0.2);
--wolai-code-node-bg: var(--wolai-fg-bg-color)!important;
--color-calendar-graph-border: #b2b1b1;
--wolai-board-column: transparent;
--wolai-board-column-cardbg: rgba(248, 248, 245, .73);
--wolai-bi-link-text-bg:var(--wolai-fg-color2);
--wolai-table-header-bg:var(--wolai-fg-full-table-top-bg);
--wolai-float-menu-hover-bg:var(--wolai-fg-color2);
--wolai-float-menu-hover-border-color:var(--wolai-fg-color) ;
--wolia-ai-color:var(--color-basic-700);
}
}
@-moz-document domain("wolai.com") {
/* 暗色主题变量*/
:root[theme=dark] {
/***************暗色主题*****************/
/*背景图案*/--wolai-fg-bgimg: url(https://pic.imgdb.cn/item/641be005a682492fcc2f5d7f.jpg);
/*磨砂罩背景色*/--wolai-fg-bgimg-color: rgba(1, 13, 51, .2);
/*磨砂罩*/--wolai-fg-bgimg-backdrop-filter: blur(30px) brightness(100%);
/*tab颜色*/--wolai-fg-tab-bgcolor: #17278ed9 ;
/*1.选择颜色*/--wolai-select-color:rgb(6, 127, 248);
/*2.复制颜色色值*/--wolai-main-color:6, 127, 248;
/*主题色*/--wolai-fg-color:rgb(var(--wolai-main-color));
/*主题色背景色*/--wolai-fg-color2:rgba(var(--wolai-main-color), .3);
/*滚动条主题色*/--wolai-fg-scrollbar-color:rgba(var(--wolai-main-color), .4);
/*滚动条hove颜色*/--wolai-fg-scrollbar-hover-color:rgba(var(--wolai-main-color), .6);
/*编辑区背景色*/--wolai-fg-bg-color: rgba(8, 1, 40, .5);
--wolai-fg-ai-bg-color: rgba(8, 1, 40, .5);
/*编辑区左侧边栏背景色*/--wolai-fg-left-bg-color:rgba(8, 1, 40, .2);
/*编辑区磨砂参数*/--wolai-fg-backdrop-filter: blur(30px) brightness(105%);
/*简单表格单元格*/--wolai-fg-table-cell-hover-boxshadow:0 0 0 1px var(--wolai-fg-color) inset;
/*表格顶部活动区和页面图标添加按钮*/--wolai-fg-full-table-top-bg: #212471;
/*单元格可编辑时背景*/--wolai-fg-edbg: #170575;
/*窗口样式*/
--wolai-fg-border: 1px rgba(147, 177, 246, .41) solid;
--wolai-fg-border-bottom: 1px rgba(2, 14, 83, .68) solid;
--wolai-fg-border-right: 1px rgba(2, 14, 83, .53) solid;
--wolai-fg-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);
--wolai-fg-box-shadow2: var(--wolai-fg-color) 0px 0px 0px 2px, 0 8px 32px 0 rgba(0, 0, 0, .4);
--wolai-fg-box-shadow3: var(--wolai-fg-color2) 0px 0px 0px 2px, 0 8px 32px 0 rgba(0, 0, 0, .4);
--wolai-fg-box-shadow4: var(--wolai-fg-color) 0px 0px 0px 2px;
--wolai-fg-sidebar-box-shadow:0 3px 12px 0 rgba(0, 0, 0, .2);
/*题图样式*/
--wolai-fg-topimg-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .6);
/*看板画廊卡片背景色*/
--wolai-fg-card-radius:6px;
--wolai-fg-card-bg-color: var(--wolai-fg-bg-color);
--wolai-fg-card-hover-bg-color:var(--wolai-fg-color2);
--wolai-fg-card-border:1px rgba(255, 255, 255, .28) solid;
--wolai-fg-card-boxshadow:rgba(94, 94, 94, 0.15) 0 2px 4px;
--wolai-fg-card-hover-boxshadow:var(--wolai-fg-color) 0px 0px 0px 2px, 0 3px 9px 0 rgba(0, 0, 0, .16);
/*按钮样式*/
--wolai-fg-button-border: 1px rgba(211, 228, 244, .45) solid;
--wolai-fg-button-bgcolor: var(--wolai-fg-bg-color);
--wolai-fg-button-hover-bgcolor: var(--wolai-fg-color2);
--wolai-fg-button-border-radius:50em;
--wolai-fg-button-boxshadow:rgba(94, 94, 94, .2) 0px 2px 4px 0;
--wolai-fg-button-hover-boxshadow:var(--wolai-fg-color) 0px 0px 0px 2px,rgba(94, 94, 94, 0.3) 0px 3px 6px 0;
/*输入框样式*/
--wolai-fg-input-boxshadow:rgba(94, 94, 94, .2) 0px 2px 4px 0;
--wolai-fg-input-hover-boxshadow:var(--wolai-fg-color) 0px 0px 0px 2px,rgba(94, 94, 94, 0.3) 0px 3px 6px 0;
--wolai-fg-input-border: var(--wolai-fg-button-border);
--wolai-fg-input-bgcolor: var(--wolai-fg-bg-color);
--wolai-fg-input-hover-bgcolor: var(--wolai-fg-color2);
--wolai-fg-input-border-radius:5px;
/*官方变量*/
--wolai-modal-color: rgba(255, 255, 255, 0.9);/*设置面板文字颜色*/
/*表格边框*/--color-basic-transparent-12: rgba(255, 255, 255, .3);
--wolai-code-node-bg: var(--wolai-fg-bg-color)!important;
--wolai-hover-bg:var(--wolai-fg-color2);
--wolai-modal-hover-bg:var(--wolai-fg-color2);
--wolai-ref-blue: rgba(8, 125, 231, .99);
--wolai-ref-blue-bg: rgba(8, 125, 231, .3);
--wolai-ref-green: rgba(6, 190, 23, .99);
--wolai-ref-green-bg: rgba(6, 190, 23, .1);
--wolai-board-column:transparent;
--color-calendar-graph-border: #8f8f8f;
--wolai-board-column-cardbg: rgba(154, 154, 154, .43);
--wolai-bi-link-text-bg:var(--wolai-fg-color2);
--wolai-table-header-bg:var(--wolai-fg-full-table-top-bg);
--wolai-float-menu-hover-bg:var(--wolai-fg-color2);
--wolai-float-menu-hover-border-color:var(--wolai-fg-color) ;
--color-basic-50: #252525;
--color-basic-50-a: rgba(37, 37, 37, 0);
--color-basic-75: #2F2F2F;
--color-basic-100: #323232;
--color-basic-200: #3E3E3E;
--color-basic-300: #4A4A4A;
--color-basic-400: #5A5A5A;
--color-basic-500: #6E6E6E;
--color-basic-600: #909090;
--color-basic-700: #B9B9B9;
--color-basic-800: #BDBDBD;
--color-basic-900: #C2C2C2;
--wolia-ai-color:var(--color-basic-700);
}
}
@-moz-document domain("wolai.com") {
/* 页面背景*/
body,
._2AZH2 ._2ewmm,/*数据表格弹出页面*/
.global-user-setting-wrapper, /*设置面板背景*/
.global-search-wrapper/*搜索背景*/,
.demo-mode-wrapper,
._325SR/*垃圾箱背景*/,
._2cE4h/*模板中心背景*/,
.form-editor-wrapper/*表单*/,
#page-history-screen,
._3pDbN ,
#wolai-loading/*页面加载*/,
._2zMm-/*导出数据表*/,
.search_tEFpc/*微信剪藏位置搜索*/{
background: var(--wolai-fg-bgimg);
background-position: center top;
background-size: cover;
}
body:before,
.global-user-setting-wrapper:before,
._2AZH2 ._2ewmm:before,
.global-search-wrapper:before/*搜索背景*/,
.demo-mode-wrapper:before,
._325SR:before/*垃圾箱背景*/,
._2cE4h:before/*模板中心背景*/,
.form-editor-wrapper:before/*表单*/,
#page-history-screen:before,
._3pDbN:before,
#wolai-loading:before/*页面加载*/,
._2zMm-:before,
.search_tEFpc:before/*微信剪藏位置搜索*/{
content: "";
background-position: center top;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: var(--wolai-fg-bgimg-color);
backdrop-filter: var(--wolai-fg-bgimg-backdrop-filter);
-webkit-backdrop-filter: var(--wolai-fg-bgimg-backdrop-filter);
}
#editorRoot div[class="FQIFD"]+div[class="Co3aa"]
{/*表单*/
z-index: 999;
width: auto;
padding: 20px 98px;
margin-top: -60px!important;
border-radius: 6px!important;
background-color: var(--wolai-fg-bg-color)!important;
backdrop-filter: var(--wolai-fg-backdrop-filter)!important;
-webkit-backdrop-filter: var(--wolai-fg-backdrop-filter)!important;
box-shadow: var(--wolai-fg-box-shadow2)!important;
border: var(--wolai-fg-borde...