diff --git a/style/config/theme-conifg.css b/style/config/theme-conifg.css index 145184b..639114d 100644 --- a/style/config/theme-conifg.css +++ b/style/config/theme-conifg.css @@ -1,4 +1,3 @@ - :root { /* 主色 */ /* 主题色1-基础色*/ @@ -18,26 +17,26 @@ --b3-theme-background: var(--v-theme-background); /*编辑区-周围的状态栏/左侧选中颜色-背景色*/ --b3-theme-background-light: var(--v-theme-background-light); - + /*编辑区-左侧面板颜色-背景色*/ --b3-theme-surface: var(--v-theme-surface); - /*编辑区-左侧面板颜色-亮一些*/ + /*编辑区-左侧面板颜色-亮一些*/ --b3-theme-surface-light: rgba(var(--v-theme2-rgb-value), .86); /* 警告类-背景颜色*/ --b3-theme-error: var(--v-theme-error); /* 文字颜色 */ - + /* 主题色1-基础色-字体色 */ --b3-theme-on-primary: var(--v-theme1-color); /* 主题色2-次要色-字体色 */ --b3-theme-on-secondary: var(--v-theme2-color); /* 编辑区-字体色 */ --b3-theme-on-background: var(--v-theme-on-background); - /* 编辑区-左侧面板颜色-字体色 */ + /* 编辑区-左侧面板颜色-字体色 */ --b3-theme-on-surface: var(--v-theme-on-surface); - + /* 警告类-字体颜色*/ --b3-theme-on-error: #fff; @@ -53,6 +52,13 @@ /* 数学公式字体 */ --b3-font-family-math: KaTeX_Math; + /* 顶部工具栏 */ + --b3-toolbar-background: var(--b3-theme-surface); + --b3-toolbar-blur-background: #fcfcfc; + --b3-toolbar-color: var(--b3-theme-on-surface); + --b3-toolbar-hover: var(--b3-theme-background-light); + --b3-toolbar-left-mac: 69px; + /* 线条 */ --b3-border-color: var(--v-border-color); @@ -61,15 +67,18 @@ /* 列表 */ --b3-list-hover: var(--v-list-hove); + --b3-list-icon-hover: rgba(33, 34, 36, .1); /* 菜单 */ - --b3-menu-background: var(--v-menu-background); + --b3-menu-background: var(--v-menu-background); /* 提示 */ --b3-tooltips-color: var(--v-tooltips-color); + --b3-tooltips-background: var(--v-tooltips-background); + --b3-tooltips-shadow: var(--v-tooltips-shadow); /* 遮罩 */ - --b3-mask-background:var(--v-mask-background); + --b3-mask-background: var(--v-mask-background); /* 卡片背景： 错误、警告、信息、成功 */ --b3-card-error-color: rgb(97, 26, 21); @@ -90,7 +99,7 @@ --b3-font-color6: var(--b3-theme-primary); --b3-font-color7: var(--b3-theme-secondary); --b3-font-color8: var(--b3-theme-error); */ - --b3-font-color1:#2ec7c9; + --b3-font-color1: #2ec7c9; --b3-font-color2: #b6a2de; --b3-font-color3: #5ab1ef; --b3-font-color4: #ffb980; @@ -112,7 +121,7 @@ --b3-font-background6: var(--b3-theme-primary-light); --b3-font-background7: rgba(217, 211, 215, 0.5); --b3-font-background8: rgba(255, 193, 153, 0.5); */ - --b3-font-background1:#2ec7c950; + --b3-font-background1: #2ec7c950; --b3-font-background2: #b6a2de50; --b3-font-background3: #5ab1ef50; --b3-font-background4: #ffb98050; @@ -129,6 +138,8 @@ /* 动画效果 */ --b3-transition: all .15s cubic-bezier(0, 0, .2, 1) 0ms; --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms; + /* 下拉菜单 */ + --b3-select-background: url("data:image/svg+xml;utf8,") no-repeat right 2px center var(--b3-theme-background); /* 阴影 */ --b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -170,7 +181,7 @@ /* 代码片段背景 */ --b3-protyle-code-background: var(--v-block-code-bg-color); - + --b3-protyle-code-linenumber-hl: #b9d1f4; /* 所见即所得行内元素颜色 */ /* 加粗-字体颜色 */ --b3-protyle-inline-strong-color: var(--v-block-strong-color); @@ -188,6 +199,7 @@ --b3-protyle-inline-tag-color: var(--v-block-tag-color); /* 内容引用块-字体颜色 */ --b3-protyle-inline-blockref-color: var(--v-block-blockref-color); + --b3-protyle-inline-fileref-color: #21862e; /* PDF */ --b3-pdf-selection: #d0e9c8; @@ -200,31 +212,56 @@ --b3-pdf-background5: #f5539e; --b3-pdf-background6: var(--b3-theme-primary); --b3-pdf-background7: #944194; - + --b3-pdf-dark: #212224; /*状态栏*/ --b3-dock-item-width: 36px; --b3-dock-item-padding: 5px; - --b3-dock-item-margin: 7px 5px 7px 5px; - --b3-dock-item-radius: 5px; + --b3-dock-item-margin: 7px 5px 7px 5px; + --b3-dock-item-radius: 5px; } + /* PDF */ .textLayer, .pdf__resize { mix-blend-mode: darken; } +/* https://github.com/siyuan-note/siyuan/issues/6440 */ +.protyle-action--order:after { + mix-blend-mode: multiply; +} + +.b3-typography div.hljs, +.protyle-wysiwyg div.hljs { + background-color: #f8f9fa; +} + /* 修复添加收缩内容的”高亮点“消失的问题 */ /* 收缩时候的状态 */ -.protyle-wysiwyg div[fold="1"] .protyle-action::after -{ +.protyle-wysiwyg div[fold="1"] .protyle-action::after { border-radius: 50%; background-color: var(--b3-theme-primary-light) !important; } -.protyle-wysiwyg div[fold="1"]::before -{ + +.protyle-wysiwyg div[fold="1"]::before { width: 34px; border-radius: 50%; background-color: var(--b3-theme-primary-light) !important; +} + +/* 滚动条 */ +.protyle-scroll__bar .b3-slider { + /* background: rgba(var(--v-theme2-rgb-value), .2); */ +} + +/* 重点标注 VIP 图标 */ +#toolbarVIP { + background-color: rgba(255, 217, 0, 0.603); +} + +/* 给所有插件的菜单添加变色的底色 */ +div[id^="plugin"] { + background-color: rgba(255, 255, 255, 0.603); } \ No newline at end of file diff --git a/style/config/vlook-config-dark.css b/style/config/vlook-config-dark.css index 557053e..a4f9c53 100644 --- a/style/config/vlook-config-dark.css +++ b/style/config/vlook-config-dark.css @@ -1,78 +1,79 @@ -:root{ +:root { --ac-theme1: rgb(23, 227, 203); --ac-theme1-alt-dk: #17e3cb; --ac-theme1-fade-dk: rgba(23, 227, 203); - --ac-theme2:rgb(214, 188, 253); + --ac-theme2: rgb(214, 188, 253); --ac-theme2-alt-dk: #d6bcfd; --ac-theme2-fade-dk: rgba(214, 188, 253, 0.35); --ac-theme2-title-dk: var(--d-f-c-dk); /*主题色1*/ --v-theme1: rgb(23, 227, 203); - --v-theme1-rgb-value:23, 227, 203; - --v-theme1-color:rgb(220, 215, 215); + --v-theme1-rgb-value: 23, 227, 203; + --v-theme1-color: rgb(220, 215, 215); /*主题色2*/ - --v-theme2:rgb(214, 188, 253); - --v-theme2-rgb-value:214, 188, 253; - --v-theme2-color:rgb(220, 215, 215); + --v-theme2: rgb(214, 188, 253); + --v-theme2-rgb-value: 214, 188, 253; + --v-theme2-color: rgb(220, 215, 215); - /* 警告类-背景颜色*/ + /* 警告类-背景颜色*/ --v-theme-error: #d23f31; /*编辑区*/ - --v-theme-background:#292c33; - --v-theme-background-light:rgba(41, 44, 51,.25); + --v-theme-background: #292c33; + --v-theme-background-light: rgba(41, 44, 51, .25); /*编辑区/列表区*/ --v-theme-on-background: var(--d-f-c); /*面板区*/ - --v-theme-surface: rgba(41, 44, 51,0.75); + --v-theme-surface: rgba(41, 44, 51, 0.75); /*前缀/序号/tab文字*/ --v-theme-on-surface: var(--d-f-c); /*文档树*/ - --b3-theme-background2:#8f91a0; + --b3-theme-background2: #8f91a0; --b3-filetree-background: #292c33; /*线条*/ --v-border-color: rgb(161, 162, 165); - + /* 滚动条 */ --v-scroll-color: rgba(225, 219, 219, .2); /* 列表 */ - --v-list-hover: rgba(var(--v-theme2-rgb-value),0.65); + --v-list-hover: rgba(var(--v-theme2-rgb-value), 0.65); /* 右键/cms菜单 */ - --v-menu-background: rgba(41, 44, 51,0.9); + --v-menu-background: rgba(41, 44, 51, 0.9); /* 提示 */ - --v-tooltips-color: rgba(var(--v-theme2-rgb-value), 0.6); - + --v-tooltips-color: #f8f9fa; + --v-tooltips-background: rgba(var(--v-theme1-rgb-value), 0.6); + --v-tooltips-shadow: 0 2px 8px rgba(var(--v-theme1-rgb-value), .1); /* 遮罩 */ --v-mask-background: rgba(161, 162, 165, 0.78); /*背景*/ - --v-fig-grid:var(--v-fig-grid-l-dk); - --v-bg-grid-color1:rgba(66, 191, 233, 0.13); - --v-bg-grid-color2:rgba(64, 159, 190, 0.13); + --v-fig-grid: var(--v-fig-grid-l-dk); + --v-bg-grid-color1: rgba(66, 191, 233, 0.13); + --v-bg-grid-color2: rgba(64, 159, 190, 0.13); /*链接颜色*/ - --v-block-link-color:var(--a-color); + --v-block-link-color: var(--a-color); /*高亮/标记颜色*/ - --v-block-mark-color:var(--d-f-c); - --v-block-mark-bg-color:var(--mark-bg); + --v-block-mark-color: var(--d-f-c); + --v-block-mark-bg-color: var(--mark-bg); /*内容引用块颜色*/ - --v-block-blockref-color:var(--ac-theme1); + --v-block-blockref-color: var(--ac-theme1); /*标签颜色*/ - --v-block-tag-color:#5f6368; + --v-block-tag-color: #5f6368; /*代码块颜色*/ - --v-block-code-bg-color:var(--code-bg); - --v-black-code-font-family:var(--v-f-fm-code); - --v-black-code-boder-color:var(--tbl-bder); + --v-block-code-bg-color: var(--code-bg); + --v-black-code-font-family: var(--v-f-fm-code); + --v-black-code-boder-color: var(--tbl-bder); /*删除块颜色 #6670a9 */ --v-block-del-color: var(--d-f-c-alt); @@ -82,16 +83,16 @@ --v-block-strong-color: var(--d-f-c); /*键盘按键色*/ - --v-block-kbd-font:var(var(--v-f-w-bd) 0.75em var(--v-f-fm-key)); + --v-block-kbd-font: var(var(--v-f-w-bd) 0.75em var(--v-f-fm-key)); --v-block-kbd-border-radius: var(--v-r-s-small); - --v-block-kbd-color:var(--d-bc); - --v-block-kbd-border-shadow:var(--key-shadow); + --v-block-kbd-color: var(--d-bc); + --v-block-kbd-border-shadow: var(--key-shadow); --v-block-kbd-border-color: var(--key-reflect); /*标签设置*/ - --v-tag-bgcolor:#2eb9a8; - --v-tag-color:#ffffff; - --v-tag-icon:#39eed9; + --v-tag-bgcolor: #2eb9a8; + --v-tag-color: #ffffff; + --v-tag-icon: #39eed9; --v-theme-background-gray: #e7ecef; --v-border-dashed-gray: 1px dashed #39eed9; @@ -105,104 +106,144 @@ --v-block-bq-border-radius: var(--v-r-b); /*h1~h6*/ - --v-block-heading-top-shadow:var(--h-box-shadow); - --v-block-heading-color:var(--h-f); + --v-block-heading-top-shadow: var(--h-box-shadow); + --v-block-heading-color: var(--h-f); --v-block-heading-border-radius: var(--v-r-b); - --v-block-heading-start-bg-color:var(--h-bg-start); - --v-block-heading-end-bg-color:var(--h-bg-end); + --v-block-heading-start-bg-color: var(--h-bg-start); + --v-block-heading-end-bg-color: var(--h-bg-end); /*hr*/ - --v-block-hr-border-radius: 0px; + --v-block-hr-border-radius: 0px; /* ———————————————————— 列表2看板 ———————————————————— */ - --kbline-board-bg-color: #969ca5; /* 主背景色 */ - --kbline-board-bg-color1: #82868b; /* 各个子项背景色 */ - --kbline-board-pa-color: #a1a2a5; /* 列表项的点 */ - - --kbline-theme-hover2: #cfc0c0fc; /*鼠标悬浮的背景色*/ - --kbline-theme-hover1: var(--d-f-c); /*鼠标悬浮的前景色*/ - - --kbline-border-normal: 1px solid var(--kbline-board-bg-color); /* 边框的颜色 */ - --kbline-outline-color: #292c33; /* 最外层边框 */ - - --kbline-board-border-radius: var(--v-r-b); /*圆角弧度*/ - --kbline-board-border-color: var(--ac-theme2); /*边框颜色*/ - - - --kbline-board-title-svg-color: #292c33; /*符号·的前景色*/ - --kbline-board-title-svg-bg:#c0e9fc; /*符号·的背景色*/ - - - /*循环标题颜色设置*/ - --kbline-board-title-bg1:rgba(253, 236, 234, 0.5); /*标题的背景色*/ - --kbline-board-title-bg2:rgba(255, 244, 229, 0.5); /*标题的背景色*/ - --kbline-board-title-bg3:rgba(232, 244, 253, 0.5); /*标题的背景色*/ - --kbline-board-title-bg4:rgba(237, 247, 237, 0.5); - - --kbline-board-title-color:#292c33; /*标题的前景色*/ - - --kbline-board-item-color: var(--d-f-c); /*看板卡片前景色*/ - --kbline-board-item-code-color:var(--d-f-c); - - /*调整下面参数，可能会产生一些渲染bug*/ - --kbline-bord-margin: 10px; /*看板列表-之间的间距*/ - --kbline-boarditem-margin-bottom: 5px; /*看板卡片-之间的间距*/ - --kbline-boarditem-maxwidth: 25rem; /*看板卡片的最大宽度*/ - --kbline-boarditem-minwidth: 14rem; /*看板卡片的最小宽度*/ - --kbline-boarditem-minHight: 4.5rem; /*看板卡片的最小高度*/ + --kbline-board-bg-color: #969ca5; + /* 主背景色 */ + --kbline-board-bg-color1: #82868b; + /* 各个子项背景色 */ + --kbline-board-pa-color: #a1a2a5; + /* 列表项的点 */ + + --kbline-theme-hover2: #cfc0c0fc; + /*鼠标悬浮的背景色*/ + --kbline-theme-hover1: var(--d-f-c); + /*鼠标悬浮的前景色*/ + + --kbline-border-normal: 1px solid var(--kbline-board-bg-color); + /* 边框的颜色 */ + --kbline-outline-color: #292c33; + /* 最外层边框 */ + + --kbline-board-border-radius: var(--v-r-b); + /*圆角弧度*/ + --kbline-board-border-color: var(--ac-theme2); + /*边框颜色*/ + + + --kbline-board-title-svg-color: #292c33; + /*符号·的前景色*/ + --kbline-board-title-svg-bg: #c0e9fc; + /*符号·的背景色*/ + + + /*循环标题颜色设置*/ + --kbline-board-title-bg1: rgba(253, 236, 234, 0.5); + /*标题的背景色*/ + --kbline-board-title-bg2: rgba(255, 244, 229, 0.5); + /*标题的背景色*/ + --kbline-board-title-bg3: rgba(232, 244, 253, 0.5); + /*标题的背景色*/ + --kbline-board-title-bg4: rgba(237, 247, 237, 0.5); + + --kbline-board-title-color: #292c33; + /*标题的前景色*/ + + --kbline-board-item-color: var(--d-f-c); + /*看板卡片前景色*/ + --kbline-board-item-code-color: var(--d-f-c); + + /*调整下面参数，可能会产生一些渲染bug*/ + --kbline-bord-margin: 10px; + /*看板列表-之间的间距*/ + --kbline-boarditem-margin-bottom: 5px; + /*看板卡片-之间的间距*/ + --kbline-boarditem-maxwidth: 25rem; + /*看板卡片的最大宽度*/ + --kbline-boarditem-minwidth: 14rem; + /*看板卡片的最小宽度*/ + --kbline-boarditem-minHight: 4.5rem; + /*看板卡片的最小高度*/ /* ———————————————————— 列表2看板(end) ———————————————————— */ /*———————————————————— 列表2表格————————————————————*/ - + --b3-border-normal: 1px solid #ddd4df; - + /*———————————————————— 列表2表格(end)————————————————————*/ - + /*———————————————————— 列表2导图————————————————————*/ /*文本框*/ /* --mapline-p-bg-color:#515459; */ /*导图*/ - --b3-border-daotu: 2px solid #ffb8b8 !important; - --b3-block-daotu:#16192a !important; + --b3-border-daotu: 2px solid #ffb8b8 !important; + --b3-block-daotu: #16192a !important; /*———————————————————— 列表2导图(end)————————————————————*/ - /*一些其他配色 dd */ - - --v3-cwtag-color1:#CC3140 ; /** 'red' */ - --v3-cwtag-color2:#F87000 ; /** 'orange' */ - --v3-cwtag-color3:#FDC000 ; /** 'yellow' */ - --v3-cwtag-color4:#B2D115 ; /** 'lime' */ - --v3-cwtag-color5:#30A830 ; /** 'green' */ - --v3-cwtag-color6:#2DE0C8 ; /** 'aqua' */ - --v3-cwtag-color7:#17B1C2 ; /** 'cyan' */ - --v3-cwtag-color8:#2290F0 ; /** 'blue' */ - --v3-cwtag-color9:#2D51E0 ; /** 'sea' */ - --v3-cwtag-color10:#7073D6; /** 'steel' */ - --v3-cwtag-color11:#954ECC; /** 'purple' */ - --v3-cwtag-color12:#E64ED6; /** 'magenta' */ - --v3-cwtag-color13:#FAB9D1; /** 'pink' */ - --v3-cwtag-color14:#E0BF9D; /** 'gold' */ - --v3-cwtag-color15:#855F3A; /** 'brown' */ - --v3-cwtag-color16:#9498A0; /** 'gray' */ - --v3-cwtag-color17:#16192a; /** 'black' */ - --v3-cwtag-color18:#8064A9; /** 'theme1' */ - --v3-cwtag-color19:#2AA899; /** 'theme2' */ - + /*一些其他配色 dd */ + + --v3-cwtag-color1: #CC3140; + /** 'red' */ + --v3-cwtag-color2: #F87000; + /** 'orange' */ + --v3-cwtag-color3: #FDC000; + /** 'yellow' */ + --v3-cwtag-color4: #B2D115; + /** 'lime' */ + --v3-cwtag-color5: #30A830; + /** 'green' */ + --v3-cwtag-color6: #2DE0C8; + /** 'aqua' */ + --v3-cwtag-color7: #17B1C2; + /** 'cyan' */ + --v3-cwtag-color8: #2290F0; + /** 'blue' */ + --v3-cwtag-color9: #2D51E0; + /** 'sea' */ + --v3-cwtag-color10: #7073D6; + /** 'steel' */ + --v3-cwtag-color11: #954ECC; + /** 'purple' */ + --v3-cwtag-color12: #E64ED6; + /** 'magenta' */ + --v3-cwtag-color13: #FAB9D1; + /** 'pink' */ + --v3-cwtag-color14: #E0BF9D; + /** 'gold' */ + --v3-cwtag-color15: #855F3A; + /** 'brown' */ + --v3-cwtag-color16: #9498A0; + /** 'gray' */ + --v3-cwtag-color17: #16192a; + /** 'black' */ + --v3-cwtag-color18: #8064A9; + /** 'theme1' */ + --v3-cwtag-color19: #2AA899; + /** 'theme2' */ + /*底栏状态*/ - --b3-status-msg-background: rgba(41, 44, 51); - - /* dock栏 */ - --b3-dockright-color: rgb(128, 100, 169); - --b3-dockright-background: rgba(41, 44, 51); + --b3-status-msg-background: rgba(41, 44, 51); + + /* dock栏 */ + --b3-dockright-color: rgb(128, 100, 169); + --b3-dockright-background: rgba(41, 44, 51); --b3-dockright-item-active-background: #fff; - --b3-dockleft-color: rgb(128, 100, 169); - --b3-dock-background: rgba(41, 44, 51); - --b3-dockleft-item-active-background: #fff; - --b3-dock-item-active-color: #eb8383; - --b3-dock-item-hover-background: rgb(42, 168, 153,0.5); - --b3-dock-stats-counter-color:#292c33; + --b3-dockleft-color: rgb(128, 100, 169); + --b3-dock-background: rgba(41, 44, 51); + --b3-dockleft-item-active-background: #fff; + --b3-dock-item-active-color: #eb8383; + --b3-dock-item-hover-background: rgb(42, 168, 153, 0.5); + --b3-dock-stats-counter-color: #292c33; } \ No newline at end of file diff --git a/style/config/vlook-config.css b/style/config/vlook-config.css index cc34ebc..5b5abc8 100644 --- a/style/config/vlook-config.css +++ b/style/config/vlook-config.css @@ -1,70 +1,72 @@ -:root{ +:root { /*主题色1*/ - --v-theme1:var(--ac-theme1); - --v-theme1-rgb-value:128, 100, 169; - --v-theme1-color:#fff; + --v-theme1: var(--ac-theme1); + --v-theme1-rgb-value: 128, 100, 169; + --v-theme1-color: #fff; /*主题色2*/ - --v-theme2:var(--ac-theme2); - --v-theme2-rgb-value:42, 168, 153; - --v-theme2-color:#fff; + --v-theme2: var(--ac-theme2); + --v-theme2-rgb-value: 42, 168, 153; + --v-theme2-color: #fff; - /* 警告类-背景颜色*/ + /* 警告类-背景颜色*/ --v-theme-error: #d23f31; /*编辑区*/ - --v-theme-background:#fcf9f2; - --v-theme-background-light:rgba(238, 238, 238,.25); + --v-theme-background: #fcf9f2; + --v-theme-background-light: rgba(238, 238, 238, .25); /*编辑区/列表区*/ - --v-theme-on-background:var(--d-f-c); + --v-theme-on-background: var(--d-f-c); /*面板区*/ - --v-theme-surface: rgba(243, 243, 243,0.75); + --v-theme-surface: rgba(243, 243, 243, 0.75); /*前缀/序号/tab文字*/ --v-theme-on-surface: var(--d-f-c); /*文档树*/ - --b3-theme-background2:#f8f9fa; + --b3-theme-background2: #f8f9fa; --b3-filetree-background: #fcf9f2; /*线条*/ --v-border-color: rgba(0, 0, 0, .1); - + /* 滚动条 */ --v-scroll-color: rgba(0, 0, 0, .2); /* 列表 */ - --v-list-hover: rgba(var(--v-theme2-rgb-value),0.65); + --v-list-hover: rgba(var(--v-theme2-rgb-value), 0.65); /* 右键/cms菜单 */ --v-menu-background: #f8f9fa; /* 提示 */ - --v-tooltips-color: rgba(var(--v-theme2-rgb-value), 0.6); + --v-tooltips-color: #f8f9fa; + --v-tooltips-background: rgba(var(--v-theme1-rgb-value), 0.6); + --v-tooltips-shadow: 0 2px 8px rgba(var(--v-theme1-rgb-value), .1); /* 遮罩 */ --v-mask-background: rgba(var(--v-theme1-rgb-value), 0.78); - + /*背景*/ - --v-fig-grid:var(--v-fig-grid-l-lg); - --v-bg-grid-color1:rgba(60, 10, 30, 0.05); - --v-bg-grid-color2:rgba(148, 35, 80, 0.05); + --v-fig-grid: var(--v-fig-grid-l-lg); + --v-bg-grid-color1: rgba(60, 10, 30, 0.05); + --v-bg-grid-color2: rgba(148, 35, 80, 0.05); /*链接颜色*/ - --v-block-link-color:var(--a-color); + --v-block-link-color: var(--a-color); /*高亮/标记颜色*/ - --v-block-mark-color:var(--d-f-c); - --v-block-mark-bg-color:var(--mark-bg); + --v-block-mark-color: var(--d-f-c); + --v-block-mark-bg-color: var(--mark-bg); /*内容引用块颜色*/ - --v-block-blockref-color:#660e7a; + --v-block-blockref-color: #660e7a; /*标签颜色*/ - --v-block-tag-color:#5f6368; + --v-block-tag-color: #5f6368; /*代码块颜色*/ - --v-block-code-bg-color:var(--code-bg); - --v-black-code-font-family:var(--v-f-fm-code); - --v-black-code-boder-color:var(--tbl-bder); + --v-block-code-bg-color: var(--code-bg); + --v-black-code-font-family: var(--v-f-fm-code); + --v-black-code-boder-color: var(--tbl-bder); /*删除块颜色 #6670a9 */ --v-block-del-color: var(--d-f-c-alt); @@ -74,20 +76,20 @@ --v-block-strong-color: var(--d-f-c); /*键盘按键色*/ - --v-block-kbd-font:var(var(--v-f-w-bd) 0.75em var(--v-f-fm-key)); + --v-block-kbd-font: var(var(--v-f-w-bd) 0.75em var(--v-f-fm-key)); --v-block-kbd-border-radius: var(--v-r-s-small); - --v-block-kbd-color:var(--d-bc); - --v-block-kbd-border-shadow:var(--key-shadow); + --v-block-kbd-color: var(--d-bc); + --v-block-kbd-border-shadow: var(--key-shadow); --v-block-kbd-border-color: var(--key-reflect); - + /*标签设置*/ - --v-tag-bgcolor:#8064A9; - --v-tag-color:#ffffff; - --v-tag-icon:#c8b7e3; + --v-tag-bgcolor: #8064A9; + --v-tag-color: #ffffff; + --v-tag-icon: #c8b7e3; --v-theme-background-gray: #e7ecef; --v-border-dashed-gray: 1px dashed #c8b7e3; - /* 圆角左右两端都为半圆形 */ + /* 圆角左右两端都为半圆形 */ --v-border-radius-half-round: 50px; /*引用块设置*/ @@ -96,103 +98,143 @@ --v-block-bq-border-radius: var(--v-r-b); /*h1~h6*/ - --v-block-heading-top-shadow:var(--h-box-shadow); - --v-block-heading-color:var(--h-f); + --v-block-heading-top-shadow: var(--h-box-shadow); + --v-block-heading-color: var(--h-f); --v-block-heading-border-radius: var(--v-r-b); - --v-block-heading-start-bg-color:var(--h-bg-start); - --v-block-heading-end-bg-color:var(--h-bg-end); + --v-block-heading-start-bg-color: var(--h-bg-start); + --v-block-heading-end-bg-color: var(--h-bg-end); /*hr*/ - --v-block-hr-border-radius: 0px; + --v-block-hr-border-radius: 0px; /* ———————————————————— 列表2看板 ———————————————————— */ - --kbline-board-bg-color: #e7e7e7; /* 主背景色 */ - --kbline-board-pa-color: #e7e7e7; /* 列表项的点 */ - --kbline-board-bg-color1: #fdfdfd; /* 各个子项背景色 */ - - --kbline-theme-hover2: #f8ecec; /*鼠标悬浮的背景色*/ - --kbline-theme-hover1: var(--d-f-c); /*鼠标悬浮的前景色*/ - - - --kbline-border-normal: 1px solid var(--kbline-board-bg-color); /* 边框的颜色 */ - --kbline-outline-color: #fcf9f2; /* 最外层边框 */ - --kbline-board-border-radius: var(--v-r-b); /*圆角弧度*/ - --kbline-board-border-color: var(--ac-theme2); /*边框颜色*/ - - - --kbline-board-title-svg-color: var(--d-f-c); /*符号·的前景色*/ - --kbline-board-title-svg-bg:#c0e9fc; /*符号·的背景色*/ - - /*循环标题颜色设置*/ - --kbline-board-title-bg1:rgba(253, 236, 234,1); /*标题的背景色*/ - --kbline-board-title-bg2:rgba(255, 244, 229,1); /*标题的背景色*/ - --kbline-board-title-bg3:rgba(232, 244, 253,1); /*标题的背景色*/ - --kbline-board-title-bg4:rgba(237, 247, 237,1); - - --kbline-board-title-color:var(--d-f-c); /*标题的前景色*/ - - --kbline-board-item-color:var(--d-f-c); /*看板卡片前景色*/ - --kbline-board-item-code-color:var(--d-f-c); - - /*调整下面参数，可能会产生一些渲染bug*/ - --kbline-bord-margin: 10px; /*看板列表-之间的间距*/ - --kbline-boarditem-margin-bottom: 5px; /*看板卡片-之间的间距*/ - --kbline-boarditem-maxwidth: 25rem; /*看板卡片的最大宽度*/ - --kbline-boarditem-minwidth: 14rem; /*看板卡片的最小宽度*/ - --kbline-boarditem-minHight: 4.5rem; /*看板卡片的最小高度*/ + --kbline-board-bg-color: #e7e7e7; + /* 主背景色 */ + --kbline-board-pa-color: #e7e7e7; + /* 列表项的点 */ + --kbline-board-bg-color1: #fdfdfd; + /* 各个子项背景色 */ + + --kbline-theme-hover2: #f8ecec; + /*鼠标悬浮的背景色*/ + --kbline-theme-hover1: var(--d-f-c); + /*鼠标悬浮的前景色*/ + + + --kbline-border-normal: 1px solid var(--kbline-board-bg-color); + /* 边框的颜色 */ + --kbline-outline-color: #fcf9f2; + /* 最外层边框 */ + --kbline-board-border-radius: var(--v-r-b); + /*圆角弧度*/ + --kbline-board-border-color: var(--ac-theme2); + /*边框颜色*/ + + + --kbline-board-title-svg-color: var(--d-f-c); + /*符号·的前景色*/ + --kbline-board-title-svg-bg: #c0e9fc; + /*符号·的背景色*/ + + /*循环标题颜色设置*/ + --kbline-board-title-bg1: rgba(253, 236, 234, 1); + /*标题的背景色*/ + --kbline-board-title-bg2: rgba(255, 244, 229, 1); + /*标题的背景色*/ + --kbline-board-title-bg3: rgba(232, 244, 253, 1); + /*标题的背景色*/ + --kbline-board-title-bg4: rgba(237, 247, 237, 1); + + --kbline-board-title-color: var(--d-f-c); + /*标题的前景色*/ + + --kbline-board-item-color: var(--d-f-c); + /*看板卡片前景色*/ + --kbline-board-item-code-color: var(--d-f-c); + + /*调整下面参数，可能会产生一些渲染bug*/ + --kbline-bord-margin: 10px; + /*看板列表-之间的间距*/ + --kbline-boarditem-margin-bottom: 5px; + /*看板卡片-之间的间距*/ + --kbline-boarditem-maxwidth: 25rem; + /*看板卡片的最大宽度*/ + --kbline-boarditem-minwidth: 14rem; + /*看板卡片的最小宽度*/ + --kbline-boarditem-minHight: 4.5rem; + /*看板卡片的最小高度*/ /* ———————————————————— 列表2看板(end) ———————————— */ /*———————————————————— 列表2表格(end) ————————————————————*/ - + --b3-border-normal: 1px solid #ddd4df; - + /*———————————————————— 列表2表格 ————————————————————*/ /*———————————————————— 列表2导图————————————————————*/ /*旧版文本框*/ /* --mapline-p-bg-color:#fff; */ - + /*导图*/ - --b3-border-daotu: 2px solid #ffb8b8 !important; - --b3-block-daotu:#FFF !important; + --b3-border-daotu: 2px solid #ffb8b8 !important; + --b3-block-daotu: #FFF !important; /*———————————————————— 列表2导图(end)————————————————————*/ - /*一些其他配色 dd */ - - --v3-cwtag-color1:#CC3140 ; /** 'red' */ - --v3-cwtag-color2:#F87000 ; /** 'orange' */ - --v3-cwtag-color3:#FDC000 ; /** 'yellow' */ - --v3-cwtag-color4:#B2D115 ; /** 'lime' */ - --v3-cwtag-color5:#30A830 ; /** 'green' */ - --v3-cwtag-color6:#2DE0C8 ; /** 'aqua' */ - --v3-cwtag-color7:#17B1C2 ; /** 'cyan' */ - --v3-cwtag-color8:#2290F0 ; /** 'blue' */ - --v3-cwtag-color9:#2D51E0 ; /** 'sea' */ - --v3-cwtag-color10:#7073D6; /** 'steel' */ - --v3-cwtag-color11:#954ECC; /** 'purple' */ - --v3-cwtag-color12:#E64ED6; /** 'magenta' */ - --v3-cwtag-color13:#FAB9D1; /** 'pink' */ - --v3-cwtag-color14:#E0BF9D; /** 'gold' */ - --v3-cwtag-color15:#855F3A; /** 'brown' */ - --v3-cwtag-color16:#9498A0; /** 'gray' */ - --v3-cwtag-color17:#16192a; /** 'black' */ - --v3-cwtag-color18:#8064A9; /** 'theme1' */ - --v3-cwtag-color19:#2AA899; /** 'theme2' */ + /*一些其他配色 dd */ + + --v3-cwtag-color1: #CC3140; + /** 'red' */ + --v3-cwtag-color2: #F87000; + /** 'orange' */ + --v3-cwtag-color3: #FDC000; + /** 'yellow' */ + --v3-cwtag-color4: #B2D115; + /** 'lime' */ + --v3-cwtag-color5: #30A830; + /** 'green' */ + --v3-cwtag-color6: #2DE0C8; + /** 'aqua' */ + --v3-cwtag-color7: #17B1C2; + /** 'cyan' */ + --v3-cwtag-color8: #2290F0; + /** 'blue' */ + --v3-cwtag-color9: #2D51E0; + /** 'sea' */ + --v3-cwtag-color10: #7073D6; + /** 'steel' */ + --v3-cwtag-color11: #954ECC; + /** 'purple' */ + --v3-cwtag-color12: #E64ED6; + /** 'magenta' */ + --v3-cwtag-color13: #FAB9D1; + /** 'pink' */ + --v3-cwtag-color14: #E0BF9D; + /** 'gold' */ + --v3-cwtag-color15: #855F3A; + /** 'brown' */ + --v3-cwtag-color16: #9498A0; + /** 'gray' */ + --v3-cwtag-color17: #16192a; + /** 'black' */ + --v3-cwtag-color18: #8064A9; + /** 'theme1' */ + --v3-cwtag-color19: #2AA899; + /** 'theme2' */ /*底栏状态*/ - --b3-status-msg-background: #e0dfda; - - /* dock栏 */ - --b3-dockright-color: rgb(55, 53, 47, .5); - --b3-dockright-background: rgba(237, 236, 233); + --b3-status-msg-background: #e0dfda; + + /* dock栏 */ + --b3-dockright-color: rgb(55, 53, 47, .5); + --b3-dockright-background: rgba(237, 236, 233); --b3-dockright-item-active-background: #fff; - --b3-dockleft-color: rgb(55, 53, 47, .5); - --b3-dock-background: rgba(237, 236, 233); - --b3-dockleft-item-active-background: #fff; - --b3-dock-item-active-color: #eb8383; - --b3-dock-item-hover-background: #fff; - --b3-dock-stats-counter-color:#fff; + --b3-dockleft-color: rgb(55, 53, 47, .5); + --b3-dock-background: rgba(237, 236, 233); + --b3-dockleft-item-active-background: #fff; + --b3-dock-item-active-color: #eb8383; + --b3-dock-item-hover-background: #fff; + --b3-dock-stats-counter-color: #fff; } \ No newline at end of file diff --git a/theme.css b/theme.css index 2202140..35c0054 100644 --- a/theme.css +++ b/theme.css @@ -118,12 +118,12 @@ } */ /* ALT+Enter */ -.protyle-wysiwyg [data-type="em"][style*="--before-ctx"]::before{ +.protyle-wysiwyg [data-type="em"][style*="--before-ctx"]::before { content: var(--before-ctx); } /* 显示 custom-f 的内容：当不是标题行的时候 */ -.protyle-wysiwyg [data-node-id]:not([data-subtype^="h"])[custom-f]:before{ +.protyle-wysiwyg [data-node-id]:not([data-subtype^="h"])[custom-f]:before { content: attr(custom-f); float: right; color: rgba(var(--v-theme2-rgb-value), 0.5); @@ -133,7 +133,7 @@ } /* 显示 custom-f 的内容：当是标题行的时候 */ -.protyle-wysiwyg [data-node-id][data-subtype^="h"][custom-f]::after{ +.protyle-wysiwyg [data-node-id][data-subtype^="h"][custom-f]::after { content: attr(custom-f); float: right; color: rgba(var(--v-theme2-rgb-value), 0.5); @@ -143,63 +143,75 @@ } /* 添加 custom-f~="btn" 属性 */ -.protyle-wysiwyg [custom-f~="btn"]::before{ +.protyle-wysiwyg [custom-f~="btn"]::before { content: '' !important; } .protyle-wysiwyg [custom-f~="btn"] { display: inline-block; - font-weight: 400 ; - line-height: 1.5 ; - color: #212529 ; - text-align: center ; - text-decoration: none ; - vertical-align: middle ; - cursor: pointer ; - -webkit-user-select: none ; - -moz-user-select: none ; - user-select: none ; - background-color: transparent ; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + background-color: transparent; border: 1px solid var(--b3-theme-primary-lightest) !important; - padding: 0.375rem 0.75rem ; - font-size: 1rem ; - border-radius: 0.25rem ; - transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out ; + padding: 0.375rem 0.75rem; + font-size: 1rem; + border-radius: 0.25rem; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; - color: #fff !important; + color: #fff !important; background-color: #0d6efd; - border-color: #0d6efd; + border-color: #0d6efd; } -.protyle-wysiwyg [custom-f~="btn"] [data-type="a"]{ +.protyle-wysiwyg [custom-f~="btn"] [data-type="a"] { color: #fff !important; -} +} /* 悬浮按钮 */ -.protyle-wysiwyg .protyle-gutters{ +.protyle-wysiwyg .protyle-gutters { /* background-color: red; float: right !important; */ } /* 几个宽度设置 */ -.protyle-wysiwyg [custom-width~="50px"]{ +.protyle-wysiwyg [custom-width~="50px"] { width: 50px; } -.protyle-wysiwyg [custom-width~="100px"]{ + +.protyle-wysiwyg [custom-width~="100px"] { width: 100px; } -.protyle-wysiwyg [custom-width~="150px"]{ + +.protyle-wysiwyg [custom-width~="150px"] { width: 150px; } -.protyle-wysiwyg [custom-width~="200px"]{ + +.protyle-wysiwyg [custom-width~="200px"] { width: 200px; } -.protyle-wysiwyg [custom-width~="300px"]{ + +.protyle-wysiwyg [custom-width~="300px"] { width: 300px; } -.protyle-wysiwyg [custom-width~="400px"]{ + +.protyle-wysiwyg [custom-width~="400px"] { width: 400px; } -.protyle-wysiwyg [custom-width~="500px"]{ + +.protyle-wysiwyg [custom-width~="500px"] { width: 500px; } + + +/* 解决 分栏引用下 display: inline-block 不起作用的问题 */ +.protyle-wysiwyg { + display: block; +} \ No newline at end of file diff --git a/theme.json b/theme.json index 5cbc294..ae4a9e7 100644 --- a/theme.json +++ b/theme.json @@ -2,8 +2,8 @@ "name": "mini-vlook", "author": "路人二", "url": "https://github.com/idea-zone/mini-vlook", - "version": "2.8.704", -"displayName": { + "version": "2.9.5", + "displayName": { "default": "mini-vlook（简洁版vlook）", "zh_CN": "mini-vlook（简洁版vlook）", "en_US": "mini-vlook" @@ -34,4 +34,4 @@ "dark", "light" ] -} +} \ No newline at end of file