2939 lines
80 KiB
CSS
2939 lines
80 KiB
CSS
/* ---------------------------------------------------------------------------
|
||
|
||
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 {} |