From 8a42b58f67f2102f97a5d1c797ced0110bef21d8 Mon Sep 17 00:00:00 2001 From: Tron Date: Thu, 4 Jul 2024 16:46:38 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/theme/Tsundoku_dark.css | 110 ++++++++++++++++++++++++---------- theme.css | 4 +- 2 files changed, 79 insertions(+), 35 deletions(-) diff --git a/style/theme/Tsundoku_dark.css b/style/theme/Tsundoku_dark.css index c2687e9..a415dea 100644 --- a/style/theme/Tsundoku_dark.css +++ b/style/theme/Tsundoku_dark.css @@ -68,10 +68,10 @@ --b3-font-color10: #ca98ff; --b3-font-color11: #d90ec5; --b3-font-color12: #eb5042; - --b3-font-color13: var(--b3-theme-background); + --b3-font-color13: #3999f2; --b3-font-background1: #ff8f8999; - --b3-font-background2: #e5aa5752; - --b3-font-background3: rgba(54, 171, 248, 0.521); + --b3-font-background2: #e2a7534a; + --b3-font-background3: #36abf833; --b3-font-background4: #8fe7b277; --b3-font-background5: #6f8ca38f; --b3-font-background6: #09a1b873; @@ -179,7 +179,7 @@ --custom-link-bottom-color: #39464b96; } -.render-node[data-subtype='graphviz'] .graph > polygon { +.render-node[data-subtype='graphviz'] .graph>polygon { fill: var(--b3-theme-on-surface); } @@ -194,15 +194,17 @@ span[data-type='text'][style='background-color: var(--b3-font-background13);'] { .dock { background-color: #031c25; } + .toolbar { background-color: var(--b3-toolbar-background); } + .layout-tab-container { background-color: #16232f; } .block__popover .block__icons, -.layout-tab-container .block__icons{ +.layout-tab-container .block__icons { background-color: #041f29 !important; } @@ -226,11 +228,10 @@ span[data-type='text'][style='background-color: var(--b3-font-background13);'] { box-shadow: 0px 0px 7px 1px #386d79; border-left: 0px dashed #010e1b; } + /* 调整列表下嵌入块小竖线*/ -.protyle-wysiwyg - [data-node-id].render-node[data-type='NodeBlockQueryEmbed'] - > .protyle-wysiwyg__embed { +.protyle-wysiwyg [data-node-id].render-node[data-type='NodeBlockQueryEmbed']>.protyle-wysiwyg__embed { border-top: 3px dashed #10d6d69c; } @@ -247,28 +248,32 @@ span[data-type='text'][style='background-color: var(--b3-font-background13);'] { /* ------------------------------列表 ------------------------------ */ /* 列表悬浮 */ -.protyle-wysiwyg [data-node-id].li > .protyle-action:hover:after { +.protyle-wysiwyg [data-node-id].li>.protyle-action:hover:after { /* 大圆背景 */ background-color: #3ca2ce9c !important; opacity: 0.68; } -.protyle-wysiwyg [data-node-id].li > .protyle-action:hover { + +.protyle-wysiwyg [data-node-id].li>.protyle-action:hover { /* 小圆点 */ color: #3ca3ce; } + /* 列表折叠 */ -.protyle-wysiwyg [data-node-id].li[fold='1'] > .protyle-action:after { +.protyle-wysiwyg [data-node-id].li[fold='1']>.protyle-action:after { /* 大圆背景 */ background-color: #3072d687 !important; opacity: 0.68; } -.protyle-wysiwyg [data-subtype='t'].li[fold='1'] > .protyle-action:after { + +.protyle-wysiwyg [data-subtype='t'].li[fold='1']>.protyle-action:after { /* 大圆背景 */ background-color: #3072d687 !important; border-radius: 0.2em; opacity: 0.68; } -.protyle-wysiwyg [data-subtype='u'].li[fold='1'] > .protyle-action { + +.protyle-wysiwyg [data-subtype='u'].li[fold='1']>.protyle-action { /* 小圆点 */ color: #3ca3ce; } @@ -278,11 +283,11 @@ span[data-type='text'][style='background-color: var(--b3-font-background13);'] { opacity: 0; } -.protyle-wysiwyg [data-node-id].li > .protyle-action--task svg { +.protyle-wysiwyg [data-node-id].li>.protyle-action--task svg { opacity: 0; } -.protyle-wysiwyg [data-node-id].li > .protyle-action--task:hover:after { +.protyle-wysiwyg [data-node-id].li>.protyle-action--task:hover:after { background-color: transparent !important; opacity: 0 !important; } @@ -295,7 +300,7 @@ span[data-type='text'][style='background-color: var(--b3-font-background13);'] { /* 复选框选中 */ -.protyle-task--done > .protyle-action--task:before, +.protyle-task--done>.protyle-action--task:before, .b3-typography .protyle-task--done:before { border: 1.7px solid #289aa2; color: #289aa2; @@ -303,13 +308,13 @@ span[data-type='text'][style='background-color: var(--b3-font-background13);'] { } /* 复选框鼠标悬停 */ -.protyle-wysiwyg [data-node-id].li > .protyle-action--task:hover:before { +.protyle-wysiwyg [data-node-id].li>.protyle-action--task:hover:before { content: '\2713'; color: #436681; } -.protyle-task--done[fold='1'] > .protyle-action--task:before { +.protyle-task--done[fold='1']>.protyle-action--task:before { background-color: transparent; color: #476796; } @@ -348,6 +353,7 @@ div[data-subtype='t'][data-type='NodeList'] { color: #fff; background-color: #4db999; } + .b3-snackbar__content { color: #fff; background-color: #4db999; @@ -366,21 +372,26 @@ div[data-subtype='t'][data-type='NodeList'] { .b3-dialog__container .b3-list--background .b3-list-item--focus { background-color: #293241 !important; } + /* 调整设置的select按钮 */ .b3-tab-container .b3-select { background-color: rgb(55 75 95 / 62%); } + .b3-tab-container .b3-select option { background-color: #2d3d4e; border-radius: 10%; } + .b3-select { background-color: rgb(55 75 95 / 62%); } + .b3-select option { background-color: #10263c; border-radius: 10%; } + .b3-select option:hover { background-color: rgba(65, 91, 117, 0.62) !important; } @@ -392,12 +403,14 @@ div[data-subtype='t'][data-type='NodeList'] { color: #588699; font-weight: 500; } + .b3-dialog__container a:hover, .b3-dialog__container .b3-card__info a:hover { outline: 0; text-decoration: underline; color: var(--b3-menu-highlight-color); } + .b3-dialog__container .b3-card__info a { color: #74c1e2; text-decoration: none; @@ -408,18 +421,22 @@ div[data-subtype='t'][data-type='NodeList'] { .b3-dialog__container .b3-dialog__close { color: #aec0cf; } + .b3-dialog__container svg:hover { color: var(--b3-menu-highlight-color); background: transparent; /* transform: scale(1.2); */ transition: all 0.1s ease-in-out; } + .b3-dialog__container svg.b3-dialog__close:hover { transform: scale(1.2); } + .b3-dialog__container svg { transition: all 0.1s ease-in-out; } + .b3-dialog__container .b3-dialog__close:hover { color: #bccddb; } @@ -483,24 +500,25 @@ div[data-subtype='t'][data-type='NodeList'] { } /* 更改空行提示 */ -.protyle-wysiwyg [data-node-id]:not(.code-block) > [spellcheck='false']:empty:after { +.protyle-wysiwyg [data-node-id]:not(.code-block)>[spellcheck='false']:empty:after { /* 避免代码块也出现空行提示 */ content: ''; color: #9fa5a675; } + /* 空列表出现提示 */ -.protyle-wysiwyg [data-subtype='t'] > .li > .p:nth-of-type(2) > [spellcheck='false']:empty:after { +.protyle-wysiwyg [data-subtype='t']>.li>.p:nth-of-type(2)>[spellcheck='false']:empty:after { content: 'To-do'; color: #9fa5a675; } -.protyle-wysiwyg [data-subtype='u'] > .li > .p:nth-of-type(2) > [spellcheck='false']:empty:after, -.protyle-wysiwyg [data-subtype='o'] > .li > .p:nth-of-type(2) > [spellcheck='false']:empty:after { +.protyle-wysiwyg [data-subtype='u']>.li>.p:nth-of-type(2)>[spellcheck='false']:empty:after, +.protyle-wysiwyg [data-subtype='o']>.li>.p:nth-of-type(2)>[spellcheck='false']:empty:after { content: 'List'; color: #9fa5a675; } -.file-tree__close.fn__flex-1 > li { +.file-tree__close.fn__flex-1>li { opacity: 1; border-top: 1px solid rgba(4, 21, 25, 0.589); } @@ -518,14 +536,18 @@ div[data-subtype='t'][data-type='NodeList'] { opacity: 1; border-bottom: 1px dashed #d2757d; } + /* 隐藏默认主题加的🔖,原因:我觉得很多余 */ /* .protyle-wysiwyg [data-node-id] span[data-type='file-annotation-ref']::before { display: none; } */ .protyle-wysiwyg [data-node-id] span[data-type='file-annotation-ref']:hover { - color: var(--b3-protyle-inline-blockref-hover-color); /*更改鼠标悬浮的颜色*/ - border-bottom: 1px dashed var(--b3-protyle-inline-blockref-hover-color); /*下划线可以去掉*/ + color: var(--b3-protyle-inline-blockref-hover-color); + /*更改鼠标悬浮的颜色*/ + border-bottom: 1px dashed var(--b3-protyle-inline-blockref-hover-color); + /*下划线可以去掉*/ } + /* pdf搜索高亮 */ .textLayer .highlight.selected { background-color: #f7e25ab9; @@ -537,6 +559,7 @@ div[data-subtype='t'][data-type='NodeList'] { padding: 2px 4px 5px; border: 1px solid #aae6eb; } + .pdf__util.b3-menu .fn__flex { padding: 4px 4px 0px !important; } @@ -548,6 +571,7 @@ div[data-subtype='t'][data-type='NodeList'] { width: 23px; border-radius: 4px; } + .b3-color__square[data-type='color'] { box-shadow: 0 0 0 1.5px #9b9ea1 inset; } @@ -572,16 +596,18 @@ div[data-subtype='t'][data-type='NodeList'] { /* 颜色不能加透明度,不然有叠加层 */ background-color: #4d6e7d; } + /* pdf矩形选框增加border宽度 */ -.pdf__rect.popover__block > div[style*='border: 2px solid var(--b3-pdf-'] { +.pdf__rect.popover__block>div[style*='border: 2px solid var(--b3-pdf-'] { border-width: 3px !important; } + .pdf__resize { border-width: 3px !important; } /* 区分侧栏聚焦和未聚焦状态 */ -.fn__flex-1.fn__flex-column > .block__icons--active { +.fn__flex-1.fn__flex-column>.block__icons--active { background-color: rgba(63, 103, 136, 0.12) !important; } @@ -590,6 +616,7 @@ div[data-subtype='t'][data-type='NodeList'] { font-weight: 600; color: var(--b3-menu-highlight-color); } + /* 加强笔记本强调 */ .b3-list--files [data-type='navigation-root'] .b3-list-item__text, @@ -597,6 +624,7 @@ div[data-subtype='t'][data-type='NodeList'] { font-weight: 600; color: #3ef5dd !important; } + .b3-list--files [data-type='navigation-root'] .b3-list-item__toggle { color: #3ef5dd; } @@ -606,6 +634,7 @@ div[data-subtype='t'][data-type='NodeList'] { background-color: #16232f; border-right: 2px solid #000000; } + .fn__flex-column.fn__flex-1 { background-color: #16232f; /* 这个颜色不错? */ @@ -618,7 +647,7 @@ div[data-subtype='t'][data-type='NodeList'] { cursor: not-allowed; } -.protyle-wysiwyg [data-node-id].li > [data-node-id]:before { +.protyle-wysiwyg [data-node-id].li>[data-node-id]:before { border-left: 1px solid #4f565e; width: 0.95px; } @@ -650,6 +679,7 @@ div[data-subtype='t'][data-type='NodeList'] { height: 13px; overflow: visible; } + .b3-typography hr::after { content: '\2735'; display: inline-block; @@ -665,18 +695,20 @@ div[data-subtype='t'][data-type='NodeList'] { #configBazaarReadme code.hljs { background-color: #26333f; } + /* ------------集市Readme-End----------*/ /* 滚动条 */ /* 已关闭的笔记本样式 */ -.file-tree .b3-list.fn__flex-column.fn__flex-1 > .b3-list-item:first-child { +.file-tree .b3-list.fn__flex-column.fn__flex-1>.b3-list-item:first-child { background-color: #53474b; } .layout__resize--lr:after { width: 2px; } + .layout__resize:after { background-color: black; } @@ -688,6 +720,7 @@ div[data-subtype='t'][data-type='NodeList'] { .protyle-toolbar { background-color: #2d3245; } + .b3-menu, .protyle-util { box-shadow: 0px 0px 12px #0a0a0a; @@ -697,6 +730,7 @@ div[data-subtype='t'][data-type='NodeList'] { .protyle-wysiwyg div[fold='1'][data-type='NodeHeading'] { opacity: 0.7; } + .protyle-wysiwyg div[fold='1'][data-type='NodeHeading']:before { background-color: transparent !important; border-radius: 0px; @@ -747,12 +781,13 @@ div[data-subtype='t'][data-type='NodeList'] { .pdf__toolbar { background-color: #0b1b2a; } + ::selection { background-color: #84aef347; } /* 修改分割线 hr 颜色 */ -.protyle-wysiwyg [data-node-id].hr > div:after { +.protyle-wysiwyg [data-node-id].hr>div:after { background-color: #5e829b; } @@ -764,8 +799,8 @@ div[data-subtype='t'][data-type='NodeList'] { } - -[data-theme-mode="dark"] .protyle-wysiwyg [data-node-id].bq, .b3-typography blockquote{ +[data-theme-mode="dark"] .protyle-wysiwyg [data-node-id].bq, +.b3-typography blockquote { color: #a79d9d !important; } @@ -775,3 +810,14 @@ div[data-subtype='t'][data-type='NodeList'] { border-left: 0.3em solid #456c74 !important; } + +.protyle-wysiwyg span[data-type~='strong'] { + color: #81ebcf !important; +} + +/* 代码块复制按钮背景色 */ +.protyle-wysiwyg .code-block .protyle-action__copy, +.protyle-wysiwyg .code-block .protyle-action__menu { + background-color: #77a0b36b; + transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} diff --git a/theme.css b/theme.css index 1431ea7..5d994c4 100644 --- a/theme.css +++ b/theme.css @@ -273,9 +273,7 @@ body { background-color: #d5dde2; } -[data-type='NodeAttributeView'] .block__icons { - background-color: transparent !important; -} + /* 工具栏样式 */ .protyle-toolbar {