diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json index 77fbfa8..39bbeb4 100644 --- a/.obsidian/appearance.json +++ b/.obsidian/appearance.json @@ -1,5 +1,5 @@ { - "cssTheme": "Nier", + "cssTheme": "Zen", "theme": "system", "accentColor": "#1e991e" } \ No newline at end of file diff --git a/.obsidian/themes/Zen/manifest.json b/.obsidian/themes/Zen/manifest.json new file mode 100644 index 0000000..79b2a65 --- /dev/null +++ b/.obsidian/themes/Zen/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Zen", + "version": "8.0.1", + "minAppVersion": "1.9.0", + "author": "laughmaker", + "authorUrl": "https://github.com/laughmaker" +} \ No newline at end of file diff --git a/.obsidian/themes/Zen/theme.css b/.obsidian/themes/Zen/theme.css new file mode 100644 index 0000000..89720ad --- /dev/null +++ b/.obsidian/themes/Zen/theme.css @@ -0,0 +1,2939 @@ +/* --------------------------------------------------------------------------- + +Zen Theme by @Laughmaker + +User interface replacement for Obsidian. + +Readme: +https://github.com/laughmaker/zen + +----------------------------------------------------------------------------- + +MIT License + +Copyright (c) 2020-2023 Laughmaker + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + +*/ + +/* @settings + +name: Zen +id: zen +settings: + - + id: window-header + title: Window Settings + title.zh: 窗体设置 + description: Adjust the window settings. Affects all parts except the editor area. + description.zh: 调整窗体设置，影响除编辑器区外的所有部分。 + type: heading + level: 1 + collapsed: true + - + id: window-brightness + title: Brightness of window. + title.zh: 窗体的亮度 + description: Adjust the brightness of the entire form。 + description.zh: 调整整个窗体的亮度。 + type: variable-number-slider + default: 0.96 + min: 0.5 + max: 1.5 + step: 0.01 + - + id: window-font-size + title: Adjust the font of the Window. + title.zh: 调整窗体的字体 + description: Adjust the font size of some parts, including the document directory on the left, the document title on the top, the outline directory on the right, the tag list, and so on. + description.zh: 调节部分字体大小，包含左侧文档目录、顶部文档标题、右侧大纲目录、标签列表等等。 + type: variable-number-slider + default: 15 + min: 8 + max: 30 + step: 1 + - + id: close-left-vault-profile + title: Close left vault profile. + title.zh: 将仓库切换放置为默认底部 + description: Switch the vault profile to the default bottom. + description.zh: 将仓库切换放置为默认底部。新版改为在底部，不太喜欢，这里调整为原来的左侧。 + type: class-toggle + - + id: editor-header + title: Editor Settings + title.zh: 编辑器设置 + description: Adjust the editor settings. Affects only the editor area. + description.zh: 调整编辑器设置，影响编辑器区。 + type: heading + level: 1 + collapsed: true + - + id: alt-heading-off + title: Hide the Heading prompt in the editor. + title.zh: 隐藏编辑器中标题提示 + description: Hide the h1...h2... and other small title prompts in front of headings at all levels. + description.zh: 隐藏各级标题前面的 h1...h2...等小标题提示 + type: class-toggle + - + id: heading-bottom-line-off + title: Hide the Heading bottom line in the editor. + title.zh: 隐藏编辑器中各级标题下的虚线 + description: Hide the h1...h2... and other small title bottom line in headings at all levels. + description.zh: 隐藏各级标题前面的 h1...h2...等小标题下的线虚 + type: class-toggle + - + id: text-justify + title: Open text justification. + title.zh: 打开文本两端对齐 + description: Default text is left-aligned. If it is turned on, it is justified. + description.zh: 默认文本左对齐，打开则两端对齐。 + type: class-toggle + - + id: editor-width + title: Adjust the width of the editor. + title.zh: 调整编辑器宽度 + description: Adjust the editor width. The default is 800. The minimum is 500 and the maximum is 2000. + description.zh: 调整编辑器宽度，默认为 800，最小 500，最大 2000。 + type: variable-number-slider + default: 800 + min: 500 + max: 2000 + step: 10 + - + id: text-paragraph-gap + title: The gap of the text paragraph. + title.zh: 文本段间距 + description: Adjust the gap of the text paragraph. + description.zh: 调整文本段间距。 + type: variable-number-slider + default: 3.4 + min: 1 + max: 10 + step: 0.1 + - + id: text-line-height + title: The height of the text line. + title.zh: 文本行高 + description: Adjust the height of the text line. + description.zh: 调整文本行高。 + type: variable-number-slider + default: 36 + min: 20 + max: 40 + step: 1 + - + id: editor-brightness + title: Brightness of editor. + title.zh: 窗体编辑区的亮度 + description: Adjust the brightness of the middle editor area. + description.zh: 调整中间编辑器区的亮度。 + type: variable-number-slider + default: 1 + min: 0 + max: 5 + step: 0.01 + - + id: windows-header + title: Windows/Linux + description: Only valid for Windows/Linux. + description.zh: 仅对Windows/Linux 有效。 + type: heading + level: 1 + collapsed: true + - + id: win-translucent-off + title: Close the translucent window. + title.zh: 关闭窗体半透明 + description: Turn off the window translucency of Windows/Linux. It is only effective for Windows/Linux. + description.zh: 关闭Windows/Linux的窗口半透明，仅对Windows/Linux有效 + type: class-toggle + - + id: win-window-opacity + title: Transparency of window background + title.zh: 窗体背景的透明度 + description: Adjust the transparency of the form background on the Windows/Linux platform. Only effective for Windows/Linux. Recommended values：For dark colors：0.2. For light colors：0.15. + description.zh: 调整 Windows/Linux 平台的窗体背景的透明度。仅对 Windows/Linux 有效。推荐值：暗色：0.2 亮色：0.15 + type: variable-number-slider + default: 0.15 + min: 0 + max: 1 + step: 0.01 + - + id: win-window-brightness + title: Brightness of form background. + title.zh: 窗体背景的亮度 + description: Adjust the brightness of the form background on the Windows/Linux platform. Only effective for Windows/Linux. Recommended values：0.9. + description.zh: 调整 Windows/Linux 平台的窗体背景的亮度。仅对 Windows/Linux 有效。推荐值：0.9 + type: variable-number-slider + default: 0.9 + min: 0 + max: 1 + step: 0.01 + - + id: win-bg-image-url + title: the background picture of the window + title.zh: 窗体背景图片 + description: Set the form background image; fill the image URL between the quotes; leave blank for no background image by default. + description.zh: 设置窗体背景图片；将图片地址填入''号中间；若不填则默认无背景图片 + type: variable-text + default: url('') + - + id: win-editor-bg-color + title: Adjust the color of the middle editing area. + title.zh: 调整中间编辑区的颜色 + type: variable-themed-color + opacity: true + format: hex + default-light: "#f0f0f0a6" + default-dark: "#121212a6" + - + id: macos-header + title: macOS + description: Only valid for macOS. + description.zh: macOS 有效。 + type: heading + level: 1 + collapsed: true + - + id: mac-window-opacity + title: MacOS：The transparency of the window background. + title.zh: MacOS：窗体背景的透明度 + description: Adjust the transparency of the window background on the Mac platform. Only effective for macOS, and the translucent effect switch is turned on in Settings -> Appearance. + description.zh: 调整 mac 平台的窗体背景的透明度。仅对 macOS 有效，且在设置 -> 外观中打开了半透明效果开关 + type: variable-number-slider + default: 0 + min: 0 + max: 1 + step: 0.01 + - + id: editor-bg-color + title: Adjust the color of the middle editing area. + title.zh: 调整中间编辑区的颜色 + type: variable-themed-color + opacity: true + format: hex + default-light: "#ffffff80" + default-dark: "#1c1c1ca6" + + +*/ + + +@font-face { + font-family: 'number-font'; + src: url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAjEAA8AAAAAC6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAIgAAAABYAAAAWABAAD0dQT1MAAAiYAAAAEAAAABAAGQAMR1NVQgAACKgAAAAaAAAAGmiQYolPUy8yAAAE+AAAAEYAAABgirJ/E2NtYXAAAAVAAAAANQAAADwAXgBwZ2FzcAAACHgAAAAIAAAACP//AANnbHlmAAABWAAAAt0AAANoBGpB2mhlYWQAAAR4AAAANgAAADYFbWt1aGhlYQAABNgAAAAgAAAAJAV2APtobXR4AAAEsAAAACcAAAAqCDwBZWxvY2EAAARYAAAAIAAAACAEOAUSbWF4cAAABDgAAAAgAAAAIAFGAOpuYW1lAAAFfAAAAsIAAAVF59OLSnBvc3QAAAhAAAAANgAAAEVRcVX7cHJlcAAABXgAAAAEAAAABLgBQIV42k2STU8TURSG7xmwQyoFCp3WD2iYGadTy/RzpjPt1NZSJlDaSGkrCCS0hjYgrUoqhLiwiQtJDBh0QaILY1wZMa6MC782Loj+ADf+DAxxQaT1Fih6Fzdnce77vuc5FxGoihBRISqoBZEIiUbayNFGugp7tV74UROIysHjLiKNCOSq78IngkKnUQ9CPZIs+swWk45lbJzEMpRJ9LluT03fhFvTs4vgKOIDrdWtreq9p89Xd3Z2EAJUxleM6ERt+L2siEbWqCPLN0LSlJCF7TNjB7vwhNHjPgn3vSFMyIL7IoB9KBOpI2mKjoAi+yUby5Ch9oVEfHbprgGgtq7P5eOcMG6Ah4PJidGp1IQ7ma0MSzLjS2E1ob4Hr7Eaj1WtcBSZV6xYt6HFM6RyVGFV/tgNhl0+opAav9OWORUdcMoBts/QpncKQr9GZTrmYup1ON+eFIZz2XAnK3k5XoZWTbRyTKQjODQ6NIZp9WK3b3hWPTIgRPtpP4hGkWIpXvQDU9sHJpBO771c8UKptq2tfPje4CPjpG8JXePtSb5Gqh6aYsl/vPmNlqDdKSsDYTYugfnnuYvheA6WJqML+g3GGfJ5IgIJpuQDppi4WkjE8HoPlT9iBmbENNgfDtmQ8kuygmVJbKOzmMxNS92mNxvPz2fz5ZViMG2YMPmVWKfscEuicyAAZ6P51Nji5vLaMyLgNNhyX72Xwh6PquIJwniMV3gCPXbx05SOoFjsEIbF6ORMxg+fk6Forb6+9kfFv02q/4L3h1tmkRv3N8Ic7Zqywkm8y9DMRJnMlv/qdbUwGC2qvLs0Ob3g5ktWr7ufFbxWmxqw80EVeu2aFo9rmh26RxzaXGHIMdLdd4HhODtDc/uCi/P5OJeA2Xgwm3dNNtyx7QkhXmlQ4ZuuuIYZbyYxW07klpbn5Wt6DCc42CU6+YDksAd/R/PxK6VHq/dfhO0GW+GLqIY9DkVBfwFzmbUBAAAAAAEAAAAPAIAAEAA4AAMAAgAQAC8AWQAAALgAAAACAAEAAAAUABQAFAAUABQANQBJAHAAqwDFAPIBJgE8AYABtAABAAAABzMz86oEsF8PPPUACwPoAAAAAM5DwiQAAAAA1WszKP8m/vQDcwMdAAAACAACAAAAAAAAeNpjesdQywAEjGIMDDCa8QWDHkM2gwmDDoMMgxkQ2gLZBgBoWwSnAHjaY2BkYGC69W8jAwPzi/9q/6KZixmAIiiADQClLQZzeNpjYGa8zjiBgZWBgWkPUxcDA0MPhGa8y2DE8IsBFTAic4qLKgsYHBgUGCyZbv3bCNR/i9EfpoaJg+kMkFJg4AcAwSgNwwAAeNpjYGBgYmBgYAZiESDJCKZZGDSANBuQZgTKKjBY/v8P5CswGPz////J/6tgVUAAAIsrCMgAAAC4AUCFeNqdk89rE0EUx98m26a2QeoPSnuoDgoFoQm7LTSG0kNowRaJLU16VbbZyWbtdjfMbhsqnrxIz4KCN/GgRehFQQTpSfHi0X9BQeif4MHvvoztQunFhJn5zHvf92PfJkR03XhEBvU/u1h9NqiIW59zVKAnmvN0g/Y1mxnNAA3RO82DNELvNRfoAR0hyjBN5Bk0JpkHwReNm8wFcNGwmS8g4thY0GzQeO6WZuhzNc15WsqtajYzmgEazT3TPEhjudeaC3SU+8Q8gjyj+R5zMVN3lO1PmS+Bh/MvmC+nPedfMV9hzRvmq5nYsQxPpH3mPzJPntqH+NnzX1MuDvftzb2ubDstKQ5EPQqjBFcBW+Qpp9vZE0HilsWSkzjn+6fTuxSNKNhJ/CiMxUrYEna1apWwzZZFLQiE8r1OEgslY6l2pVuuKd8JxLLcVLK3Lr2dwFFZ07ywZ8uWa0t7XsxYdqVkzZXsyj8bK/vCftBb0VSOK7cdtSWitmh25Gmvi5HqRspJO0N5z48TqaQr/FAkkG00xJqTiCnRrCOyXRZO6AoZxLLXgaz8cCJ8/vIHrZIil3wK6RfoHkXYt8mhgJq0R12S1MathVPQAVYdihAr0V6hdRF5iHRAHdwF4hPkLYOWYE2w/id++sSfKhtQBbQDj89ZYthWcLZw2lTF16KSplmuXYM+wKkQ4SFzwjEK2WIshb+W5C5rrHBYuwzbJmt6tI7dQ8UAPnWuap7rpxUtZLNhs9k2g7tNFfRk0Rx3VjmjO82ZzZitdMgzSGfjwrfNnWzBFuHNpJ4Oz+bsXBf5XXZ5d05m1n96D7cYNsk3F1affYnOtoFZC1rjOEFTXKeua7Z5sg70aZxEjzH33NHZyplfUfoEvp5ipKcorWPr0Ppp/bb+fHv8efz7h8yU/TSHec20zbvmHXMBe/X+7f0vq42/1qD27QAAeNpjYGIAg/9zGIwYsAF+IGZkYGJkYmBmEGYQYRBlEGMQZ5BgkGSQYpBmkGHxC/XxAQCA3gQSAAAAAAAB//8AAgABAAAADAAAAAAAAAACAAEAAAAOAAEAAAABAAAACgAMAA4AAAAAAAAAAQAAAAoAFgAYAAFoZWJyAAgAAAAAAAAAAAAA') format('woff'); + font-weight: 100; + font-style: normal; +} + + + +/* + * --------------------------------全局变量定义------------------------------------ + */ + +body { + --list-indent: 1.5em; + --tx1: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 75%)); + --tx2: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 50%)); + --tx3: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 25%)); + --ui1: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 12%)); + --ui2: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 20%)); + --ui3: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 30%)); + --h1-color: rgb(231, 77, 71); + --h2-color: rgb(215, 148, 64); + --h3-color: rgb(7, 170, 246); + --h4-color: rgb(163, 110, 251); + --h5-color: rgb(109, 215, 215); + --h6-color: rgb(175, 191, 5); + --blockquote-border-thickness: 0.5px; + --table-header-background: rgba(0, 0, 0, 0.1); + --list-bullet-end-padding: 1.4rem; + --file-line-width: calc(var(--editor-width) * 1px); + --nav-item-children-padding-start: 1px; + --window-font-size: 15; + --mac-window-opacity: 0; + --win-bg-image-url: url(''); + --input-radius: 14px; + --callout-content-padding: 4px; + --text-paragraph-gap: 3.4px; + --text-line-height: 36px; + --window-brightness: 0.96; + --editor-brightness: 1; + --bases-table-header-background: var(--table-header-background); + --bases-table-row-height: 40px; + --italic-color: var(--text-accent); + --radius-xxl: 20px; +} + +.theme-dark { + --base-d: 0%; + /* 顶部导航栏背景色 */ + --titlebar-background: rgb(42, 42, 42); + /* 中间编辑器的背景色 */ + --background-secondary: rgb(42, 42, 42); + --background-secondary-alt: rgb(42, 42, 42); + /* --ribbon-background: rgba(36, 36, 36, 1); */ + --background-modifier-hover: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 10%)); + --nav-item-background-active: rgba(245, 245, 245, 0.1); + --nav-item-color-active: var(--text-accent); + --nav-indentation-guide-color: rgba(245, 245, 245, 0.1); + --background-modifier-border: rgba(245, 245, 245, 0.15); + --background-modifier-hover: rgba(245, 245, 245, 0.1); + --floating-toc-background-color: transparent; + --blockquote-border-color: rgba(245, 245, 245, 0.2); + --indentation-guide-color: rgba(245, 245, 245, 0.08); + --block-border-color: rgba(245, 245, 245, 0.3); + --hr-color: rgba(245, 245, 245, 0.2); + --table-header-background: rgba(245, 245, 245, 0.1); + --indentation-guide-color-active: var(--indentation-guide-color); + --scrollbar-thumb-color: rgba(255, 255, 255, 0.2); + --workspace-background-translucent: hsla(0, 0%, 0%, 0.3); + --text-color: rgb(240, 240, 240); + --tree-item-color: rgba(210, 210, 210, 0.8); + --active-border-color: rgba(0, 157, 255, 0.8); + --statusbar-bg-color: rgba(28, 28, 28, 0.7); + --model-bg-color: rgba(28, 28, 28, 0.1); + --app-model-bg-color: rgba(28, 28, 28, 0.8); + --editor-bg-color: rgba(28, 28, 28, 0); + --suggestion-bg-color: rgba(28, 28, 28, 0.1); + --code-background: rgba(245, 245, 245, 0.15); + --background-modifier-form-field: rgba(245, 245, 245, 0.04); + --win-blur: 20px; + --win-window-brightness: 0.9; + --win-editor-bg-color: #121212a6; + --win-window-opacity: 0.2; + --background-secondary-alt: rgba(18, 18, 18, 0.1); + --background-setting-item: #242424; + --background-setting: rgba(18, 18, 18); + --text-highlight-bg: var(--blockquote-border-color); + --list-marker-color: rgba(245, 245, 245, 0.6); + --glass-bg-color: rgba(28, 28, 28, 0.7); + --text-shadow-color: white; + --divider-color: rgba(255, 255, 255, 0.01); + --shadow-color: rgba(245, 245, 245, 0.08); + --side-split-bg-color: rgba(28, 28, 28, 0.3); + +} + +.theme-light { + --base-d: 0%; + --titlebar-background: rgb(248, 248, 248); + --background-secondary: rgb(249, 249, 249); + --background-secondary-alt: rgb(230, 230, 230); + /* --ribbon-background: rgb(245, 245, 245); */ + --background-modifier-hover: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 10%)); + --nav-item-background-active: rgba(0, 0, 0, 0.1); + --nav-item-color-active: var(--text-accent); + --background-modifier-hover: rgba(28, 28, 28, 0.1); + --background-modifier-border: rgba(28, 28, 28, 0.09); + --nav-indentation-guide-color: rgba(28, 28, 28, 0.05); + --indentation-guide-color: rgba(28, 28, 28, 0.05); + --indentation-guide-color-active: var(--indentation-guide-color); + --block-border-color: rgba(28, 28, 28, 0.25); + --floating-toc-background-color: transparent; + --blockquote-border-color: rgba(28, 28, 28, 0.2); + --scrollbar-thumb-color: rgba(0, 0, 0, 0.2); + --workspace-background-translucent: hsla(0, 0%, 100%, 0.05); + --text-color: rgb(8, 8, 8); + --tree-item-color: rgb(20, 20, 20, 0.8); + --active-border-color: rgb(0, 121, 172); + --statusbar-bg-color: rgba(248, 248, 248, 0.7); + --model-bg-color: rgba(248, 248, 248, 0.1); + --app-model-bg-color: rgba(248, 248, 248, 0.8); + --editor-bg-color: rgba(255, 255, 255, 0); + --suggestion-bg-color: rgba(248, 248, 248, 0.1); + --divider-color: rgba(0, 0, 0, 0.01); + --code-background: rgba(28, 28, 28, 0.1); + --background-modifier-form-field: rgba(230, 230, 230, 0.5); + --win-blur: 15px; + --win-window-brightness: 0.9; + --win-editor-bg-color: #f0f0f0a6; + --win-window-opacity: 0.15; + --background-secondary-alt: rgba(240, 240, 240, 0.1); + --background-setting-item: rgba(255, 255, 255, 0.6); + --background-setting: rgba(255, 255, 255); + --text-highlight-bg: var(--blockquote-border-color); + --table-header-background: rgba(28, 28, 28, 0.1); + --glass-bg-color: rgba(248, 248, 248, 0.6); + --text-shadow-color: black; + --shadow-color: rgba(0, 0, 0, 0.06); + --side-split-bg-color: rgba(248, 248, 248, 0.3); +} + +body:not(.mod-macos).theme-dark { + --indentation-guide-color: rgba(245, 245, 245, 0.1); + --nav-indentation-guide-color: rgba(245, 245, 245, 0.1); + --list-marker-color: rgba(245, 245, 245, 0.25); + /* --nav-collapse-icon-color: rgba(241, 12, 12, 0.5); */ +} + +.is-mobile { + --window-font-size: calc(var(--window-font-size) * 0.9); + --input-radius: 20px; + /* --safe-area-inset-bottom: env(safe-area-inset-bottom); */ + --mobile-sidebar-radius: 34px; + --mobile-sidebar-max-width: 90%; + --setting-items-radius: 20px; + --input-height: 40px; +} + +.is-tablet { + --mobile-sidebar-width-pinned: 480px; + --mobile-sidebar-min-width: 260px; + --mobile-sidebar-max-width: 480px; + --ribbon-width: 48px; +} + +.is-mobile.theme-light { + --card-border-color: rgba(28, 28, 28, 0.05); + --editor-bg-color: rgb(250, 250, 250); +} + +.is-mobile.theme-light .menu { + --interactive-normal: rgba(255, 255, 255, 0.5); +} + +.is-mobile.theme-dark { + --interactive-normal: rgba(68, 68, 68, 0.6); + --indentation-guide-color: rgba(245, 245, 245, 0.1); + --card-border-color: rgba(80, 80, 80, 0.1); + --editor-bg-color: rgb(28, 28, 28); +} + +.is-translucent { + --nav-item-background-active: transparent; +} + +.mobile-navbar-actions { + --icon-size: 22px; +} + +body:not(.is-mobile) .theme-dark { + --background-primary: rgb(28, 28, 28); +} + +body:not(.is-mobile) .theme-light { + --background-primary: rgb(248, 248, 248); +} + +/* 设置 mac 平台背景透明度 */ +.is-translucent:not(.is-fullscreen) .titlebar, +.is-translucent:not(.is-fullscreen) .app-container { + background-color: rgb(from var(--workspace-background-translucent) r g b / calc(var(--mac-window-opacity))) !important; +} + +/* 当有弹窗弹出时，模糊背景 */ +body:has(.modal-container):not(.is-phone) .app-container { + filter: blur(3px) saturate(1.5); +} + +/* body:not(.is-mobile) .workspace-tab-container, */ +body:not(.is-phone) .modal-container.mod-dim .modal, +body:not(.is-phone) .status-bar { + border-radius: var(--radius-xl); + background: var(--glass-bg-color); + backdrop-filter: blur(15px) saturate(180%); + -webkit-backdrop-filter: blur(15px) saturate(180%); + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.15); + margin: 0 5px 5px 5px; +} + + +.is-translucent .workspace-split.mod-root { + background-color: var(--glass-bg-color) !important; + backdrop-filter: blur(15px) saturate(180%); + box-shadow: 0 15px 20px var(--shadow-color); + border: 0.05px solid var(--divider-color); +} + +.tree-item-self.nav-folder-title.is-clickable.mod-collapsible:hover, +.tree-item-self.nav-file-title.tappable.is-clickable:hover, +.nav-file-title.is-active, +.nav-folder-title.is-active { + border-radius: var(--radius-xl); + background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgb(from var(--text-accent) r g b / 0.1)); + backdrop-filter: blur(15px) saturate(180%); + -webkit-backdrop-filter: blur(15px) saturate(180%); + /* border: 1px solid rgba(255, 255, 255, 0.1); */ + box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); +} + +body:not(.is-mobile) .workspace-tab-header-container { + /* border: none; */ + /* border-top: none !important; */ + align-items: center; + display: flex; + justify-content: center; +} + +body:not(.is-mobile) .workspace-tab-header-spacer { + display: none; +} + +body:not(.is-mobile) .workspace-tabs.mod-top .workspace-tab-header-container { + align-items: center; + display: flex; + justify-content: center; +} + +body:not(.is-mobile) .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container .workspace-tab-header-container-inner, +body:not(.is-mobile) .workspace-tabs.mod-top.mod-top-right-space .workspace-tab-header-container .workspace-tab-header-container-inner { + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +body:not(.is-mobile) hr.workspace-leaf-resize-handle { + opacity: 0 !important; +} + + +/* +* --------------------------------调整全局样式------------------------------------ +*/ + +body { + filter: brightness(var(--window-brightness)); +} + +.app-container { + /* background-color: var(--background-primary); */ +} + +.workspace-split.mod-root { + filter: brightness(var(--editor-brightness)); +} + +.is-mobile .float-search-modal-container.modal-container.mod-dim .modal, +.is-mobile .menu, +.is-phone .menu, +.is-phone .prompt { + box-shadow: 0px -4px 5px var(--card-border-color) !important; + border-top: solid 0.5px var(--background-modifier-border) !important; + text-shadow: 0px 0px 0.5px var(--text-shadow-color); +} + +.is-mobile .mod-confirmation .modal:not(.mod-lg) { + background-color: var(--background-primary) !important; +} + +button:not(.clickable-icon) { + border: solid 0.1px var(--card-border-color); + box-shadow: 1px 1px 2px var(--background-secondary); +} + +.graph-controls.is-close .graph-controls-button.mod-open { + border-radius: 16px; + padding: 5px 8px; +} + +button.mod-cta { + --text-color: var(--text-color); +} + +.is-phone .setting-item-control select { + background-color: var(--background-modifier-border); + box-shadow: 0px 0px 2px var(--background-secondary); +} + +/* 堆叠模式时，隐藏顶部栏 */ +.is-translucent:not(.is-fullscreen) .mod-root .mod-top.mod-stacked .workspace-tab-header-container { + background-color: transparent !important; +} + +.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container { + background: rgba(255, 255, 255, 0.2); + backdrop-filter: blur(15px) saturate(180%); + -webkit-backdrop-filter: blur(15px) saturate(180%); +} + +.mod-root .mod-top .workspace-tab-header-container { + background-color: var(--background-primary) !important; +} + +.mod-stacked .workspace-tab-container .workspace-tab-header.is-active { + border: none; +} + +/* 移除左侧功能按钮区右分界线 */ +.workspace-ribbon { + border-right: 0.5px solid var(--background-modifier-border); +} + +/* 移除顶部的下分界线 */ +.mod-top-left-space .workspace-tab-header-container { + border-bottom: none !important; +} + +.workspace-tab-header-container { + border-bottom: none; + border-top: solid 1px var(--indentation-guide-color); +} + +/* 移除设置的分界线 */ +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile { + border-top: unset !important; +} + +/* 移除最小划按钮的下分界线 */ +.workspace-ribbon.mod-left:before { + border-bottom: unset; +} + +.vertical-tab-header { + background-color: var(--background-setting); +} + +.workspace-tab-header-inner { + border-radius: var(--radius-xl); + padding: 4px 8px; +} + +.suggestion-item { + border-radius: 20px; +} + +.is-phone .modal.mod-settings .vertical-tab-nav-item-chevron { + color: #a5a5a5; +} + +img { + max-width: 100%; +} + +/* 隐藏顶部header 的底部分隔线 */ +body:not(.is-grabbing):not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container { + border: none; +} + +.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container { + + /* Webkit浏览器的滚动条自定义 */ + &::-webkit-scrollbar { + height: 4px; + /* 设置滚动条的高度 */ + } + + &::-webkit-scrollbar-track { + background-color: transparent; + /* 设置滚动条轨道的颜色 */ + } + + &::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-color); + /* 设置滚动条滑块的颜色 */ + border-radius: 6px; + /* 设置滚动条滑块的圆角 */ + } + + &::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-thumb-color); + /* 设置鼠标悬停时滚动条滑块的颜色 */ + } +} + +/* 侧边栏按钮区样式 */ +.side-dock-settings .side-dock-ribbon-action, +.side-dock-actions .side-dock-ribbon-action { + border-radius: 12px; + padding: 7px; + margin-bottom: 6px; +} + +.side-dock-actions { + overflow-y: auto; + max-height: 85%; +} + +/* 设置大纳样式 */ +.nav-file { + margin-left: -14px; +} + +.workspace-drawer-header-name-chevron { + display: none; +} + +body.is-mobile .nav-file-title { + padding-top: 3px; + padding-bottom: 3px; +} + +/* 调整目录字体 + * 左侧目标标题文字字体 +*/ +.nav-folder-title, +.nav-file-title-content, +.tree-item-inner, +.tree-item-inner.nav-file-title-content, +.workspace .mod-root .workspace-tab-header-inner-title, +.tree-item-inner-text { + font-size: calc(var(--window-font-size) * 1px) !important; + color: var(--tree-item-color); +} + +.tree-item-self.is-active .tree-item-inner, +.tree-item-self.is-active:hover .tree-item-inner.nav-file-title-content, +.tree-item-self.is-active .tree-item-inner.nav-file-title-content { + color: var(--nav-item-color-active); +} + + +/* 调整目录折叠按钮与标题对齐 + * 受 foldernote影响，需要做调整，否则对不齐 + */ + +.tree-item:not(.nav-folder) .collapse-icon { + padding-top: 0 !important; +} + +.fn-whitespace-stop-collapsing .collapse-icon { + padding-top: 0px !important; +} + +.novel-word-count--active .nav-files-container .nav-folder-title { + align-items: center; +} + +.folder-note-underline .has-folder-note .nav-folder-title-content { + text-decoration-thickness: 0.5px; +} + +/* 兼容iconic */ +.nav-file.iconic-item .iconic-icon { + transform: translateX(30px); +} + +.nav-file.iconic-item:has(.iconic-icon) .tree-item-inner.nav-file-title-content::before { + padding-right: 20px; +} + +/* 设置目录标题前缀•◦∘ */ +.tree-item-inner.nav-file-title-content::before { + content: "•"; + padding-right: 5px; + color: var(--nav-collapse-icon-color); + /* margin-left: -0.5px; */ + font-family: 'number-font' !important; + font-size: 10px; +} + +.is-mobile .tree-item-inner.nav-file-title-content::before { + font-size: 10px; + margin-left: -1px; +} + +.is-mobile .tree-item-inner.nav-file-title-content { + padding-top: 1.4px; + padding-bottom: 1.4px; +} + +.is-mobile .tree-item-inner.nav-folder-title-content { + transform: translateX(-1px) !important; +} + +.is-mobile .tree-item-inner.nav-file-title-content { + transform: translateX(-1px) !important; +} + + +.tree-item-inner.nav-folder-title-content { + margin-left: -2px; +} + +.is-mobile .tree-item-inner.nav-folder-title-content { + margin-left: -1px; +} + + +.tree-item-inner:has(.tag-pane-tag-parent) { + margin-left: -3px; +} + +.tree-item .tag-pane-tag:not(.mod-collapsible):before { + content: "•"; + font-weight: bolder; + padding-right: 5px; + margin-left: -14px; + font-size: 0.7em; + color: var(--nav-collapse-icon-color); +} + +/* 设置大纲样式 */ +.workspace-leaf-content[data-type='outline'] .tree-item-self:not(.mod-collapsible) .tree-item-inner { + margin-left: -15.5px; +} + +.workspace-leaf-content[data-type='outline'] .tree-item-self.mod-collapsible .tree-item-inner { + margin-left: -4px; +} + +.workspace-leaf-content[data-type='outline'] .tree-item-self:not(.mod-collapsible) .tree-item-inner::before { + content: "•"; + font-weight: bolder; + padding-right: 4px; + color: var(--nav-collapse-icon-color); + font-size: 10px; + width: 8px; + text-align: center; + display: inline-block; + font-family: 'number-font' !important; +} + + +/* 目录折叠按钮填充为实体按钮 */ +.collapse-icon svg.svg-icon { + width: 12px; + height: 14px; + stroke: var(--nav-collapse-icon-color); + fill: var(--nav-collapse-icon-color); + stroke-width: 1px; + margin-top: -1px; +} + +/* 底部状态栏样式 */ +.status-bar { + color: var(--text-color); + padding: 5px 8px; + gap: 15px; +} + +.popover { + background-color: var(--app-model-bg-color) !important; + backdrop-filter: blur(5px); +} + +.popover::before { + content: ''; + z-index: -1; + filter: blur(8px); + background-color: var(--app-model-bg-color) !important; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* 隐藏库名 */ +.nav-folder.mod-root>.nav-folder-title { + display: none; +} + +/* 隐藏预览按钮 */ +.view-actions button:nth-child(2) { + /* display: none; */ +} + +/* 暗色主题时的字体颜色 */ +.theme-dark .workspace-tabs .workspace-leaf .view-content { + color: var(--text-color); +} + +.theme-dark .markdown-preview-view { + color: var(--text-color); + /* padding-bottom: 10px !important; */ +} + +/* 亮色主题时的字体颜色 */ +.theme-light .workspace-tabs .workspace-leaf .view-content { + color: var(--text-color); + color: var(--text-color); +} + +.theme-light .markdown-preview-view { + color: var(--text-color); + /* padding-bottom: 10px !important; */ +} + +.cm-s-obsidian, +.markdown-preview-view { + hyphens: auto; +} + +.mod-cm6 .cm-editor .cm-line, +p, +li, +ol { + line-height: calc(var(--text-line-height) * 1px); + padding-top: calc(var(--text-paragraph-gap) * 1px); + padding-bottom: calc(var(--text-paragraph-gap) * 1px); +} + +body.text-justify .mod-cm6 .cm-editor .cm-line, +body.text-justify p:not([align="right"]):not([align="left"]), +body.text-justify li, +body.text-justify ol { + text-align: justify; +} + +body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus { + border-radius: var(--radius-s); + box-shadow: 0 0 0 0.5px var(--background-modifier-border-focus); +} + +/* 调整高亮颜色 */ +span.is-flashing, +.markdown-rendered mark, +.cm-s-obsidian span.cm-highlight { + padding: 3px 6px; + border-radius: 13px; + color: var(--text-normal); + background-color: rgb(from var(--text-accent) r g b / 0.4) !important; +} + +strong, +.cm-strong { + color: var(--text-accent) !important; +} + +/* 调节文档内部标题大小 */ +.inline-title { + font-size: 1.3em; + color: var(--text-color); + padding-bottom: 5px; + margin-bottom: var(--inline-title-margin-bottom); +} + +/* 修复白板双下划线 bug */ +body:not(.heading-bottom-line-off) .inline-title:not(:empty):not(:has(h1)):not(:has(h2)):not(:has(h3)):not(:has(h4)):not(:has(h5)):not(:has(h6)) { + border-bottom: dashed 0.5px; +} + +/* 分割线样式 */ +hr { + border-width: 0.8px !important; + /* border-color: var(--indentation-guide-color); */ +} + +.cm-line hr { + margin-bottom: 15px !important; +} + + +/* 调整内部嵌入块的对齐 */ +.markdown-source-view.mod-cm6 .internal-embed:not(.image-embed), +/* .markdown-source-view.mod-cm6 .cm-content>[contenteditable=false], */ +.markdown-preview-view .markdown-embed:not(.image-embed) { + margin-left: 3px !important; + /* padding-left: 14px; */ + border-left: solid 0.5px var(--blockquote-border-color); +} + +.embed-title { + border-bottom: solid 0.5px var(--blockquote-border-color); + color: var(--text-accent); + font-weight: bold; +} + +.markdown-source-view.mod-cm6 .internal-embed { + /* border-left: solid 0.5px var(--blockquote-border-color); */ +} + +/* +* 大纲栏样式 +*/ +.workspace-leaf-content[data-type='out-line'] .node-insert-event .tree-item .tree-item-self>.tree-item-inner::before { + content: "&"; +} + +/* callout style */ +.callout { + padding-left: 8px; +} + +/* 移除关系图中关闭按钮背景色 */ +.workspace-split:not(.mod-root) .graph-controls.is-close, +.graph-controls.is-close { + background-color: transparent; +} + +.graph-view.color-line { + color: var(--text-normal); + opacity: 0.3; +} + +/* +* 调整标题的上下间距，以及颜色字体等样式 +*/ +.cm-s-obsidian .HyperMD-header { + padding-inline-start: 0 !important; + padding-top: 5px !important; + /* padding-bottom: 5px !important; */ +} + +body:not(.heading-bottom-line-off) .cm-s-obsidian .HyperMD-header { + border-bottom: dashed 0.5px; +} + +.cm-s-obsidian .cm-line.HyperMD-header { + /* margin-bottom: 10px !important; */ + padding-bottom: 0; +} + +.markdown-source-view.mod-cm6 .cm-line:not(.HyperMD-list-line):not(.HyperMD-header):not(:has(.cm-hashtag.cm-meta)):has(.cm-list-1) { + transform: translateX(-8px); + +} + +/* 标题下空一行 */ +.cm-s-obsidian .cm-line.HyperMD-header+.cm-line:not(.HyperMD-header):not(:has(>br:only-child)) { + padding-top: 0.5rem; +} + +h1, +.HyperMD-header-1 .cm-foldPlaceholder, +.markdown-rendered h1, +.HyperMD-header-1, +.cm-header-1 { + color: var(--h1-color) !important; + font-size: 1.30em; +} + +h2, +.HyperMD-header-2 .cm-foldPlaceholder, +.markdown-rendered h2, +.HyperMD-header-2, +.cm-header-2 { + color: var(--h2-color) !important; + font-size: 1.25em; +} + +h3:not(.svelte-1vwr9dd), +.HyperMD-header-3 .cm-foldPlaceholder, +.markdown-rendered h3, +.HyperMD-header-3, +.cm-header-3 { + color: var(--h3-color) !important; + font-size: 1.20em; +} + +h4, +.HyperMD-header-4 .cm-foldPlaceholder, +.markdown-rendered h4, +.HyperMD-header-4, +.cm-header-4 { + color: var(--h4-color) !important; + font-size: 1.15em; +} + +h5, +.HyperMD-header-5 .cm-foldPlaceholder, +.markdown-rendered h5, +.HyperMD-header-5, +.cm-header-5 { + color: var(--h5-color) !important; + font-size: 1.10em; +} + +h6, +.HyperMD-header-6 .cm-foldPlaceholder, +.markdown-rendered h6, +.HyperMD-header-6, +.cm-header-6 { + color: var(--h6-color) !important; + font-size: 1.05em; +} + + +/*-- display H1-h6 in gutter--*/ + +body:not(.alt-heading-off) h1:before, +body:not(.alt-heading-off) .HyperMD-header-1:before { + content: "H1"; + font-size: 10px; + margin-left: -13px; + margin-right: 1px; + color: var(--h1-color); +} + +body:not(.alt-heading-off) h2:before, +body:not(.alt-heading-off) .HyperMD-header-2:before { + content: "H2"; + font-size: 10px; + margin-left: -13px; + margin-right: 1px; + color: var(--h2-color); +} + +body:not(.alt-heading-off) h3:not(.svelte-1vwr9dd):before, +body:not(.alt-heading-off) .HyperMD-header-3:before { + content: "H3"; + font-size: 10px; + margin-left: -13px; + margin-right: 1px; + color: var(--h3-color); +} + +body:not(.alt-heading-off) h4:before, +body:not(.alt-heading-off) .HyperMD-header-4:before { + content: "H4"; + font-size: 10px; + margin-left: -13px; + margin-right: 1px; + color: var(--h4-color); +} + +body:not(.alt-heading-off) h5:before, +body:not(.alt-heading-off) .HyperMD-header-5:before { + content: "H5"; + font-size: 10px; + margin-left: -13px; + margin-right: 1px; + color: var(--h5-color); +} + +body:not(.alt-heading-off) h6:before, +body:not(.alt-heading-off) .HyperMD-header-6:before { + content: "H6"; + font-size: 10px; + margin-left: -13px; + margin-right: 1px; + color: var(--h6-color); +} + + +/*-- is active line, hide H[1-6] in gutter --*/ +.CodeMirror-activeline .cm-header.cm-header-1:after, +.CodeMirror-activeline .cm-header.cm-header-2:after, +.CodeMirror-activeline .cm-header.cm-header-3:after, +.CodeMirror-activeline .cm-header.cm-header-4:after, +.CodeMirror-activeline .cm-header.cm-header-5:after, +.CodeMirror-activeline .cm-header.cm-header-6:after { + font-size: 0px; + display: none; +} + +/* 设置左侧目录折叠箭头,往下移，与标题对齐 */ +.tree-item-self .tree-item-icon { + /* margin-top: -4px; */ + display: flex; + align-items: center; +} + + +/* 设置左边指示按钮 */ +.markdown-source-view .collapse-indicator { + margin-right: 7px; +} + +.markdown-preview-view .heading-collapse-indicator.collapse-indicator { + margin-top: -4px; +} + +.heading-collapse-indicator.collapse-indicator svg.svg-icon { + margin-left: -15px; +} + +.HyperMD-header .collapse-indicator svg.svg-icon { + margin-top: 6px; +} + +.heading-collapse-indicator.collapse-indicator svg.svg-icon { + transform: translate(5px, -18px); +} + +.view-content .list-collapse-indicator svg.svg-icon, +.view-content .collapse-indicator svg.svg-icon { + color: var(--text-accent); +} + +h1 .heading-collapse-indicator.collapse-indicator svg.svg-icon, +.HyperMD-header.HyperMD-header-1 .collapse-indicator svg.svg-icon { + color: var(--h1-color); +} + +h2 .heading-collapse-indicator.collapse-indicator svg.svg-icon, +.HyperMD-header.HyperMD-header-2 .collapse-indicator svg.svg-icon { + color: var(--h2-color); +} + +h3 .heading-collapse-indicator.collapse-indicator svg.svg-icon, +.HyperMD-header.HyperMD-header-3 .collapse-indicator svg.svg-icon { + color: var(--h3-color); +} + +h4 .heading-collapse-indicator.collapse-indicator svg.svg-icon, +.HyperMD-header.HyperMD-header-4 .collapse-indicator svg.svg-icon { + color: var(--h4-color); +} + +h5 .heading-collapse-indicator.collapse-indicator svg.svg-icon, +.HyperMD-header.HyperMD-header-5 .collapse-indicator svg.svg-icon { + color: var(--h5-color); +} + +h6 .heading-collapse-indicator.collapse-indicator svg.svg-icon, +.HyperMD-header.HyperMD-header-6 .collapse-indicator svg.svg-icon { + color: var(--h6-color); +} + +.horizontal-tab-nav-item, +.vertical-tab-nav-item { + border-radius: var(--radius-l); +} + +.setting-hotkey { + border-radius: var(--radius-l); + padding: 4px 4px 4px 8px; +} + +body.is-mobile .setting-hotkey { + border-radius: var(--radius-xl); +} + +body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus { + border-radius: var(--radius-l); +} + +/* +* --------------------------------编辑模式页面样式调整------------------------------------ +*/ + +/* 调整源码模式下，列表缩进线的对齐 */ +.markdown-source-view.mod-cm6 .cm-indent::before { + margin-inline-start: 5px !important; +} + +.markdown-source-view.mod-cm6 .cm-line:not(.HyperMD-list-line):not(.HyperMD-header):not(:has(.cm-hashtag.cm-meta)):not(:has(.image-embed)) .cm-indent::before { + margin-inline-start: 13px !important; +} + +/* 调整有序列表的缩进线 */ +span.cm-formatting.cm-formatting-list.cm-formatting-list-ol { + padding: 0; + display: inline-block; + width: 40px; + text-align: right; + font-size: 20px; + font-family: 'number-font' !important; + padding-right: 8.4px; +} + +.list-number { + text-align: right; + width: 100%; + color: var(--text-normal); + opacity: 0.4; +} + +.list-bullet { + margin-left: 0.9px; + font-family: 'number-font' !important; + font-size: 12px; +} + +.list-bullet::after { + background-color: var(--text-normal); + opacity: 0.4; +} + + +.markdown-rendered .list-bullet { + margin-inline-start: -12px; +} + +/* 有序列表后面的文字左移 */ +.cm-s-obsidian .cm-formatting-list { + margin-right: -7.5px; +} + +.markdown-source-view.mod-cm6 .cm-formatting-list-ol { + margin-left: -10px; +} + +.markdown-source-view.mod-cm6 .cm-formatting-list-ul { + margin-left: -10.5px; + margin-right: 8px; + font-size: 14px; + display: inline-block; + width: 26px; + text-align: center; + font-family: 'number-font' !important; + transform: translateY(-3px); +} + +.markdown-source-view.mod-cm6 .table-cell-wrapper .cm-formatting-list-ul { + margin-left: unset; + margin-right: unset; +} + +.markdown-source-view.mod-cm6 .task-list-label { + margin-left: -9.5px; +} + +.HyperMD-list-line.HyperMD-list-line-2.HyperMD-task-line.cm-line .task-list-label { + margin-left: -12px; +} + +u { + text-decoration-color: var(--text-accent); +} + +input[type='text'] { + border-radius: var(--radius-xxl); +} + +/* 调整引用的样式 */ +.HyperMD-quote { + border-left: var(--blockquote-border-color) solid 2px !important; + padding-inline-start: var(--size-4-6); + transform: translateX(3px); +} + +.novel-word-count--note-right .nav-files-container .nav-file-title::after, +.novel-word-count--note-right .nav-files-container .nav-folder-title::after { + font-size: x-small; +} + +body:not(.mod-rtl).fn-whitespace-stop-collapsing .nav-folder-title { + padding-right: 7px !important; +} + +.tree-item-self { + border-radius: var(--radius-l); + display: flex; + align-items: center; +} + +body.is-mobile .tree-item-self { + border-radius: var(--radius-xl); +} + +/* 修改光标宽度和颜色 */ +.cm-s-obsidian .cm-cursor { + border-left: solid 2px var(--text-accent) !important; +} + + + + +/* +* --------------------------------阅读模式页面样式调整------------------------------------ +*/ +.markdown-rendered ol { + padding: 0; + margin: 0 0 0 -6px; +} + +.mod-windows .markdown-rendered ol { + margin-left: -10px; +} + +.markdown-rendered ul { + padding: 0; + margin: 0 0 0 -3px !important; +} + +ol>li::marker, +ul>li::marker { + font-size: 20px; + font-family: 'number-font' !important; + text-align: right; +} + +.markdown-rendered.show-indentation-guide ol::before { + margin-left: 8px; + font-size: 20px; +} + +.is-mobile .markdown-rendered.show-indentation-guide ol::before { + transform: translateX(-5px); +} + +.mod-windows .markdown-rendered.show-indentation-guide ol::before { + margin-left: 12px; +} + +.markdown-rendered.show-indentation-guide ul::before { + margin-left: 5px; +} + +.markdown-rendered.show-indentation-guide ul>li>ol::before { + margin-left: 5px; +} + +.markdown-rendered.show-indentation-guide ul>li>ul::before { + margin-left: 4px !important; +} + +.markdown-rendered ul.contains-task-list { + padding-left: 5px; +} + +.markdown-rendered .cm-line, +ol, +li { + padding-bottom: 0.15em !important; + padding-top: 0.15em !important; +} + +.markdown-rendered .el-p p { + margin: 0; + padding-bottom: 0.4em !important; + padding-top: 0.4em !important; +} + +.markdown-rendered hr { + margin: 15px 0 15px 0; +} + +.markdown-rendered h1, +.markdown-rendered h2, +.markdown-rendered h3, +.markdown-rendered h4, +.markdown-rendered h5, +.markdown-rendered h6 { + margin: 5px 0 !important; + padding: 5px 0; +} + +body:not(.heading-bottom-line-off) .markdown-rendered h1, +body:not(.heading-bottom-line-off) .markdown-rendered h2, +body:not(.heading-bottom-line-off) .markdown-rendered h3, +body:not(.heading-bottom-line-off) .markdown-rendered h4, +body:not(.heading-bottom-line-off) .markdown-rendered h5, +body:not(.heading-bottom-line-off) .markdown-rendered h6 { + border-bottom: dashed 0.5px; +} + +.markdown-rendered blockquote { + border-inline-start: 2px solid var(--blockquote-border-color); + padding-inline-start: var(--size-4-4); +} + + + + +/* 将tab活动指示器修改为下划线*/ +.view-header-title-container:not(.mod-at-end):after { + background: none; +} + +body:not(.is-mobile) .workspace-tab-header.is-active { + box-shadow: none; + border-bottom-width: 1.5px; + border-bottom-color: var(--text-accent) !important; + border-bottom-style: solid; + background-color: transparent; +} + +.workspace-split.mod-root .workspace-tab-header.is-active::before, +.workspace-split.mod-root .workspace-tab-header.is-active::after { + box-shadow: none !important; +} + +.workspace-drawer-active-tab-header { + border-radius: 20px; +} + +body.is-mobile .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) { + background-color: rgb(115 112 112 / 15%); + padding: 4px 6px; +} + +body.is-mobile .cm-s-obsidian span.cm-inline-code { + background-color: rgb(115 112 112 / 15%); + padding: 4px 6px !important; +} + +.is-mobile .workspace-drawer .nav-buttons-container { + --icon-size: var(--icon-m); +} + +.is-mobile .workspace>.mod-root { + padding-top: 0; +} + +.is-mobile .float-search-modal-container.modal-container.mod-dim .modal, +.is-mobile .menu, +.is-phone .prompt { + background: var(--glass-bg-color); + backdrop-filter: blur(15px) saturate(180%); + -webkit-backdrop-filter: blur(15px) saturate(180%); +} + +.is-mobile .workspace-leaf-resize-handle { + border: transparent; +} + + +/* 调整目录字体 */ +.is-mobile .nav-folder-title, +.is-mobile .nav-file-title-content { + font-size: 0.93em; +} + +/* 调整导航栏图标大小 */ +.is-mobile .view-header-nav-buttons, +.is-mobile .view-header .view-action { + --icon-size: var(--icon-m); + /* --icon-l-stroke-width: 1.5px; */ +} + +/* 调整有序列表的缩进线 */ +.is-mobile .markdown-rendered ol { + transform: translateX(5px); +} + +.is-mobile .markdown-rendered.show-indentation-guide ul>li>ol { + margin-left: 5px !important; +} + +.is-mobile .markdown-rendered.show-indentation-guide ul::before { + margin-left: -3.5px; +} + +.is-mobile .markdown-rendered.show-indentation-guide ul>li>ol::before { + margin-left: -9.5px; +} + +.is-mobile .markdown-rendered.show-indentation-guide ol>li>ul::before { + margin-left: -7px !important; +} + +.is-mobile .search-input-container { + border-radius: 8px; +} + +.is-mobile .document-search input, +.is-mobile .document-replace input, +.is-mobile .document-search input:focus, +.is-mobile .document-replace input:focus { + margin: 1px; + box-shadow: 0 0 0 0.5px var(--background-modifier-border-focus) !important; +} + +.is-mobile .global-search-input-container.search-input-container input, +.is-mobile .global-search-input-container.search-input-container input:focus { + border: none !important; + border-bottom: solid 1px var(--background-modifier-border) !important; + box-shadow: none !important; + border-radius: 0 !important; + background-color: transparent; +} + +.is-mobile .workspace-drawer .nav-header { + border-top: none; +} + +.is-mobile .workspace-drawer-header-info { + font-size: 10px; + margin-top: 0px !important; +} + +/* 内联标签样式 */ +.CodeMirror-line span.cm-hashtag { + background-color: var(--text-accent); + color: white; + display: inline-block; + text-decoration: none !important; +} + +.CodeMirror-line span.cm-hashtag-begin { + border-top-left-radius: 15px; + /* change to 4px for rectangular pills */ + border-bottom-left-radius: 15px; + /* change to 4px for rectangular pills */ + padding-left: 8px; + border-right: none; +} + +.CodeMirror-line span.cm-hashtag-end { + border-top-right-radius: 15px; + /* change to 4px for rectangular pills */ + border-bottom-right-radius: 15px; + /* change to 4px for rectangular pills */ + padding-right: 8px; + border-left: none; +} + + + +/* +* 标签样式 +*/ +.tag-pane-tag-count { + /* background-color: var(--text-accent); */ + border: none; + font-size: 11px; + padding: 1px 8px; + text-align: center; + text-decoration: none; + display: inline-block; + margin: 0px 0px; + cursor: pointer; + border-radius: 14px; + /* change to 4px for rectangular pills */ +} + +.tag-pane-tag-text { + border: none; + font-size: 11px; + padding: 3px 8px; + text-align: center; + text-decoration: none; + display: inline-block; + margin: 0px 0px; + cursor: pointer; + border-radius: 14px; + /* change to 4px for rectangular pills */ +} + +.theme-dark .tag-pane-tag-text { + background-color: rgba(0, 0, 0, 0.25); +} + +.theme-light .tag-pane-tag-text { + background-color: rgba(0, 0, 0, 0.09); +} + +/* Change color of tag count pill when hovering */ +.tag-pane-tag:hover .tag-pane-tag-count { + color: white; + background-color: var(--base2); +} + +.internal-embed img:not([width]), +.internal-embed audio, +.internal-embed video { + padding-top: 8px; +} + + +.markdown-source-view.mod-cm6 .edit-block-button { + color: white; +} + +.markdown-source-view.mod-cm6 .edit-block-button:hover { + color: white; +} + +.theme-light .markdown-source-view.mod-cm6 .edit-block-button { + color: white; +} + +.theme-light .markdown-source-view.mod-cm6 .edit-block-button:hover { + color: white; +} + + +/* table */ + +/* +* 优化表格样式 +*/ +.markdown-rendered thead tr { + background-color: var(--table-header-background); +} + +.markdown-rendered thead>tr>th, +.markdown-rendered tbody>tr>td { + padding: 10px; +} + +/* 移除表格前面的空行 */ +.cm-line[dir="ltr"]:has(+ .cm-table-widget) { + display: none !important; +} + +.markdown-rendered table, +.markdown-source-view.mod-cm6 .cm-table-widget .table-wrapper, +.markdown-source-view.mod-cm6 .cm-table-widget table { + width: 100%; +} + +thead:hover { + background-color: var(--table-header-background); +} + +.markdown-rendered thead tr>th { + line-height: 22px; +} + +.markdown-rendered tbody tr>td { + line-height: 22px; + height: 38px; + min-height: 38px; +} + +thead>tr>th, +tbody>tr>td, +.table-cell-wrapper { + line-height: 36px; +} + + +/* +* Scrollbar 样式 +*/ +::-webkit-scrollbar { + width: 4px !important; + overflow: hidden !important; + background-color: transparent !important; +} + +.mod-windows ::-webkit-scrollbar { + width: 9px !important; +} + +::-webkit-scrollbar-thumb { + border-radius: 5px !important; +} + +::-webkit-scrollbar-thumb:active { + border-radius: 5px !important; +} + +.theme-light ::-webkit-scrollbar-thumb { + background-color: rgba(0, 0, 0, 0.2) !important; +} + +.theme-dark ::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.2) !important; +} + +/* 横向滚动条整体样式 */ +::-webkit-scrollbar:horizontal { + height: 4px; + /* 设置横向滚动条高度 */ +} + +/* +* 去除输入框选中后的阴影 +*/ +input:not(.prompt-input):focus { + border: 0 !important; + box-shadow: 0 0 0 0.5px var(--background-modifier-border-focus) !important; +} + +/* 移除输入框的背景色 */ +.markdown-source-view.mod-cm6 .document-search-container { + background-color: transparent !important; +} + +.mod-active .document-search-container { + background-color: transparent !important; +} + +textarea, +input.metadata-input-text, +input[type='date'], +input[type='datetime-local'], +input[type='text'], +input[type='search'], +input[type='email'], +input[type='password'], +input[type='number'] { + background-color: transparent; +} + +.search-result-container { + padding-left: 0; +} + +.mod-global-search .search-result-file-matches { + margin-left: 24px; +} + +.search-result .tree-item-inner { + margin-left: -3px; + font-size: 0.78em; +} + +input.document-search-input { + border-radius: 10px; + background-color: transparent; +} + +/* 搜索页样式 */ +.search-result .search-result-file-title { + font-weight: bolder; + font-size: 17px; + margin-top: 5px; + color: unset !important; +} + +.search-result-file-matched-text { + color: var(--text-accent); + background-color: unset; +} + +.search-result-file-match-destination-file-icon { + color: unset; + width: 10px; +} + +.outgoing-link-item span.tree-item-icon { + width: 10px; + margin-left: -15px; +} + + +/* 隐藏tab 的控制按钮，鼠标移上去时，自动显示 */ +body:not(.is-mobile) .nav-header { + display: flex; + justify-content: center; + align-items: center; + padding: var(--size-4-1); + padding-left: var(--size-4-3); + padding-bottom: var(--size-4-4); +} + +body:not(.is-mobile) .nav-buttons-container { + background-color: var(--nav-button-container-bg); + border-radius: var(--radius-m); + padding: 2px 4px; + width: fit-content; +} + +body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .workspace-leaf-content .nav-header .nav-buttons-container { + background-color: transparent; +} + +body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .workspace-leaf-content .nav-header:hover .nav-buttons-container { + background-color: var(--nav-button-container-bg); +} + +body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .workspace-leaf .workspace-leaf-content .nav-header .nav-action-button:hover { + background-color: var(--background-modifier-hover); + opacity: var(--icon-opacity); + border-radius: var(--clickable-icon-radius); +} + +body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .workspace-leaf-content .nav-header .nav-action-button { + flex-grow: 0; + max-width: 3px; + max-height: 3px; + overflow: hidden; + border-radius: 50%; + padding: 0px; + background-color: var(--text-faint); + transition: max-width 240ms cubic-bezier(0.4, 0, 0.2, 1), + max-height 240ms cubic-bezier(0.4, 0, 0.2, 1), + opacity 240ms cubic-bezier(0.4, 0, 0.2, 1), + padding 240ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms linear; +} + +body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .workspace-leaf-content .nav-header .nav-action-button.is-active { + background-color: var(--icon-color-active); +} + +body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .workspace-leaf-content .nav-header:hover .nav-action-button { + max-width: 32px; + max-height: 64px; + opacity: 0.85; + flex-grow: 1; + background-color: transparent; + padding: var(--size-2-2) var(--size-2-3); +} + +/* + * --------------------------------调整开启半透明效果的样式------------------------------------ + */ +.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header { + border-left: 1px solid var(--indentation-guide-color); +} + +.is-translucent:not(.is-fullscreen) .mod-root .mod-top .workspace-tab-header-container { + background-color: var(--editor-bg-color) !important; +} + +.is-translucent.theme-light td.svelte-egt0yd { + border-right: 1px solid rgba(105, 105, 105, 0.2); +} + +.is-translucent.theme-light .status-bar { + background-color: rgba(245, 245, 245, 0.1); + backdrop-filter: blur(50px) saturate(80%); +} + +.is-translucent.theme-dark .status-bar { + background-color: rgba(28, 28, 28, 0.05); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); +} + +.is-translucent .search-result-file-matches { + background-color: transparent !important; +} + +.is-translucent.theme-light .search-result-file-matches { + background-color: transparent !important; +} + +.is-translucent.theme-light .search-result-file-match-destination-file { + background-color: #ffffff7b; +} + +.is-translucent.theme-dark .search-result-file-match-destination-file { + background-color: rgba(255, 255, 255, 0.25); +} + +.theme-dark .search-result-file-matches { + background-color: transparent !important; + box-shadow: 0 0 0 1px #c1c1c114 !important; +} + +.theme-dark .search-result-file-match { + border-bottom: 1px solid #c1c1c114 !important; +} + +/* 适配半透明背景 */ +/* .is-focused .workspace-leaf.mod-active .view-header, */ +:not(.is-mobile) .is-translucent .view-header { + background-color: var(--editor-bg-color) !important; +} + +.is-translucent .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header, +.is-translucent .workspace .mod-root .workspace-tabs.mod-stacked .view-header, +.is-translucent .workspace-tabs.mod-stacked .markdown-source-view.cm-s-obsidian.mod-cm6.node-insert-event.is-readable-line-width.is-live-preview.is-folding, +.is-translucent .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf { + background-color: var(--model-bg-color) !important; + backdrop-filter: blur(25px) saturate(180%); + -webkit-backdrop-filter: blur(25px) saturate(180%); +} + +.is-translucent .workspace-split.mod-root .workspace-tabs .view-content { + background-color: var(--editor-bg-color); +} + +.is-translucent .workspace-split.mod-root .workspace-tabs.mod-stacked .view-content { + background-color: transparent; +} + +.is-translucent.theme-dark .markdown-source-view.mod-cm6 .cm-editor { + background-color: transparent; +} + +.is-phone .modal.mod-settings .modal-header { + background-color: var(--background-primary); +} + +.mobile-tab-switcher { + background: var(--glass-bg-color); + backdrop-filter: blur(15px) saturate(180%); + -webkit-backdrop-filter: blur(15px) saturate(180%); + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.05); +} + +.mobile-tab-switcher-scroll, +.mobile-tab-switcher-menubar { + background-color: transparent !important; +} + +.mobile-tab-wrapper .mobile-tab-preview { + box-shadow: 4px 4px 6px var(--card-border-color); +} + +.is-translucent.theme-dark .markdown-preview-view { + background-color: transparent !important; +} + + + +/* + * 适配PC端样式 + */ +body:not(.is-mobile) .suggestion-container, +body:not(.is-mobile) .suggestion-container.mod-search-suggestion .suggestion, +body:not(.is-mobile) .suggestion-container.mod-search-suggestion, +body:not(.is-mobile) .modal.float-search-modal, +body:not(.is-mobile) .modal-container.mod-dim .prompt { + backdrop-filter: blur(12px); + /* background-color: rgba(255, 255, 255, 0.15); */ + border: 1px solid rgba(255, 255, 255, 0.25); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.6); +} + +body:not(.is-mobile).theme-dark .suggestion-container, +body:not(.is-mobile).theme-dark .suggestion-container.mod-search-suggestion .suggestion, +body:not(.is-mobile).theme-dark .suggestion-container.mod-search-suggestion, +body:not(.is-mobile).theme-dark .modal.float-search-modal, +body:not(.is-mobile).theme-dark .modal-container.mod-dim .prompt { + backdrop-filter: blur(12px); + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); +} + +body:not(.is-mobile) .setting-item-control select, +body:not(.is-mobile) .global-search-input-container, +body:not(.is-mobile) .search-input-container input, +body:not(.is-mobile) button:not(.clickable-icon), +body:not(.is-mobile) input.prompt-input, +body:not(.is-mobile) .suggestion-item.is-selected { + border: 1px solid rgb(0 0 0 / 10%); + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); + border-radius: var(--radius-xl); +} + +body.theme-dark .setting-item-control select, +body:not(.is-mobile).theme-dark .global-search-input-container, +body:not(.is-mobile).theme-dark .search-input-container input, +body.theme-dark button:not(.clickable-icon), +body:not(.is-mobile).theme-dark input.prompt-input, +body:not(.is-mobile).theme-dark .suggestion-item.is-selected { + border: 1px solid rgba(255, 255, 255, 0.15); + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); +} + +body:not(.is-mobile) input.prompt-input { + border-radius: 25px; + padding: var(--size-4-1) var(--size-4-5); +} + +body:not(.is-mobile) .suggestion-item.is-selected { + border-radius: 20px; +} + +body:not(.is-mobile) .prompt-input-container { + padding: 5px; +} + +.suggestion-item { + padding-top: 10px; + padding-bottom: 10px; +} + + +/* + * 调整 cMenu Toolbar Editor 样式 + */ +#editingToolbarModalBar.editingToolbarFlex :is(.editingToolbarCommandItem, button[class^=editingToolbarCommandsubItem]) { + margin: 5px !important; + background-color: transparent; +} + +#editingToolbarModalBar.editingToolbarDefaultAesthetic, +#editingToolbarModalBar.editingToolbarDefaultAesthetic~#editingToolbarPopoverBar { + backdrop-filter: blur(10px); + background-color: #171717de; +} + +:is(#editingToolbarModalBar, #editingToolbarPopoverBar) button[class^=editingToolbarCommandsubItem]>.subitem button.menu-item { + padding: 10px 5px !important; +} + +#editingToolbarModalBar.top :is(.editingToolbarCommandItem, button[class^=editingToolbarCommandsubItem]):not(.editingToolbar-Divider-Line) { + padding: 8px; + border-radius: 6px; +} + +#editingToolbarModalBar.top { + border-bottom: solid 1px var(--background-modifier-border); + top: 0px !important; + backdrop-filter: none; + background-color: transparent !important; + border: none; + border-radius: 0 !important; +} + +#editingToolbarModalBar.editingToolbarDefaultAesthetic.top { + backdrop-filter: unset; +} + +#editingToolbarModalBar.top button.editingToolbar-Divider-Line { + background-color: transparent !important; +} + +#editingToolbarModalBar.editingToolbarDefaultAesthetic { + border-radius: 20px; + backdrop-filter: blur(15px); + background-color: var(--app-model-bg-color); + /* box-shadow: var(--input-shadow); */ +} + +#editingToolbarModalBar .editingToolbarCommandItem { + backdrop-filter: unset; + padding: 7px; +} + +#editingToolbarModalBar.editingToolbarDefaultAesthetic, +#editingToolbarModalBar.editingToolbarDefaultAesthetic~#editingToolbarPopoverBar { + backdrop-filter: blur(15px); +} + +:is(#editingToolbarModalBar, #editingToolbarPopoverBar) button.editingToolbar-Divider-Line { + min-width: unset; + flex-shrink: 0; + display: inline-flex; + width: 0.6px !important; + height: 22px; + opacity: 0.8; + margin: 0; + min-width: 0.5px !important; +} + +#editingToolbarModalBar .subitem { + border-radius: 18px !important; + backdrop-filter: blur(15px) !important; + margin-top: 10px; +} + +#editingToolbarModalBar .subitem .menu-item { + padding: 17px 20px !important; +} + +.theme-dark :is(#editingToolbarModalBar, #editingToolbarPopoverBar) button.editingToolbar-Divider-Line { + background-color: transparent !important; +} + + + +/* dataview */ +.markdown-rendered thead tr>th { + border-bottom: none; +} + +.dataview.table-view-table { + overflow: hidden; + border: dashed 0.5px var(--block-border-color); + /* border-radius: 10px; */ + +} + +.dataview.table-view-table tr { + border: dashed 0.1px var(--block-border-color); + +} + + +/* Export image 样式 */ +body:not(.is-mobile) .modal-container.mod-dim .modal:has(.export-image-preview-root) { + min-width: 50% !important; + max-width: 65% !important; +} + +.modal-container.mod-dim .modal:has(.export-image-preview-root) .modal-title { + text-align: center; +} + +.export-image-preview-left { + max-width: 450px; + padding: 0 15px 0 0; + min-width: 320px; +} + +.export-image-preview-right { + width: 100%; + border: solid 1px var(--nav-indentation-guide-color); + border-radius: 10px; +} + +.is-mobile .modal-container.mod-dim .modal:has(.export-image-preview-root) { + width: 100% !important; + margin-top: 50px; +} + +.is-mobile .export-image-preview-left { + padding: 0; +} + + +.modal-content:has(.export-image-preview-root) { + padding-top: 0; +} + +.export-image-preview-root .export-image-preview-main { + margin: 0; +} + +.export-image-preview-left .setting-item { + display: flex !important; + flex-direction: column !important; + justify-content: space-between; + align-items: flex-start !important; + padding-left: 10px !important; + padding-right: 10px !important; +} + +.export-image-preview-left .setting-item .setting-item-info { + text-align: left; +} + +.export-image-preview-left .setting-item .setting-item-control { + text-align: right; + margin: 0 !important; + width: auto !important; +} + +.export-image-preview-left .setting-item .setting-item-control input[type="number"] { + text-align: center; + border: solid 0.1px var(--background-modifier-border); +} + +.export-image-preview-actions { + padding-bottom: 20px !important; + margin-top: 15px; +} + +.export-image-preview-left .setting-item .setting-item-name { + padding-bottom: 10px; +} + +.export-image-preview-left .setting-item .setting-item-description { + color: var(--text-muted); + font-size: var(--font-ui-smaller); + padding-top: var(--size-4-1); + line-height: var(--line-height-tight); + padding-bottom: var(--size-4-3); +} + + +/* Float Search 样式 */ + + +.float-search-modal-instructions { + display: none; +} + +.float-search-modal-container.modal-container.mod-dim .modal { + margin-top: 60px; +} + +.search-results-result-count { + width: 100px !important; + text-align: left !important; +} + +.float-search-modal .modal-header { + display: none; +} + +.float-search-modal .float-search-modal-search-ctn .search-row { + padding-right: 40px; + margin-top: 1px; +} + +.float-search-modal .modal-close-button { + margin-top: 12px; +} + +/* 适配手机端，以13Pro Max分辨率为限制 */ +.is-mobile .float-search-modal .modal-close-button { + margin-top: 8px; +} + +.is-mobile .float-search-modal .float-search-modal-search-ctn .search-row { + margin-left: 0px; +} + +.modal.mod-settings.mod-sidebar-layout .modal-close-button { + z-index: 999; +} + +.modal-sidebar { + background-color: var(--background-secondary); +} + +.modal.mod-sidebar-layout { + border-radius: 17px; + margin-top: -5px; +} + + +/* markmap */ +.theme-dark :not(.markmap-fold).markmap-node>circle { + fill: black; +} + +g.markmap-node[data-depth='0'] .markmap-foreign { + font-weight: bolder; +} + +/* 调整白板样式 */ +.canvas, +.canvas-wrapper, +.canvas-background { + background-color: transparent; +} + +.canvas-background { + display: none; +} + +.canvas-card-menu .canvas-card-menu-button { + --icon-size: var(--icon-l); +} + +.canvas-card-menu { + background-color: var(--model-bg-color) !important; + border-radius: 20px; + margin-bottom: 25px; + backdrop-filter: blur(10px); +} + +.canvas-control-group { + background-color: var(--model-bg-color) !important; + border-radius: 18px; + backdrop-filter: blur(10px); +} + +.canvas-control-item { + background-color: unset; +} + +/* 调整关系图谱样式 */ +.workspace-split:not(.mod-root) .graph-controls.is-close, +.graph-controls.is-close { + background-color: transparent; + margin-top: -10px; + margin-right: -10px; +} + +/* Windows | linux style */ + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile)::before { + content: ''; + z-index: -1; + filter: blur(var(--win-blur)) brightness(var(--win-window-brightness)) opacity(var(--win-window-opacity)); + background: var(--win-bg-image-url) repeat; + background-size: cover; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .app-container .horizontal-main-container, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .app-container { + backdrop-filter: blur(var(--win-blur)) saturate(180%) brightness(var(--win-window-brightness)) opacity(var(--win-window-opacity)); +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-vertical.mod-root, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-ribbon.mod-left:before, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-ribbon.mod-left, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-tabs .workspace-leaf, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-leaf .view-content, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-right-split .workspace-tabs, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-tab-container body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-tab-header-container, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-sidedock-vault-profile, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split { + background-color: transparent !important; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-tab-container { + background: var(--editor-bg-color) !important; + /* backdrop-filter: blur(15px) saturate(180%); */ + /* -webkit-backdrop-filter: blur(15px) saturate(180%); */ +} + +.workspace-ribbon.mod-left:before { + background-color: var(--background-secondary); +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-vertical.mod-root { + background: var(--win-editor-bg-color) !important; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-ribbon.mod-left:before { + background-color: transparent !important; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-horizontal, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-leaf, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-ribbon, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .sidebar-toggle-button.mod-left, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-left-split .profileworkspace-sidedock-vault-, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .mod-root .mod-top .workspace-tab-header-container, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-tab-header-container { + background-color: transparent !important; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-root, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-root .view-content, +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-split.mod-root .view-header { + background: transparent !important; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .view-header-title-container:after { + background: transparent !important; +} + +body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-sidedock-vault-profile { + background-color: transparent !important; +} + + + +/* web viewer */ +.webviewer-address input { + border-radius: 14px; +} + + +/* 调整设置页样式 */ + +.setting-item-heading { + padding-left: 20px; +} + +.is-phone .vertical-tab-header-group-title, +.is-phone .setting-item-heading .setting-item-name { + font-size: var(--font-ui-small); + padding-left: 18px; +} + +.vertical-tab-header-group-items { + background-color: var(--background-setting-item); + border-radius: var(--radius-l); + overflow: hidden; +} + +body:not(.is-mobile) .vertical-tab-header-group-items { + padding: 5px; + margin-left: 10px; + margin-right: 10px; +} + +.is-phone .modal.mod-settings .vertical-tab-nav-item { + padding-left: max(var(--size-4-4), var(--safe-area-inset-right)); + padding-right: max(var(--size-4-3), var(--safe-area-inset-right)); +} + +.vertical-tab-header-group-title { + padding-left: 23px; +} + +.ac-settings-heading { + border-bottom: none; +} + +.generalSetting-container { + background-color: transparent !important; + padding: 0 !important; +} + +.setting-item.editing-toolbar-fix-button { + background-color: transparent !important; +} + +.editing-toolbar-content .import-export-container, +.editing-toolbar-content .appearanceSetting-container, +.editing-toolbar-content .custom-paintbrush-container, +.editing-toolbar-content .custom-toolbar-container, +.editing-toolbar-content .commandSetting-container, +.editing-toolbar-content .command-buttons-container { + background-color: transparent !important; + padding: 0 !important; +} + +.command-lists-container { + padding: 0 !important; +} + +.editingToolbarSettingsTabsContainer { + border-top: none; + border-bottom: none; + padding-top: 10px; +} + + +/* 将底部的设置按钮调整为左侧 */ + +body:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile { + width: var(--ribbon-width) !important; + display: flex; + flex-direction: column; + gap: 15px; + z-index: 999; + transform: translate(-44px, -10px); + position: absolute; + left: -1px; + bottom: 0; +} + +body.theme-light:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile { + border: 0; + padding: 0; + z-index: 99; +} + +body:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher { + z-index: 99; + gap: 15px; + padding: var(--size-4-2) var(--size-4-2); + border-radius: var(--radius-l); +} + +body:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher-icon { + color: var(--icon-color) !important; +} + +body:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions { + display: flex; + flex-direction: column; + gap: 16px; + z-index: 99; +} + +body:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-name { + display: none !important; +} + +body:not(.is-mobile):not(.close-left-vault-profile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions .clickable-icon { + /* gap: 15px; */ + border-radius: var(--radius-l); + padding: 7px; +} + + +/* comander 优化 */ +.cmdr-name-input-wrapper button { + margin-right: 60px; +} + + + +/* # quite outliner优化 */ +body .quiet-outline .n-button { + --n-border: unset !important; + --n-border-hover: 1px solid var(--text-accent) !important; + ; + --n-border-pressed: 1px solid var(--text-accent) !important; + ; + --n-border-focus: 1px solid var(--text-accent) !important; + ; +} + +body .quiet-outline .n-tree-node-wrapper { + --n-node-border-radius: var(--radius-xl); +} + +.quiet-outline .n-tree-node-content__text p { + line-height: unset; +} + +.quiet-outline .function-bar .n-input { + border-radius: 14px; +} + +.is-mobile .quiet-outline .function-bar .n-input { + max-width: 70%; +} + +.n-slider .n-slider-rail { + height: 2px; +} + +.n-tree .n-tree-node-wrapper:not(:has(.n-tree-node-switcher--expanded)):has(.n-tree-node-switcher--hide) .n-tree-node .n-tree-node-content::before { + content: "•"; + font-weight: bolder; + padding-right: 5px; + color: var(--nav-collapse-icon-color); +} + +.n-tree .n-tree-node-wrapper .n-tree-node .n-tree-node-content::before { + margin-left: -18.5px; + font-size: 0.7em; +} + +.n-tree .n-tree-node-wrapper:not(:has(.n-tree-node-switcher--expanded)):not(:has(.n-tree-node-switcher--hide)) .n-tree-node .n-tree-node-content, +.n-tree .n-tree-node-wrapper:has(.n-tree-node-switcher--expanded) .n-tree-node .n-tree-node-content { + transform: translateX(-7px); +} + +.n-tree .n-tree-node-switcher .n-tree-node-switcher__icon { + transition: transform 0.2s ease; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid currentColor; + margin-left: -2px; + color: var(--nav-collapse-icon-color); +} + +.n-tree .n-tree-node-wrapper:not(:has(.n-tree-node-switcher--expanded)):not(:has(.n-tree-node-switcher--hide)) .n-tree-node-switcher__icon { + margin-top: -2px; +} + +.n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .xicon { + display: none; +} + +/* bases */ +.bases-thead .bases-table-header { + background-color: transparent; +} + +.bases-thead .bases-td[data-sort] .bases-table-header { + mask-image: none; +} + +.bases-thead, +.bases-tr { + background-color: transparent; +} + +.bases-thead .bases-tr { + background-color: var(--editor-bg-color); + backdrop-filter: blur(15px); +} + +.bases-table-header-sort { + background-color: transparent; +} + +.bases-tbody .bases-td .bases-table-cell { + padding: 15px; +} + +.bases-cards-item { + background-color: var(--model-bg-color); + box-shadow: 1px 1px 8px var(--shadow-color); + backdrop-filter: blur(15px); +} + +body:not(.is-translucent) .workspace-ribbon.mod-left:before, +body:not(.is-translucent) .workspace-ribbon.mod-left, +body:not(.is-translucent) .workspace-tabs .workspace-leaf, +body:not(.is-translucent) .workspace-leaf .view-content, +body:not(.is-translucent) .workspace-split.mod-right-split .workspace-tabs, +body:not(.is-translucent) .workspace-tab-container, +body:not(.is-translucent) .workspace-tab-header-container, +body:not(.is-translucent) .workspace-sidedock-vault-profile { + /* background-color: var(--background-primary) !important; */ +} + +body:not(.is-translucent) .workspace-tabs.mod-top .workspace-tab-container .workspace-leaf .workspace-leaf-content .view-header { + background-color: transparent !important; +} + + +body:not(.is-mobile) .mod-root .workspace-tab-header-container-inner { + --tab-max-width: 240px; + display: flex; + align-items: center; + justify-content: center; + width: 100%; +} + +.workspace .mod-root .workspace-tab-header-inner::after { + display: none; +} + +/* 设置页玻璃效果 */ + +.modal.mod-settings .vertical-tab-header, +.modal-content, +.modal-content .vertical-tab-header, +.modal-content .vertical-tab-content-container, +.modal-content .vertical-tab-content-container .vertical-tab-content { + background-color: transparent; +} + +.community-modal-details { + background-color: var(--background-setting); +} + +.mod-right-split .workspace-tab-header:hover, +.mod-left-split .workspace-tab-header.has-active-menu, +.mod-right-split .workspace-tab-header.has-active-menu, +.mod-left-split .workspace-tab-header.is-active, +.mod-right-split .workspace-tab-header.is-active { + /* border: none; + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); + background-color: rgba(255, 255, 255, 0.15); + border-radius: 25px; */ +} + +.n-tree-node.located p { + --61117f8c-locatedColor: var(--text-accent); +} + +.workspace-split.is-sidedock-collapsed~.workspace-split.mod-root .workspace-tab-header-container .sidebar-toggle-button.mod-left { + margin-left: 25px; +} + +/* properties style */ +.metadata-property-value .metadata-input-text, +.multi-select-pill { + font-size: calc(var(--window-font-size) * 0.92px) !important; +} + +main.git-view .tree-item-inner.nav-folder-title-content, +main.git-view .tree-item-inner.nav-file-title-content { + font-size: calc(var(--window-font-size) * 1px) !important; +} + +.bases-cards-property { + display: flex; + justify-content: space-between; + align-items: center; + height: 20px !important; + margin: 0px 0; + position: inherit; + padding: 0 2px; +} + +.bases-cards-cover { + position: fixed; + +} + +/* tablet */ +.is-tablet { + --metadata-input-height: 10px * 2.25; + --input-height: 34px; +} + +.is-tablet .workspace .workspace-drawer.is-pinned { + border-radius: 0; +} + +.is-tablet.theme-dark { + /* --mobile-sidebar-background: rgb(48, 48, 48); + --background-secondary: rgb(40, 40, 40); */ + /* --editor-bg-color: #1c1c1c; */ + --background-setting: rgba(34, 34, 34, 1); + --setting-items-background: rgba(48, 48, 48, 0.35); +} + +.is-tablet.theme-light { + /* --mobile-sidebar-background: rgb(248, 248, 248); + --background-secondary: rgb(255, 255, 255); */ + --background-setting: rgba(245, 245, 245, 1); + +} + +.is-tablet .workspace-drawer.mod-left, +.is-tablet .workspace-drawer.mod-right, +.is-tablet .node-insert-event, +.is-tablet .workspace-drawer.mod-right .workspace-leaf-content .view-content, +.is-tablet .workspace .workspace-drawer .nav-files-container.node-insert-event, +.is-tablet .workspace-drawer-tab-container .workspace-drawer-active-tab-content .workspace-leaf-content .view-content.node-insert-event, +.is-tablet .workspace .workspace-drawer .view-content.node-insert-event { + /* background-color: var(--mobile-sidebar-background) !important; */ + overflow-x: hidden !important; +} + +.is-tablet .workspace-split.mod-root.mod-vertical .workspace-tabs.mod-top .workspace-tab-container .workspace-leaf .workspace-leaf-content .view-content, +.is-tablet .workspace-tabs.mod-top .workspace-tab-container .workspace-leaf .workspace-leaf-content .view-header, +.is-tablet .workspace-split.mod-root .workspace-tabs.mod-top .workspace-tab-container .workspace-leaf, +.is-tablet .workspace-split.mod-root .workspace-tabs.mod-top .workspace-tab-container, +.is-tablet .workspace-split.mod-root .workspace-tabs.mod-top .workspace-tab-header-container, +.is-tablet .workspace-split.mod-root .workspace-tabs.mod-top { + background-color: var(--editor-bg-color) !important; +} + + +.is-tablet .view-content>.markdown-source-view.mod-cm6>.cm-editor>.cm-scroller { + overflow-x: hidden !important; +} + +.is-tablet .workspace .workspace-drawer .side-dock-settings { + display: none; +} + +.is-tablet .workspace-drawer-ribbon .side-dock-actions { + padding-top: var(--safe-area-inset-top); +} + +.is-tablet .workspace .workspace-drawer .clickable-icon.side-dock-ribbon-action .svg-icon, +.is-tablet .workspace .workspace-drawer .mod-left-split .workspace-tab-header-inner-icon .svg-icon, +.is-tablet .workspace .workspace-drawer .mod-right-split .workspace-tab-header-inner-icon .svg-icon { + --icon-size: var(--icon-s); +} + +.is-tablet .workspace-drawer.mod-left .workspace-drawer-inner .workspace-drawer-tab-container { + border-left: solid 1px var(--indentation-guide-color); + /* box-shadow: 1px 0px 1px var(--card-border-color); */ +} + +.is-tablet .workspace .workspace-drawer.mod-left { + box-shadow: 1px 0px 1px var(--card-border-color); + /* border-right: 0.1px solid var(--background-modifier-border); */ + border: 0; +} + +.is-tablet .workspace .workspace-drawer.mod-right { + box-shadow: -1px 0px 1px var(--card-border-color); + /* border-left: 0.1px solid var(--background-modifier-border); */ + border: 0; +} + +.is-tablet :is(#editingToolbarModalBar, #editingToolbarPopoverBar).editingToolbarCustomAesthetic :is(.editingToolbarCommandItem, button[class^=editingToolbarCommandsubItem]):not(.editingToolbar-Divider-Line) { + height: var(--toolbar-icon-size); +} + +.is-tablet .view-header { + padding-top: 0; + height: auto; +} + +.is-tablet .workspace-drawer-tab-options .workspace-tab-header-inner-title, +.is-tablet .workspace-drawer-header-name-text { + font-size: var(--font-ui-smaller); +} + +.is-tablet .workspace-drawer-header-info { + font-size: 8px; +} + +.is-tablet .workspace-drawer-header-icon { + --icon-size: var(--icon-s); +} + +.is-tablet .workspace-drawer .nav-buttons-container { + --icon-size: var(--icon-s); +} + +.is-tablet .markdown-source-view.mod-cm6 .cm-indent::before { + margin-inline-start: 4px !important; +} + +.is-tablet .list-bullet { + font-size: 10px; + margin-left: 0px; + /* padding-right: 1px; */ + transform: translateY(-2px); +} + +.is-tablet .markdown-source-view.mod-cm6 .cm-formatting-list-ul { + margin-right: 6px; +} + +.is-tablet span.cm-formatting.cm-formatting-list.cm-formatting-list-ol { + font-size: 18px; + padding-right: 13px; +} + +.is-tablet .workspace-drawer-header { + padding: 0; + padding-left: 10px; +} + +.is-tablet .nav-files-container { + padding: 0; +} + +.is-tablet .nav-header { + padding-left: 0; + padding-right: 0; +} + +.is-tablet .workspace-tabs.mod-top { + padding-top: var(--safe-area-inset-top); +} + +.is-tablet .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title { + color: var(--text-accent) !important; +} + +.is-tablet .clickable-icon.workspace-drawer-header-icon.mod-settings { + position: fixed; + left: -7px; + bottom: 25px; + padding: 0; + background: transparent !important; + border: none !important; + backdrop-filter: none !important; +} + +.is-tablet .metadata-property-icon svg.svg-icon { + height: var(--icon-s); + width: var(--icon-s); +} + +.is-tablet .workspace-drawer-active-tab-header { + padding: var(--size-2-1); +} + +.is-tablet .workspace-drawer-active-tab-header .workspace-drawer-active-tab-title { + padding-left: 10px; +} + +.is-tablet .horizontal-tab-nav-item, +.vertical-tab-nav-item { + border-radius: var(--radius-xxl); + padding-top: 6px; + padding-bottom: 6px; +} + +.is-tablet .mobile-toolbar-options-list { + padding-bottom: 5px; + justify-content: center; + background-color: var(--mobile-sidebar-background) !important; + border-top: 0.1px solid var(--background-modifier-border); +} + +.is-tablet .sidebar-toggle-button { + --icon-size: var(--icon-s) !important; +} + +.is-tablet .modal.mod-settings .vertical-tab-content { + background-color: transparent; +} + +.is-tablet .modal.mod-sidebar-layout { + box-shadow: 1px 0px 1px var(--shadow-color); + border: 0.1px solid var(--background-modifier-border); + +} + + +.is-mobile ::-webkit-scrollbar:horizontal { + height: 4px; +} + +.is-mobile .metadata-content { + background-color: transparent; +} + +.is-mobile .workspace-drawer-tab-options { + padding-top: 4px; + padding-bottom: 4px; +} + +:not(.is-mobile) .workspace-tab-header-container .workspace-tab-header.is-active { + box-shadow: none; + background-color: transparent; +} + +.is-phone .mod-root .workspace-leaf-content .view-content { + margin-top: 0 !important; +} + +.is-mobile.theme-dark .community-item { + background-color: rgba(80, 80, 80, 0.2); +} + +.is-phone .modal-sidebar { + background-color: var(--background-primary); +} + +.is-phone .community-item { + background-color: var(--background-secondary); +} + +.is-phone .modal .setting-item-control input { + margin-top: 1px; +} + +.bases-tbody {} \ No newline at end of file diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json index 6af26fb..feeb292 100644 --- a/.obsidian/workspace.json +++ b/.obsidian/workspace.json @@ -13,7 +13,7 @@ "state": { "type": "markdown", "state": { - "file": "2. Проекты/Windows server 2019 + exchange/инструкция настройки windows.md", + "file": "2. Проекты/VPN_MARZBAN/2. Инструкция Marzban/2. Ручная установка и настройка marzban.md", "mode": "source", "source": false, "backlinks": true, @@ -28,7 +28,7 @@ } }, "icon": "lucide-file", - "title": "инструкция настройки windows" + "title": "2. Ручная установка и настройка marzban" } } ] @@ -188,8 +188,8 @@ }, "active": "21838e3412a13823", "lastOpenFiles": [ - "2. Проекты/Windows server 2019 + exchange.md", "2. Проекты/Windows server 2019 + exchange/инструкция настройки windows.md", + "2. Проекты/Windows server 2019 + exchange.md", "2. Проекты/Windows server 2019 + exchange", "2. Проекты/VPN_MARZBAN/2. Инструкция Marzban/Создание сертификатов и их внесение в marzban.md", "2. Проекты/VPN_MARZBAN/2. Инструкция Marzban/2. Ручная установка и настройка marzban.md",