wolai笔记思维导图2.0版节点颜色
wolai 思维导图节点颜色 by huadu
Details
Authorhuadu
LicenseNo License
Categorywww.wolai.com
Created
Updated
Size8.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
wolai笔记思维导图2.0版节点颜色
Source code
/* ==UserStyle==
@name wolai 思维导图节点颜色
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("wolai.com") {
/*颜色参数*/
:root {
/*亮色模式下*/
/*红*/
--light-red-color: rgba(254, 230, 226);
--light-red-border-color: rgb(244, 178, 167);
/*黄*/
--light-yellow-color: rgba(254, 247, 210);
--light-yellow-border-color: rgb(228, 217, 159);
/*绿*/
--light-green-color: rgb(235, 255, 213);
--light-green-border-color: rgb(188, 214, 160);
/*蓝*/
--light-blue-color: rgb(204, 240, 255);
--light-blue-border-color:rgb(167, 205, 221) ;
/*青*/
--light-cyan-color: rgba(217, 242, 238);
--light-cyan-border-color: rgb(137, 223, 209);
/*紫*/
--light-purple-color: rgba(233, 233, 255);
--light-purple-border-color: rgb(196, 196, 244);
/*灰*/
--light-gray-color: rgba(237, 237, 237);
--light-gray-border-color: rgb(215, 215, 215);
/*暗色模式下*/
/*红*/
--dark-red-color: rgb(131, 86, 81);
--dark-red-border-color: rgb(212, 100, 88);
/*黄*/
--dark-yellow-color: rgb(166, 110, 5);
--dark-yellow-border-color: rgb(215, 146, 23);
/*绿*/
--dark-green-color: rgb(77, 123, 93);
--dark-green-border-color: rgb(153, 174, 71);
/*蓝*/
--dark-blue-color: rgb(84, 100, 130);
--dark-blue-border-color: rgb(111, 165, 188);
/*青*/
--dark-cyan-color: rgba(91, 125, 124);
--dark-cyan-border-color: rgb(95, 170, 158);
/*紫*/
--dark-purple-color: rgb(108, 92, 132);
--dark-purple-border-color: rgb(152, 152, 200);
/*灰*/
--dark-gray-color: rgb(103, 103, 103);
--dark-gray-border-color: rgb(153, 152, 152);
}
/*亮色节点背景色*/
/*红色*/
pre[style*="background-color: rgb(242, 168, 159)"] {
background-color: var(--light-red-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(242, 168, 159)"]) > g rect:not([stroke="none"]) {
fill: var(--light-red-color);
stroke: var(--light-red-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(242, 168, 159)"]) > g rect[stroke="none"] {
fill: var(--light-red-color);
}
/*黄*/
pre[style*="background-color: rgb(255, 250, 156)"] {
background-color: var(--light-yellow-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(255, 250, 156)"]) > g rect:not([stroke="none"]) {
fill: var(--light-yellow-color);
stroke: var(--light-yellow-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(255, 250, 156)"]) > g rect[stroke="none"] {
fill: var(--light-yellow-color);
}
/*青*/
pre[style*="background-color: rgb(159, 228, 223)"] {
background-color: var(--light-cyan-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(159, 228, 223)"]) > g rect:not([stroke="none"]) {
fill: var(--light-cyan-color);
stroke: var(--light-cyan-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(159, 228, 223)"]) > g rect[stroke="none"] {
fill: var(--light-cyan-color);
}
/*绿*/
pre[style*="background-color: rgb(195, 232, 153)"] {
background-color: var(--light-green-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(195, 232, 153)"]) > g rect:not([stroke="none"]) {
fill: var(--light-green-color);
stroke: var(--light-green-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(195, 232, 153)"]) > g rect[stroke="none"] {
fill: var(--light-green-color);
}
/*紫*/
pre[style*="background-color: rgb(203, 177, 242)"] {
background-color: var(--light-purple-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(203, 177, 242)"]) > g rect:not([stroke="none"]) {
fill: var(--light-purple-color);
stroke: var(--light-purple-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(203, 177, 242)"]) > g rect[stroke="none"] {
fill: var(--light-purple-color);
}
/*灰*/
pre[style*="background-color: rgb(217, 217, 217)"] {
background-color: var(--light-gray-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(217, 217, 217)"]) > g rect:not([stroke="none"]) {
fill: var(--light-gray-color);
stroke: var(--light-gray-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(217, 217, 217)"]) > g rect[stroke="none"] {
fill: var(--light-gray-color);
}
/*蓝*/
pre[style*="background-color: rgb(159, 212, 252)"] {
background-color: var(--light-blue-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(159, 212, 252)"]) > g rect:not([stroke="none"]) {
fill: var(--light-blue-color);
stroke: var(--light-blue-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(159, 212, 252)"]) > g rect[stroke="none"] {
fill: var(--light-blue-color);
}
/*暗色节点背景色*/
/*红色*/
pre[style*="background-color: rgb(133, 96, 92)"] {
background-color: var(--dark-red-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(133, 96, 92)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-red-color);
stroke: var(--dark-red-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(133, 96, 92)"]) > g rect[stroke="none"] {
fill: var(--dark-red-color);
}
/*黄*/
pre[style*="background-color: rgb(139, 137, 91)"] {
background-color: var(--dark-yellow-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(139, 137, 91)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-yellow-color);
stroke: var(--dark-yellow-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(139, 137, 91)"]) > g rect[stroke="none"] {
fill: var(--dark-yellow-color);
}
/*青*/
pre[style*="background-color: rgb(91, 125, 124)"] {
background-color: var(--dark-cyan-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(91, 125, 124)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-cyan-color);
stroke: var(--dark-cyan-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(91, 125, 124)"]) > g rect[stroke="none"] {
fill: var(--dark-cyan-color);
}
/*绿*/
pre[style*="background-color: rgb(110, 128, 89)"] {
background-color: var(--dark-green-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(110, 128, 89)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-green-color);
stroke: var(--dark-green-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(110, 128, 89)"]) > g rect[stroke="none"] {
fill: var(--dark-green-color);
}
/*紫*/
pre[style*="background-color: rgb(113, 100, 133)"] {
background-color: var(--dark-purple-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(113, 100, 133)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-purple-color);
stroke: var(--dark-purple-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(113, 100, 133)"]) > g rect[stroke="none"] {
fill: var(--dark-purple-color);
}
/*灰*/
pre[style*="background-color: rgb(120, 120, 121)"] {
background-color: var(--dark-gray-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(120, 120, 121)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-gray-color);
stroke: var(--dark-gray-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(120, 120, 121)"]) > g rect[stroke="none"] {
fill: var(--dark-gray-color);
}
/*蓝*/
pre[style*="background-color: rgb(90, 118, 139)"] {
background-color: var(--dark-blue-color) !important
}
g:has(foreignObject pre[style*="background-color: rgb(90, 118, 139)"]) > g rect:not([stroke="none"]) {
fill: var(--dark-blue-color);
stroke: var(--dark-blue-border-color)!important;
}
g:has(foreignObject pre[style*="background-color: rgb(90, 118, 139)"]) > g rect[stroke="none"] {
fill: var(--dark-blue-color);
}
}