Daggerheart_Deutsch/.obsidian/themes/Blue Topaz/theme.css

28558 lines
1.1 MiB
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
If you want to distribute the whole or parts of the above codes, please copy & paste the following sentences:
Partial style(s) is(are) sourced or adapted from Blue Topaz (https://github.com/PKM-er/Blue-Topaz_Obsidian-css), and I would like to express my appreciation to WhyI (https://github.com/whyt-byte) and pkmer.cn (https://pkmer.cn).
*/
/*蓝色托帕石适合Obsidian v1.2.8。uid [20231115] flying fly flies制作。如果喜欢可以在Github里给我星星 https://github.com/whyt-byte */
/*Blue Topaz for Obsidian v1.2.8, uid [20231115] created by flying fly flies. Feel free to use, share and modify. If you like the theme, please star me on GitHub https://github.com/whyt-byte */
/*
MIT License
Copyright (c) 2020 whyt-byte
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.
*/
/* 致谢 Credits
thanks pkmer.cn
Many thanks to @Cuman
@LillianWho @成雙酱 @嘴上云 @Klaas @Thinkbond @Rainbell129(AKA Lavi) @awyugan @GeoffreyOuO (WooYoo~~~) @锋华 @CZ-15/YZ-10 */
/* @settings
name: 🥑Blue Topaz Theme
id: blue-topaz-theme
settings:
-
id: attension
title: AttentionDue to obsidian's policy of not being able to use online or local vault images, all configuration about images is no longer available.Now that the BT theme has become very expensive to maintain with obsidian ontology changes and policy implications, the theme will be streamlined and no longer offer diverse configuration options.
title.zh: 注意由于obsidian的政策不能使用在线或本地库里的图片所有图片配置设置均已失效。如今BT主题随着obsidian本体变动和政策影响维护成本变得非常高后续将精简主题并不再提供多样化的配置选项。
type: heading
level: 1
collapsed: false
-
id: background-settings
title: 1. General settings
title.zh: 1. 整体性设置
type: heading
level: 1
collapsed: false
-
id: color-settings
title: 1.1 Color scheme
title.zh: 1.1 整体配色
type: heading
level: 2
collapsed: true
-
id: color-scheme-options
title: Color palette (from Topaz Community)
title.zh: 整体配色选择 (由Topaz社区贡献)
type: class-select
allowEmpty: false
default: color-scheme-options-default
options:
-
label: Default
value: color-scheme-options-default
-
label: Avocado
value: color-scheme-options-avocado-topaz
-
label: Monochrome
value: color-scheme-options-monochrome-topaz
-
label: Pink
value: color-scheme-options-pink-topaz
-
label: Topaz-Nord
value: color-scheme-options-topaz-nord
-
label: =↓😺 Created by Topaz Community 🐵↓=
value:
-
label: Flamingo (@Mouth on Cloud & @Rainbell)
value: color-scheme-options-flamingo
-
label: Honey milk (@LillianWho)
value: color-scheme-options-honey-milk-topaz
-
label: 榛子巧克力 Hazelnut chocolate (@LillianWho)
value: color-scheme-options-chocolate-topaz
-
label: Lilac (@awyugan)
value: color-scheme-options-lilac
-
label: Autumn (@LillianWho)
value: color-scheme-options-autumn-topaz
-
label: 魔方 Rubik's Cube (@LillianWho)
value: color-scheme-options-lillimon-topaz
-
label: Simplicity (@Cuman)
value: color-scheme-options-simplicity-topaz
-
id: disable-auto-hide-header
title: Disable auto hide header
title.zh: 禁用自动隐藏头部
type: class-toggle
default: false
-
id: color-magic
title: Color of Rubik's cube palette
title.zh: 魔方配色
description.zh: 当整体配色为【魔方】时生效
type: heading
level: 3
collapsed: true
-
id: magic-main-color
title: Main color
title.zh: 主题色
description.zh: 主题色主要作用于标题字体列表等主色调建议用对比度强不易疲劳的色系。如果想单独调整个别类目请在2.1中继续细调。
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: magic-low-color
title: Low contrast color
title.zh: 浅色
description.zh: 浅色主要作用于各类触发背景底色,建议用不影响阅读的背景色系。
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: magic-deep-color
title: Deep color
title.zh: 深色
description.zh: 深色主要作用于主题强调色系,用在各种控件,提示等使用,建议用浅色相关的醒目色系。
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-settings
title: 1.2 Background images
title.zh: 1.2 背景设置
type: heading
level: 2
collapsed: true
-
id: background-settings-workplace
title: 1.2.1 Workplace background image
title.zh: 1.2.1 工作页面背景
type: heading
level: 3
collapsed: true
-
id: background-settings-workplace-background-image
title: Activate image background
title.zh: 开启背景
type: class-toggle
default: false
addCommand: true
-
id: bt-background-split-container
title: Side split container background color
title.zh: 侧边分栏背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-settings-workplace-theme-light
title: Light mode
type: class-select
allowEmpty: false
default: background-settings-workplace-theme-light-leaf
options:
-
label: Blue Mountain
value: background-settings-workplace-theme-light-blue-mountain
-
label: In the sky
value: background-settings-workplace-theme-light-in-the-sky
-
label: Leaf
value: background-settings-workplace-theme-light-leaf
-
label: Random
value: background-settings-workplace-random-light
-
label: Waves
value: background-settings-workplace-waves-light
-
label: Animating waves
value: background-settings-workplace-waves2-light
-
label: Custom
value: background-settings-workplace-theme-light-custom-option
-
id: background-settings-workplace-theme-light-custom
title: Custom theme light (url)
description: Customise the background image. Use the format in the Default below for an Online image.
description.zh: 需在上方选项种选择Custom以自定义背景。使用Default内格式设置在线图片。
type: variable-text
default: url("https://")
-
id: background-settings-workplace-theme-dark
title: Dark mode
type: class-select
allowEmpty: false
default: background-settings-workplace-theme-dark-in-the-sky
options:
-
label: Night sky
value: background-settings-workplace-theme-dark-night-sky
-
label: Dark sky
value: background-settings-workplace-theme-dark-dark-sky
-
label: In the sky
value: background-settings-workplace-theme-dark-in-the-sky
-
label: Blue gas
value: background-settings-workplace-theme-dark-blue-gas
-
label: Jellyfish 1
value: background-settings-workplace-theme-dark-jellyfish-1
-
label: Jellyfish 2
value: background-settings-workplace-theme-dark-jellyfish-2
-
label: Hyacinth macaw
value: background-settings-workplace-theme-dark-hyacinth-macaw
-
label: Waves
value: background-settings-workplace-waves
-
label: Animating waves
value: background-settings-workplace-waves2
-
label: Random
value: background-settings-workplace-random-dark
-
label: Custom
value: background-settings-workplace-theme-dark-custom-option
-
id: background-settings-workplace-theme-dark-custom
title: Custom theme dark (url)
description: Customise the background image. Use the format in the Default below for an Online image.
description.zh: 需在上方选项种选择Custom以自定义背景。使用Default内格式设置网络图片。
type: variable-text
default: url("https://")
-
id: blur-depth
title: Blur radius
title.zh: 模糊程度
description: To adjust the radius of blur
description.zh: 调整背景壁纸模糊程度
type: variable-number-slider
default: 10
format: px
min: 0
max: 30
step: 1
-
id: brightness-4-bg
title: Brightness of image
title.zh: 图片亮度
description: To adjust the brightness
description.zh: 调整背景壁纸亮度
type: variable-number-slider
default: 0.9
min: 0.3
max: 1.5
step: 0.1
-
id: saturate-4-bg
title: Saturation of image
title.zh: 图片饱和度
description: To adjust the saturation
description.zh: 调整背景壁纸饱和度
type: variable-number-slider
default: 1
min: 0
max: 2
step: 0.1
-
id: background-waves-color
title: Waves color
title.zh: 波浪背景颜色
description.zh: 当背景色选择为waves时起作用。
type: variable-themed-color
opacity: true
format: hex
default-light: '#4A75DB8C'
default-dark: '#4A75DB8C'
-
id: background-settings-workplace-random
title: Random background
title.zh: 随机背景
description: Images will be refreshed when Obsidian launches; Internet required
description.zh: 图片在Obsidian打开时刷新需要联网
type: class-toggle
default: false
-
id: background-settings-markdown-page
title: 1.2.2 Note page background image
title.zh: 1.2.2 笔记背景
type: heading
level: 3
collapsed: true
-
id: background-image-settings-switch
title: Toggle note background image
title.zh: 开启笔记背景
type: class-toggle
default: false
addCommand: true
-
id: toggle-nonoverlapping-bg
title: Activate non-overlapping note background when toggling workplace background
title.zh: 笔记背景和工作页面背景不重叠
type: class-toggle
default: false
-
id: background-image-settings-markdown-page-options
title: Choose image set
title.zh: 选择背景
type: class-select
allowEmpty: false
default: background-image-settings-markdown-page-default
options:
-
label: Default
value: background-image-settings-markdown-page-default
-
label: Sea and Sky
value: background-image-settings-markdown-page-sea-and-sky
-
label: Four Seasons
value: background-image-settings-markdown-page-four-seasons
-
label: Woof Meow
value: background-image-settings-markdown-page-woof-meow
-
label: White and Black
value: background-image-settings-markdown-page-white-and-black
-
label: Kawaii
value: background-image-settings-markdown-page-kawaii
-
label: Transparent
value: background-image-settings-markdown-page-transparent
-
label: Custom
value: background-image-settings-markdown-page-custom
-
id: bg-markdown-page-opacity-cp
title: Opacity
title.zh: 笔记背景透明度
type: variable-number-slider
default: 0.25
min: 0
max: 1
step: 0.05
-
id: custom-markdown-page-background-color
title: custom markdown page background color
title.zh: 自定义笔记背景颜色
description.zh: 当背景色选择为custom时起作用。
type: variable-themed-color
opacity: true
format: hex
default-light: '#a39b8f'
default-dark: '#000414'
-
id: background-markdown-page-theme-light-custom
title: Custom image (Light mode)
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: variable-text
default:
-
id: background-markdown-page-theme-dark-custom
title: Custom image (Dark mode)
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: variable-text
default:
-
id: background-image-settings-markdown-page-random
title: Random background
title.zh: 随机背景
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: class-toggle
default: false
-
id: background-image-settings-markdown-page-random-options
title: Random image with a certain color
title.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: class-select
allowEmpty: false
default: background-image-settings-markdown-page-random-default
options:
-
label: None
value: background-image-settings-markdown-page-random-default
-
id: background-notebook-liked-switch
title: Toggle notebook-liked background
title.zh: 开启类笔记背景
type: class-toggle
default: false
-
id: notebook-liked-markdown-page-options
title: Notebook-liked background
title.zh: 类笔记背景
type: class-select
allowEmpty: false
default: notebook-liked-markdown-page-grid-notebook-1
options:
-
label: Grid notebook 1 (@CZ-15/YZ-10)
value: notebook-liked-markdown-page-grid-notebook-1
-
label: Grid notebook 2
value: notebook-liked-markdown-page-grid-notebook-2
-
label: Dotted notebook 1
value: notebook-liked-markdown-page-dotted-notebook-1
-
label: Dotted notebook 2
value: notebook-liked-markdown-page-dotted-notebook-2
-
label: Stripe notebook 1
value: notebook-liked-markdown-page-stripe-notebook-1
-
label: Stripe notebook 2
value: notebook-liked-markdown-page-stripe-notebook-2
-
id: toggle-fixed-pattern
title: Toggle fixed pattern
title.zh: 固定背景
type: class-toggle
default: false
-
id: notebook-liked-background-settings
title: 1.2.2.1 Notebook-liked background options
title.zh: 1.2.2.1 类笔记样式背景设置
type: heading
level: 4
collapsed: true
-
id: toggle-split-note-background
title: Toggle background of split pane
title.zh: 取消侧边栏类笔记背景
type: class-toggle
default: false
-
id: bg-color-notebook
title: Notebook background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: grid-notebook-line-color-1
title: Grid notebook line color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: grid-notebook-line-color-2
title: Grid notebook line color for 'Grid 2'
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: dotted-notebook-dot-color
title: Dotted notebook dot color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: stripe-notebook-stripe-color
title: Stripe notebook stripe color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-settings-command-palette
title: 1.2.3 Images of command palette
title.zh: 1.2.3 命令面板背景
type: heading
level: 3
collapsed: true
-
id: background-image-settings-command-palette-switch
title: Toggle images of command palette
title.zh: 开启命令面板背景
type: class-toggle
default: false
-
id: background-image-settings-command-palette-same-as-workplace
title: Same background as workplace's
title.zh: 与工作页面背景保持一致
type: class-toggle
default: false
-
id: background-image-settings-command-palette-custom
title: Custom background image
title.zh: 自定义图片
type: class-toggle
default: false
-
id: background-command-palette-theme-light-custom
title: Custom theme (light, url)
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: variable-text
default:
-
id: background-command-palette-theme-dark-custom
title: Custom theme (dark, url)
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: variable-text
default:
-
id: blur-depth-cp
title: Blur radius
title.zh: 模糊程度
description: To adjust the radius of blur
description.zh: 调整背景壁纸模糊程度
type: variable-number-slider
default: 10
format: px
min: 0
max: 30
step: 1
-
id: brightness-4-bg-cp
title: Brightness
title.zh: 图片亮度
description: To adjust the brightness
description.zh: 调整背景壁纸亮度
type: variable-number-slider
default: 0.9
min: 0.3
max: 1.5
step: 0.1
-
id: saturate-4-bg-cp
title: Saturation
title.zh: 图片饱和度
description: To adjust the saturation
description.zh: 调整背景壁纸饱和度
type: variable-number-slider
default: 1
min: 0
max: 2
step: 0.1
-
id: opacity-cp
title: Opacity
title.zh: 透明度
type: variable-number-slider
default: 0.25
min: 0
max: 1
step: 0.05
-
id: background-settings-markdown-page
title: 1.2.4 File explorer background
title.zh: 1.2.4 文件栏背景
type: heading
level: 3
collapsed: true
-
id: toggle-bg-panel-page
title: Toggle background image
title.zh: 激活文件栏背景
type: class-toggle
default: false
-
id: bg-panel-page-opacity-cp
title: Opacity
title.zh: 透明度
type: variable-number-slider
default: 0.25
min: 0
max: 1
step: 0.05
-
id: bg-panel-page-option
title: Image picking (Light mode)
title.zh: 图片选择 (Light mode)
type: class-select
allowEmpty: false
default: panel-page-bg-theme-ligt-curve
options:
-
label: Curve
value: panel-page-bg-theme-light-curve
-
label: Wall
value: panel-page-bg-theme-light-wall
-
label: Brick
value: panel-page-bg-theme-light-brick
-
label: Cloud
value: panel-page-bg-theme-light-cloud
-
label: Random
value: panel-page-bg-theme-light-random
-
label: Custom
value: panel-page-bg-theme-light-custom
-
id: background-panel-page-theme-light-custom
title: Custom image (Light mode)
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: variable-text
default:
-
id: bg-panel-page-option-dark
title: Image picking (Dark mode)
title.zh: 图片选择 (Dark mode)
type: class-select
allowEmpty: false
default: panel-page-bg-theme-dark-sea
options:
-
label: Sea
value: panel-page-bg-theme-dark-sea
-
label: Plant
value: panel-page-bg-theme-dark-plant
-
label: Curves
value: panel-page-bg-theme-dark-curves
-
label: Bulb
value: panel-page-bg-theme-dark-bulb
-
label: Random
value: panel-page-bg-theme-dark-random
-
label: Custom
value: panel-page-bg-theme-dark-custom
-
id: background-panel-page-theme-dark-custom
title: Custom image (Dark mode)
description: Due to obsidian's policy of not being able to use online images, this configuration is no longer available.
description.zh: 由于obsidian的政策不能使用在线图片此配置已失效。
type: variable-text
default:
-
id: layout-settings
title: 1.3 Layout
title.zh: 1.3 界面布局样式
type: heading
level: 2
collapsed: true
-
id: bt-colorful-titlebar
title: Colorful titlebar
title.zh: 开启顶部多彩标题栏样式
type: class-toggle
default: false
-
id: background-titlebar-inner
title: Titlebar background color
title.zh: 标题栏背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: left-ribbon-style
title: Left ribbon styles
title.zh: 左侧边栏样式选择
type: class-select
allowEmpty: false
default: default-left-ribbon-style
options:
-
label: Fixed
value: default-left-ribbon-style
-
label: Hide to left
value: hide-left-ribbon
-
label: Hide to the left retention drawer
value: hide-left-ribbon-retention-drawer
-
label: Bubble
value: bt-bubble-ribbon
-
label: Bubble, hide to left
value: bt-bubble-ribbon-hide-left
-
id: ribbon-background
title: Left ribbon color
title.zh: 左侧边栏颜色
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: ribbon-background-collapsed
title: Left ribbon color (collapsed)
title.zh: 左侧边栏颜色(关闭时)
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: hide-vault-name
title: Hide vault name
title.zh: 隐藏侧边栏中的库名称
type: class-toggle
default: false
-
id: search-bar-style-option
title: Search bar style
title.zh: 文件内搜索栏位置
type: class-select
allowEmpty: false
default: default-search-bar
options:
-
label: Default
value: default-search-bar
-
label: Bottom
value: bt-search-bar-bottom
-
id: bt-status-on
title: Fullwidth status bar
title.zh: 开启全宽状态栏
type: class-toggle
default: false
-
id: scrollbar-style-option
title: Scrollbar style
title.zh: 滚动条样式
type: class-select
allowEmpty: false
default: default-scrollbar
options:
-
label: Default
value: default-scrollbar
-
label: Hovering (adapted from @subframe7536's css snippet)
value: hover-scrollbars
-
label: Remove Scrollbar
value: remove-scrollbars
-
label: Obsidian default
value: native-scrollbars
-
id: scrollbar-thumb-bg
title: Scrollbar thumb background
title.zh: 滚动条滑块颜色
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: scrollbar-active-thumb-bg
title: Scrollbar thumb background (Active)
title.zh: 滚动条滑块颜色 (选择时)
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: view-button-front
title: The view status button is placed in front of the header
title.zh: 视图切换按钮放置在文章标题前面
type: class-toggle
default: false
-
id: tab-title-bar-position
title: The tab title bar positioned to the left
title.zh: Tab 导航栏位置放置左侧
type: class-toggle
default: false
-
id: toggle-divider-lines
title: Toggle non-divided-line style
title.zh: 无分割线样式
type: class-toggle
default: false
-
id: toggle-header-bottom-line
title: Toggle non-divided-line header box
title.zh: 无分割线文件标题框
type: class-toggle
default: false
-
id: layout-style-options
title: Layout styles
title.zh: 界面布局样式选择
type: class-select
allowEmpty: false
default: layout-style-options-default
options:
-
label: Default
value: layout-style-options-default
-
label: Rectangle
value: layout-style-options-rectangle
-
label: Asymmetric Style of Split Panes
value: asymmetric-split-left
-
label: Bubble
value: bt-bubble-layout
-
id: bt-bubble-settings
title: 1.3.1 Bubble settings
title.zh: 1.3.1 Bubble设置
type: heading
level: 3
collapsed: false
-
id: bt-bubble-not-file-tree
title: Enable card format for file browser
type: class-toggle
-
id: bt-bubble-layout-hide-borders
title: Remove borders of bubbles
type: class-toggle
-
id: bt-bubble-buttons
title: Toggle bubble buttons
type: class-toggle
-
id: bt-bubble-layout-padding
title: Bubble padding
type: variable-text
default: 8px
-
id: bt-bubble-radius
title: Bubble radius
type: variable-text
default: 15px
-
id: background-settings
title: 2. Detail settings
title.zh: 2. 细节设置
type: heading
level: 1
collapsed: false
-
id: color-settings
title: 2.1 Color settings
title.zh: 2.1 颜色设置
type: heading
level: 2
collapsed: true
-
id: text-normal
title: Main text color
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: background-color-settings
title: 2.1.1 Background colors
title.zh: 2.1.1 背景颜色设置
type: heading
level: 3
collapsed: true
-
id: background-primary-bg-4-bt
title: Background primary
description: background-primary-bg-4-bt
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-primary-alt-bg-4-bt
title: Background primary (alt)
description: background-primary-alt-bg-4-bt
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-secondary-bg-4-bt
title: Background secondary
description: background-secondary-bg-4-bt
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-secondary-alt-bg-4-bt
title: Background secondary (alt)
description: background-secondary-alt-bg-4-bt
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-modifier-border
title: Background modifier border
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: accent-color-settings
title: 2.1.2 Theme colors
title.zh: 2.1.2 主题色设置
type: heading
level: 3
collapsed: true
-
id: interactive-accent
title: Theme color
title.zh: 主题色
description: interactive-accent
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: other-color-settings
title: 2.1.3 Other colors
title.zh: 2.1.3 其他颜色
type: heading
level: 3
collapsed: true
-
id: accent-strong
title: Bold type color
title.zh: 加粗颜色
description: --accent-strong
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: accent-em
title: Italic type color
title.zh: 斜体颜色
description: --accent-em
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: strong-em-color-1
title: Bold italic color 1
title.zh: 加粗斜体颜色 1
description: --strong-em-color-1
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: strong-em-color-2
title: Bold italic color 2
title.zh: 加粗斜体颜色 2
description: --strong-em-color-2
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: mjx-inline-math-color
title: Color of mathematical expressions (inline $x=0$)
title.zh: 数学表达式颜色(行内 $x=0$)
type: variable-themed-color
description: --mjx-inline-math-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: mjx-math-color
title: Color of mathematical expressions ($$x=0$$)
title.zh: 数学表达式颜色($$x=0$$)
description: --mjx-math-color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-leaf-resize-handle
title: Color of leaf resize handle
title.zh: 页面大小调整条颜色
description: --background-leaf-resize-handle
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: mjx-inline-math-color
title: Color of mathematical expressions (inline $x=0$)
title.zh: 数学表达式颜色(行内 $x=0$)
description: --mjx-inline-math-color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: search-result-file-matched-bg
title: File search result highlight color
title.zh: 文件搜索结果高亮
description: --search-result-file-matched-bg
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: text-search-highlight-bg
title: Text search result highlight color
title.zh: 文本搜索结果高亮
description: --text-search-highlight-bg
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: text-selection
title: Text selection background
title.zh: 鼠标划选文字背景
description: --text-selection
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: remove-selectionbackground
title: Toggle selection background (Non-text part)
title.zh: 还原鼠标划选时非文字部分背景颜色
type: class-toggle
default: false
-
id: status-bar-bg
title: Status bar background
title.zh: 状态栏颜色
description: --status-bar-bg
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: status-bar-text-color
title: Status bar text color
title.zh: 状态栏文字颜色
description: --status-bar-text-color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: icon-color-focused
title: Focused icon color
title.zh: 激活按钮的图标颜色
description: --icon-color-focused
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: divider-color
title: Divider color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tab-outline-color
title: Tab outline color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-view-color-settings
title: 2.1.4 Graph-view colors
title.zh: 2.1.4 图谱颜色
type: heading
level: 3
collapsed: true
-
id: graph-canvas-bg
title: Graph-view canvas background
title.zh: 图谱背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-text-color
title: Graph-view text color
title.zh: 图谱文字颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-line
title: Graph-view line color
title.zh: 图谱线条颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-line-fill-highlight
title: Graph-view line highlight color (Hovering)
title.zh: 图谱线条激活颜色(鼠标悬浮)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-arrow
title: Graph-view arrow color
title.zh: 图谱箭头颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-circle-outline
title: Graph-view circle outline color
title.zh: 图谱圆点轮廓颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-circle
title: Graph-view normal circle color
title.zh: 图谱圆点颜色(默认)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-tag
title: Graph-view circle color (Tag)
title.zh: 图谱圆点颜色(标签)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-unresolved
title: Graph-view circle color (Unresolved)
title.zh: 图谱圆点颜色(未创建)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-attach
title: Graph-view circle color (Attachment)
title.zh: 图谱圆点颜色(附件)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-control-bg
title: Graph-view settings background color
title.zh: 图谱设置面板背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-circle-fill-highlight
title: Graph-view circle highlight color (Hovering)
title.zh: 图谱圆点激活颜色(鼠标悬浮)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: font-settings
title: 2.2 Typography
title.zh: 2.2 排版
type: heading
level: 2
collapsed: true
-
id: font-settings
title: 2.2.1 Font family
title.zh: 2.2.1 字体设置
type: heading
level: 3
collapsed: true
-
id: font-family-change-to-default
title: Use Obsidian default font family
title.zh: 使用Obsidian默认字体
type: class-toggle
default: false
-
id: font-text-theme
title: Main font
title.zh: 主体字体
description: Fonts except from the code texts
description.zh: 除代码框外字体
type: variable-text
default: "Bookerly,'Inter', 'Segoe UI','霞鹜文楷 GB', 'LXGW WenKai', 'Segoe UI Emoji',var(--font-interface)"
-
id: font-family-folder-file-title
title: Folder & file title
title.zh: 文件栏字体
type: variable-text
default: "Arlrdbd, 'Source Han Sans', 'Noto Sans CJK', 'Source Sans Pro', 'Segoe UI Emoji', sans-serif"
-
id: font-monospace-theme
title: Codebox
title.zh: 代码框字体
type: variable-text
default: "'JetBrains Mono', Consolas, Monaco, '等距更纱黑体 SC', 'Source Han Mono', 'Microsoft Yahei Mono', 'Segoe UI Emoji', 'Microsoft YaHei', 'Source Code Pro', monospace"
-
id: font-family-inline-code
title: Inline code
title.zh: 行内代码字体
type: variable-text
default: var(--font-monospace-override), var(--font-monospace-theme)
-
id: font-family-tag
title: Tag
title.zh: 标签字体
type: variable-text
default: "Bookerly, 'Microsoft YaHei', STzhongsong, STSong, 'Segoe UI Emoji', Serif"
-
id: font-family-strong
title: Bold text
title.zh: 加粗文字字体
type: variable-text
default: "Bookerly,'Inter', 'Segoe UI', 'LXGW WenKai Screen', 'LXGW WenKai Screen R', '霞鹜文楷 GB', 'LXGW WenKai', 'Segoe UI Emoji', var(--font-interface)"
-
id: font-weight-strong
title: Bold text font weight
title.zh: 加粗文字样式
description: type 'light, normal, bold, bolder; or 100-900'
type: variable-text
default: bold
-
id: font-family-em
title: Italic text
title.zh: 斜体文字字体
type: variable-text
default: "var(--font-text-theme)"
-
id: font-style-em
title: Italic text style
title.zh: 斜体文字样式
description: typy normal or italic
type: variable-text
default: italic
-
id: font-family-vault
title: Vault name
title.zh: 库名字体
type: variable-text
default: "'Lucida Handwriting', 'Segoe UI Emoji'"
-
id: font-size-settings
title: 2.2.2 Font size
title.zh: 2.2.2 字体大小
type: heading
level: 3
collapsed: true
-
id: font-size-vault-name
title: Vault name
title.zh: 库名称大小
type: variable-text
default: 0.95em
-
id: font-size-file-header-title
title: File header
title.zh: 文件抬头标题
type: variable-text
default: 0.9375em
-
id: font-size-folder-and-file
title: Folder and file
title.zh: 左侧边栏文件字体大小
type: variable-text
default: 0.85em
-
id: font-size-outline
title: Outline font size
title.zh: 大纲字体大小
type: variable-text
default: 13px
-
id: font-size-code
title: Codeblock
title.zh: 代码框字体大小
type: variable-text
default: 1em
-
id: font-size-latex
title: Mathematical expressions
title.zh: 数学公式字体大小
type: variable-text
default: 1em
-
id: header-settings
title: 2.2.3 Headers
title.zh: 2.2.3 文内标题H1-H6
type: heading
level: 3
collapsed: true
-
id: clutter-free-headings
title: Clutter free headings
title.zh: 编辑状态使用H1 H2 替代「#」(显示标题级别)
description: Adapted from https://github.com/deathau/obsidian-snippets/blob/main/clutter-free-headings.css
type: class-toggle
default: false
-
id: funny-header-anim
title: Funny header animation in live preview
title.zh: 编辑模式标题动画
description: Adapted from https://cdn.discordapp.com/attachments/702656734631821413/1007258862606352424/FunnyHeaderAnimLP.css @sailKite
type: class-toggle
default: false
-
id: remove-heading-indicator
title: Remove H1-H6 Indicators before headings when hovering
title.zh: 移除鼠标悬浮时标题前的H1-H6
type: class-toggle
default: false
-
id: retain-header-color
title: Retain header color
title.zh: 保留标题颜色
description: Retain original color of headers when using italic, bold or bold italic within headers
type: class-toggle
default: false
-
id: h1-settings
title: 2.2.3.1 Header 1
type: heading
level: 4
collapsed: true
-
id: print-h1-color
title: Header 1 color
title.zh: 标题 1 颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h1-size
title: Header 1 size
title.zh: 标题 1 字体大小
type: variable-text
default: 1.5625em
-
id: h1-font
title: Header 1 font family
title.zh: 标题 1 字体
type: variable-text
default: ""
-
id: h1-toggle-underline
title: Toggle h1 underline
title.zh: 开启h1下划线
type: class-toggle
default: false
-
id: h1-underline-width
title: Header 1 underline width
title.zh: 下划线宽度
type: variable-text
default: 2px
-
id: h1-underline-style
title: Header 1 underline style
title.zh: 标题 1 下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: h1-underline-color
title: Header 1 underline color
title.zh: 标题 1 下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h1-toggle-short-underline
title: Toggle h1 underline (Shorter)
title.zh: 开启h1下划线 (短线)
type: class-toggle
default: false
-
id: header-1-background
title: Toggle h1 Background
title.zh: 开启h1背景颜色
type: class-toggle
default: false
-
id: h1-bg-color
title: h1 bg
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h1-weight
title: h1 font weight
type: variable-text
default: bold
-
id: h1-line-height
title: Header 1 line height
title.zh: 标题 1 行高
type: variable-number
default: 1.2
-
id: h1-text-align-settings
title: h1 Text-align
title.zh: h1 位置
type: class-select
allowEmpty: false
default: h1-text-align-start
options:
-
label: Default (Left/Start)
value: h1-text-align-start
-
label: Center
value: h1-text-align-center
-
label: Right/End
value: h1-text-align-end
-
id: h2-settings
title: 2.2.3.2 Header 2
type: heading
level: 4
collapsed: true
-
id: print-h2-color
title: Header 2 color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h2-size
title: Header 2 size
title.zh: 标题 2 字体大小
type: variable-text
default: 1.4375em
-
id: h2-font
title: Header 2 font family
title.zh: 标题 2 字体
type: variable-text
default: ""
-
id: h2-toggle-underline
title: toggle h2 underline
title.zh: 开启h2下划线
type: class-toggle
default: false
-
id: h2-underline-width
title: Header 2 underline width
title.zh: 下划线宽度
type: variable-text
default: 1px
-
id: h2-underline-style
title: Header 2 underline style
title.zh: 标题 2 下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: h2-underline-color
title: Header 2 underline color
title.zh: 标题 2 下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h2-toggle-short-underline
title: Toggle h2 underline (Shorter)
title.zh: 开启h2下划线 (短线)
type: class-toggle
default: false
-
id: header-2-background
title: Toggle h2 background
title.zh: 开启h2背景颜色
type: class-toggle
default: false
-
id: h2-bg-color
title: h2 background color
title.zh: 标题 2 背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h2-weight
title: h2 font weight
title.zh: 标题 2 字重
type: variable-text
default: bold
-
id: h2-text-align-settings
title: h2 text-align
title.zh: h2 位置
type: class-select
allowEmpty: false
default: h2-text-align-start
options:
-
label: Default (Left/Start)
value: h2-text-align-start
-
label: Center
value: h2-text-align-center
-
label: Right/End
value: h2-text-align-end
-
id: h3-settings
title: 2.2.3.3 Header 3
type: heading
level: 4
collapsed: true
-
id: print-h3-color
title: Header 3 color
title.zh: 标题 3 颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h3-size
title: Header 3 size
title.zh: 标题 3 字体大小
type: variable-text
default: 1.3125em
-
id: h3-font
title: Header 3 font family
title.zh: 标题 3 字体
type: variable-text
default: ""
-
id: h3-toggle-underline
title: toggle h3 underline
title.zh: 开启h3下划线
type: class-toggle
default: false
-
id: h3-underline-width
title: Header 6 underline width
title.zh: 下划线宽度
type: variable-text
default: 1px
-
id: h3-underline-style
title: Header 3 underline style
title.zh: 标题 3 下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: h3-underline-color
title: Header 3 underline color
title.zh: 标题 3 下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h3-toggle-short-underline
title: Toggle h3 underline (Shorter)
title.zh: 开启h3下划线 (短线)
type: class-toggle
default: false
-
id: header-3-background
title: Toggle h3 Background
title.zh: 开启h3背景颜色
type: class-toggle
default: false
-
id: h3-bg-color
title: h3 background color
title.zh: 标题 3 背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h3-weight
title: h3 font weight
title.zh: 标题 3 字重
type: variable-text
default: bold
-
id: h3-text-align-settings
title: h3 text-align
title.zh: h3 位置
type: class-select
allowEmpty: false
default: h3-text-align-start
options:
-
label: Default (Left/Start)
value: h3-text-align-start
-
label: Center
value: h3-text-align-center
-
label: Right/End
value: h3-text-align-end
-
id: h4-settings
title: 2.2.3.4 Header 4
type: heading
level: 4
collapsed: true
-
id: print-h4-color
title: Header 4 color
title.zh: 标题 4 颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h4-size
title: Header 4 size
title.zh: 标题 4 字体大小
type: variable-text
default: 1.1875em
-
id: h4-font
title: Header 4 font family
title.zh: 标题 4 字体
type: variable-text
default: ""
-
id: h4-toggle-underline
title: toggle h4 underline
title.zh: 开启H4下划线
type: class-toggle
default: false
-
id: h4-underline-width
title: Header 4 underline width
title.zh: 下划线宽度
type: variable-text
default: 1px
-
id: h4-underline-style
title: Header 4 underline style
title.zh: 标题 4 下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: h4-underline-color
title: Header 4 underline color
title.zh: 标题 4 下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h4-toggle-short-underline
title: Toggle h4 underline (Shorter)
title.zh: 开启h4下划线 (短线)
type: class-toggle
default: false
-
id: header-4-background
title: Toggle h4 Background
title.zh: 开启h4背景颜色
type: class-toggle
default: false
-
id: h4-bg-color
title: h4 background color
title.zh: 标题 4 背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h4-weight
title: h4 font weight
title.zh: 标题 4 字重
type: variable-text
default: bold
-
id: h4-text-align-settings
title: h4 text-align
title.zh: h4 位置
type: class-select
allowEmpty: false
default: h4-text-align-start
options:
-
label: Default (Left/Start)
value: h4-text-align-start
-
label: Center
value: h4-text-align-center
-
label: Right/End
value: h4-text-align-end
-
id: h5-settings
title: 2.2.3.5 Header 5
type: heading
level: 4
collapsed: true
-
id: print-h5-color
title: Header 5 color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h5-size
title: Header 5 size
title.zh: 标题 5 字体大小
type: variable-text
default: 1.0625em
-
id: h5-font
title: Header 5 font family
title.zh: 标题 5 字体
type: variable-text
default: ""
-
id: h5-toggle-underline
title: toggle h5 underline
title.zh: 开启H5下划线
type: class-toggle
default: false
-
id: h5-underline-width
title: Header 5 underline width
title.zh: 下划线宽度
type: variable-text
default: 1px
-
id: h5-underline-style
title: Header 5 underline style
title.zh: 标题 5 下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: h5-underline-color
title: Header 5 underline color
title.zh: 标题 5 下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h5-toggle-short-underline
title: Toggle h5 underline (Shorter)
title.zh: 开启H5下划线 (短线)
type: class-toggle
default: false
-
id: header-5-background
title: Toggle h5 Background
title.zh: 开启h5背景颜色
type: class-toggle
default: false
-
id: h5-bg-color
title: h5 background color
title.zh: 标题 5 背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h5-weight
title: h5 font weight
title.zh: 标题 5 字重
type: variable-text
default: bold
-
id: h5-text-align-settings
title: h5 text-align
title.zh: h5 位置
type: class-select
allowEmpty: false
default: h5-text-align-start
options:
-
label: Default (Left/Start)
value: h5-text-align-start
-
label: Center
value: h5-text-align-center
-
label: Right/End
value: h5-text-align-end
-
id: h6-settings
title: 2.2.3.6 Header 6
type: heading
level: 4
collapsed: true
-
id: print-h6-color
title: Header 6 color
title.zh: 标题 6 颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h6-size
title: Header 6 size
title.zh: 标题 6 字体大小
type: variable-text
default: 1em
-
id: h6-font
title: Header 6 font family
title.zh: 标题 6 字体
type: variable-text
default: ""
-
id: h6-toggle-underline
title: Toggle h6 underline
title.zh: 开启h6下划线
type: class-toggle
default: false
-
id: h6-underline-width
title: Header 6 underline width
title.zh: 下划线宽度
type: variable-text
default: 1px
-
id: h6-underline-style
title: Header 6 underline style
title.zh: 标题 6 下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: h6-underline-color
title: Header 6 underline color
title.zh: 标题 6 下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h6-toggle-short-underline
title: Toggle h6 underline (Shorter)
title.zh: 开启h6下划线 (短线)
type: class-toggle
default: false
-
id: header-6-background
title: Toggle h6 background
title.zh: 开启h6背景颜色
type: class-toggle
default: false
-
id: h6-bg-color
title: h6 background color
title.zh: 标题 6 背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: h6-weight
title: h6 font weight
title.zh: 标题 6 字重
type: variable-text
default: bold
-
id: h6-text-align-settings
title: h6 text-align
title.zh: h6 位置
type: class-select
allowEmpty: false
default: h6-text-align-start
options:
-
label: Default (Left/Start)
value: h6-text-align-start
-
label: Center
value: h6-text-align-center
-
label: Right/End
value: h6-text-align-end
-
id: other-typography-settings
title: 2.2.4 Other typography settings
title.zh: 2.2.4 其他排版设置
type: heading
level: 3
collapsed: true
-
id: file-line-width
title: Line width (in the mode of 'readable line length')
title.zh: 行宽(缩减栏宽模式下)
description: The maximum line width in rem units (1rem = Body font size)
type: variable-number
default: 45
format: rem
-
id: line-height-main
title: Line height
title.zh: 行间距
type: variable-number
default: 1.5
-
id: toggle-paragraph-spacing
title: Toggle paragraph spacing in reading mode
title.zh: 开启阅读模式段间距
description.zh: 开启后对多个<br>标记不再生效
type: class-toggle
default: false
-
id: paragraph-spacing
title: Paragraph spacing
title.zh: 段间距
type: variable-number-slider
default: 1
min: 0
max: 2
step: 0.1
-
id: letter-space-main
title: Letter spacing
title.zh: 字间距
type: variable-number-slider
default: 0
min: 0
max: 2
step: 0.1
-
id: text-indentation-two-em
title: Slight indentation of the first line
title.zh: 段落首行缩进
description.zh: 开启全局生效,单独生效只需要在,笔记yaml声明cssclassindent。阅读模式缩进效果需要安装Contextual Typography插件
description: Enable global effect, local effect only need to declare "cssclassindent" in the YAML area. Contextual Typography plugin needs to be installed in Reading mode.
type: class-toggle
default: false
addCommand: true
-
id: justify-align
title: Alignment of both ends
title.zh: 段落两端对齐
description.zh: 开启全局生效,单独生效只需要在,笔记yaml声明cssclasstext-justify。
description: Enable global effect, local effect only need to declare "cssclasstext-justify" in the YAML area.
type: class-toggle
default: false
addCommand: true
-
id: reduce-bottom-padding
title: Reduce padding bottom of pages
title.zh: 缩减笔记下方预留空白大小
type: class-toggle
default: false
-
id: bottom-padding-value
title: Adjust padding bottom of pages
title.zh: 调整笔记下方预留空白大小
type: variable-text
default: 0em
-
id: toggle-left-aligned-content
title: Toggle Left-aligned note content
title.zh: 开启笔记内容居左
description.zh: 开启后内容整体居左,而不是默认居中
description: Left-aligned content when turned on, instead of centered by default
type: class-toggle
default: false
-
id: other-typography-settings
title: 2.2.5 *.md file in split pane
title.zh: 2.2.5 侧面拆分面板中的md文件
type: heading
level: 3
collapsed: true
-
id: font-size-split
title: Font size
title.zh: 字体大小
type: variable-text
default: 0.85em
-
id: line-height-split
title: Line height
title.zh: 行间距
type: variable-number
default: 1.3
-
id: default-split-style
title: Toggle default style
title.zh: 切换默认样式
type: class-toggle
default: false
-
id: inline-title-settings
title: 2.2.6 Inline title
title.zh: 2.2.6 页面内标题
type: heading
level: 3
collapsed: true
-
id: inline-title-font
title: Inline title font
title.zh: 页面内文件名字体
type: variable-text
default: ""
-
id: inline-title-color
title: Inline title color
title.zh: 页面内标题颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: inline-title-size
title: Inline title size
title.zh: 页面内标题字体大小
type: variable-text
default: 1.5625em
-
id: inline-title-line-height
title: Inline title line height
title.zh: 页面内标题行间距
type: variable-number
default: 1.2
-
id: inline-title-weight
title: Inline title weight
title.zh: 页面内标题字重
type: variable-text
default: "700"
-
id: inline-title-toggle-underline
title: Toggle underline
title.zh: 开启页面内标题下划线
type: class-toggle
default: false
-
id: inline-title-underline-width
title: Inline title underline width
title.zh: 页面内标题下划线宽度
type: variable-text
default: 2px
-
id: inline-title-underline-style
title: Inline title underline style
title.zh: 页面内标题下划线样式
description: solid, double, dotted, dashed, groove, ridge
type: variable-text
default: solid
-
id: inline-title-underline-color
title: Inline title underline color
title.zh: 页面内标题下划线颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: inline-title-toggle-short-underline
title: Toggle underline (Shorter)
title.zh: 开启页面内标题下划线 (短线)
type: class-toggle
default: false
-
id: toggle-inline-title-background
title: Toggle inline title background
title.zh: 开启页面内标题背景颜色
type: class-toggle
default: false
-
id: inline-title-bg-color
title: Inline title background color
title.zh: 页面内标题背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: inline-title-text-align-settings
title: Inline title text-align
title.zh: 页面内标题位置
type: class-select
allowEmpty: false
default: inline-title-text-align-start
options:
-
label: Default (Left/Start)
value: inline-title-text-align-start
-
label: Center
value: inline-title-text-align-center
-
label: Right/End
value: inline-title-text-align-end
-
id: style-change-options
title: 2.3 Element styles
title.zh: 2.3 其他元素样式
type: heading
level: 2
collapsed: true
-
id: activeline-background
title: Active line background color
title.zh: 所在行高亮颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: muted-activeline-bg
title: Mute active line
title.zh: 取消所在行高亮
type: class-toggle
default: false
-
id: plain-file-title
title: Remove colorful background of active file title
title.zh: 取消激活文件标题的彩色背景
description: Make it austere
type: class-toggle
default: false
-
id: title-justify-start
title: Toggle title navigation bar position to left
title.zh: 标题导航栏左对齐
type: class-toggle
default: false
-
id: fancy-hr-folder
title: 2.3.1 Dividing line (Horizontal ruler, hr, ---)
title.zh: 2.3.1 分割线hr---
type: heading
level: 3
collapsed: true
-
id: fancy-hr
title: Fancy Dividing line (Horizontal ruler, hr, ---)
title.zh: 装饰性分割线hr---
type: class-select
allowEmpty: false
default: default-hr
options:
-
label: Default
value: default-hr
-
label: with icons
value: fancy-hr-icon
-
label: without icons
value: fancy-hr-no-icon
-
label: with Numbers
value: fancy-hr-number
-
id: fancy-hr-folder-icon
title: 2.3.1.1 w/ icons
title.zh: 2.3.1.1 有图标的hr
type: heading
level: 4
collapsed: true
-
id: hr-color-icon-1
title: Line color 1
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-icon-2
title: Line color 2
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-icon-3
title: Line color 3
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-icon-4
title: Line color 4
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: fancy-hr-icon
title: Centre icon
title.zh: 分割线中间图标
description: Do not remove the quotes
description.zh: 保留引号
type: variable-text
default: "'😀'"
-
id: fancy-hr-rotate
title: Degree of icon rotation
title.zh: 图标旋转角度
type: variable-number
default: 0
format: deg
-
id: fancy-hr-folder-no-icon
title: 2.3.1.2 w/o icons
title.zh: 2.3.1.2 没有图标的hr
type: heading
level: 4
collapsed: true
-
id: hr-color-1
title: hr-color-1
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-2
title: hr-color-2
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-3
title: hr-color-3
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-4
title: hr-color-4
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: fancy-hr-folder-with-number
title: 2.3.1.3 w/ numbers
title.zh: 2.3.1.3 带数字的hr
type: heading
level: 4
collapsed: true
-
id: hr-color-numbers-line-1
title: Line color 1
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-numbers-line-2
title: Line color 2
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-numbers-line-3
title: Line color 3
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-numbers-line-4
title: Line color 4
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-numbers-color
title: Number color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-color-numbers-bg-color
title: Number background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hollow-number
title: Toggle hollow numbers
title.zh: 切换空心数字
type: class-toggle
default: false
-
id: hr-numbers-text-fill
title: Fill color
title.zh: 数字颜色
description: Color inside the numbers
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hr-numbers-text-stroke
title: Stroke color
title.zh: 线条颜色
description: Color of lines drawn around numbers
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: list-style-change-options-folder
title: 2.3.2 List
title.zh: 2.3.2 列表
type: heading
level: 3
collapsed: true
-
id: line-height-list
title: Line height of list
title.zh: 列表行间距
type: variable-number-slider
default: 1.4
min: 1
max: 2
step: 0.1
-
id: list-spacing-bt
title: List Spacing
title.zh: 列表项间距
type: variable-number-slider
default: 1
min: 0
max: 10
step: 0.2
-
id: list-indent
title: List indent
title.zh: 列表缩进间距
type: variable-number-slider
default: 2
format: em
min: 0
max: 6
step: 0.1
-
id: list-style-change-options-folder
title: 2.3.2.1 Unordered list
title.zh: 2.3.2.1 无序列表
type: heading
level: 4
collapsed: true
-
id: colorful-unordered-list
title: Toggle colorful unordered list marker
title.zh: 启用彩色无序列表符号
type: class-toggle
default: false
-
id: unordered-list-style-options
title: Unordered list marker style
title.zh: 无序列表样式
type: class-select
allowEmpty: false
default: bt-default-unordered-list
options:
-
label: Blue Topaz Default
value: bt-default-unordered-list
-
label: Custom
value: custom-unordered-list
-
label: Obsidian default
value: default-list-marker
-
id: options-bt-default
title: 2.3.2.1.1 Options for 'Blue Topaz Default'
type: heading
level: 5
collapsed: true
-
id: list-ul-marker-size
title: Bullet size
title.zh: 符号大小
type: variable-text
default: 1em
-
id: list-ul-marker-color
title: Text color (1st level)
title.zh: 符号颜色(第一层)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: options-for-custom
title: 2.3.2.1.2 Options for 'Custom'
type: heading
level: 5
collapsed: true
-
id: list-ul-marker-1
title: List symbol (1st level)
title.zh: 符号(第一层)
type: variable-text
default: '"\2022"'
-
id: list-ul-marker-size-1
title: Bullet size (1st level)
title.zh: 符号大小(第一层)
type: variable-text
default: 1em
-
id: list-ul-marker-color-1
title: Bullet color (1st level)
title.zh: 符号颜色(第一层)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: list-ul-marker-2
title: List symbol (2nd level)
title.zh: 符号(第二层)
type: variable-text
default: '"\25E6"'
-
id: list-ul-marker-size-2
title: Bullet size (2nd level)
title.zh: 符号大小(第二层)
type: variable-text
default: 1em
-
id: list-ul-marker-color-2
title: Bullet color (2nd level)
title.zh: 符号颜色(第二层)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: list-ul-marker-3
title: List symbol (3rd level)
title.zh: 符号(第三层)
type: variable-text
default: '"\25AA"'
-
id: list-ul-marker-size-3
title: Bullet size (3rd level)
title.zh: 符号大小(第三层)
type: variable-text
default: 1em
-
id: list-ul-marker-color-3
title: Bullet color (3rd level)
title.zh: 符号颜色(第三层)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: list-ul-marker-4
title: List symbol (4th level)
title.zh: 符号(第四层)
type: variable-text
default: '"\25E6"'
-
id: list-ul-marker-size-4
title: Bullet size (4th level)
title.zh: 符号大小(第四层)
type: variable-text
default: 1em
-
id: list-ul-marker-color-4
title: Bullet color (4th level)
title.zh: 符号颜色(第四层)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: list-style-change-options-folder
title: 2.3.2.2 Ordered list
title.zh: 2.3.2.2 有序列表
type: heading
level: 4
collapsed: false
-
id: colorful-ordered-list
title: Toggle colorful ordered list marker
title.zh: 启用彩色有序列表符号
type: class-toggle
default: false
-
id: ordered-list-style-options
title: Ordered List marker style
title.zh: 有序列表样式
type: class-select
allowEmpty: false
default: default-ol-list-marker
options:
-
label: Custom
value: custom-ordered-list
-
label: 1.1.1
value: ordered-list-style-1
-
label: Obsidian default
value: default-ol-list-marker
-
id: list-ol-number-color
title: Number color of ordered list
title.zh: 有序列表数字颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: list-ol-marker-1
title: List symbol (1st level)
title.zh: 有序列表第一层符号
description: 数字decimal小写字母lower-latin小写罗马数字lower-roman
type: variable-text
default: decimal
-
id: list-ol-marker-2
title: List symbol (2nd level)
title.zh: 有序列表第二层符号
description: 数字decimal小写字母lower-latin小写罗马数字lower-roman
type: variable-text
default: lower-latin
-
id: list-ol-marker-3
title: List symbol (3rd level)
title.zh: 有序列表第三层符号
description: 数字decimal小写字母lower-latin小写罗马数字lower-roman
type: variable-text
default: lower-roman
-
id: list-ol-marker-4
title: List symbol (4th level)
title.zh: 有序列表第四层符号
description: 数字decimal小写字母lower-latin小写罗马数字lower-roman
type: variable-text
default: decimal
-
id: list-style-change-options
title: List style in reading view
title.zh: 阅读视图列表样式
type: class-select
allowEmpty: false
default: list-no-border
options:
-
label: Bracket 1
value: list-bracket-style
-
label: Bracket 2 (1.1.1)
value: list-bracket-style-two
-
label: Bracket 3
value: list-bracket-style-three
-
label: Vertical line 1 (1.1.1)
value: list-vertical-line-one
-
label: Using Ob Settings
value: list-no-border
-
id: indentation-line-styles
title: 2.3.2.3 Indentation lines
title.zh: 2.3.2.3 层级线设置
type: heading
level: 4
collapsed: false
-
id: bt-connected-indent-hover
title: Toggle connected indent (Hovering)
title.zh: 启用Connected indent lines鼠标悬浮
description: Inspired from the CSS snippet by KillyMXI (https://gist.github.com/KillyMXI/cbef8edff6dd55d9e6ea4df66567e9b1)
type: class-toggle
default: true
-
id: bt-connected-indent-line-color
title: Connected indent line color (Hovering)
type: variable-themed-color
format: hex
opacity: true
default-light: '#FFA8A8'
default-dark: '#926a6a'
-
id: bt-colorful-connected-indent-hover
title: Toggle colorful indentation lines (Hovering)
title.zh: 启用彩色Connected indent lines鼠标悬浮
type: class-toggle
default: true
-
id: bt-indentation-width-hover
title: Width of indentation lines (Hovering)
title.zh: 层级线宽度 Hovering
type: variable-text
default: 3px
-
id: bt-list-indentation-margin-left-editing
title: Move to right by ?px (Editing)
title.zh: 向右移动 ?px (Editing)
type: variable-text
default: 1px
-
id: indentation-guide-color
title: Inactive line color (Editing)
type: variable-themed-color
format: rgb
opacity: true
default-light: 'rgba(0, 0, 0, 0.06)'
default-dark: 'rgba(255, 255, 255, 0.08)'
-
id: indentation-guide-color-active
title: Active line color (Editing)
type: variable-themed-color
format: rgb
opacity: true
default-light: 'rgba(0, 0, 0, 0.14)'
default-dark: 'rgba(255, 255, 255, 0.17)'
-
id: bt-colorful-indentation-lines-editing
title: Toggle colorful indentation lines (Editing)
title.zh: 启用彩色层级线 (编辑)
type: class-toggle
default: false
-
id: indentation-guide-width
title: Indent line width (Editing)
type: variable-number
default: 1
format: px
-
id: bt-list-indentation-margin-left-reading
title: Move to right by ?px (Reading)
title.zh: 向右移动 ?px (Reading)
type: variable-text
default: 1px
-
id: bt-colorful-indentation-lines
title: Toggle colorful indentation lines (Reading)
title.zh: 启用彩色层级线 (阅读)
type: class-toggle
default: false
-
id: bt-colorful-indentation-line-options
title: Line styles (Reading)
title.zh: 层级线样式 (阅读)
type: class-select
allowEmpty: false
default: default-indentation-line
options:
-
label: Default
value: default-indentation-line
-
label: Gradient
value: bt-indentation-line-gradient
-
label: Image
value: bt-indentation-line-image
-
id: bt-indentation-gradient-color-1
title: Indentation gradient color 1
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: bt-indentation-gradient-color-2
title: Indentation gradient color 2
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: bt-colorful-indentation-width
title: Width of colorful indentation lines (Reading)
title.zh: 彩色层级线宽度 (阅读)
type: variable-text
default: 1px
-
id: folder-style-change-options-folder
title: 2.3.3 Folder
title.zh: 2.3.3 文件夹
type: heading
level: 3
collapsed: true
-
id: file-bg-shape-option
title: File background shape
title.zh: 文件背景形状
type: class-select
allowEmpty: false
default: file-shape-default
options:
-
label: Rectangle
value: file-shape-default
-
label: Rounded Rectangle
value: file-bg-rounded-rectangle
-
label: Pill
value: file-bg-pill
-
id: file-name-style-option
title: File name style
title.zh: 文件名样式
type: class-select
allowEmpty: false
default: file-name-non-wrapped
options:
-
label: Wrapped
value: file-name-wrapped
-
label: Non-wrapped
value: file-name-non-wrapped
-
label: File Name Scrolling When Hovering
value: file-name-animation
-
id: dark-background-file
title: Dark file background
title.zh: 当前文件背景变深
type: class-toggle
default: false
-
id: unmuted-collapsed-folder
title: Unmute collapsed folder
title.zh: 未激活文件夹不再黯淡
description: To normalize opacity of collapsed folder
description.zh: 统一激活/未激活文件夹亮度
type: class-toggle
default: false
-
id: remove-file-icons
title: Remove file icons
title.zh: 移除文件前图标
description: To remove the icons before .md files
description.zh: 移除md文件前图标
type: class-toggle
default: false
-
id: text-folder-file-icon
title: Color of file icons
title.zh: 文件前图标颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: folder-icons
title: Toggle folder icons
title.zh: 激活文件夹图标
type: class-toggle
default: true
-
id: remove-arrow
title: Toggle arrows (Collapse Indicator)
title.zh: 文件夹图标开启后,移除箭头图标(折叠图标)
description: To be effective after toggling the option above
description.zh: 开启上面选项后起效
type: class-toggle
default: true
-
id: remove-first-folder-icon
title: Remove the first-layer folder icons
title.zh: 去除第一层文件夹前图标
type: class-toggle
default: true
-
id: folder-style-change-options-colorful-folder
title: 2.3.3.1 Colorful folder
title.zh: 2.3.3.1 多彩文件夹
type: heading
level: 4
collapsed: false
-
id: bt-toggle-colorful-folder
title: Toggle colorful folders
title.zh: 启用彩色文件夹
type: class-toggle
default: true
-
id: folder-style-change-options-colorful
title: Select folder colorful mode
title.zh: 彩色化类型
type: class-select
allowEmpty: false
default: folder-style-change-options-colorful-tab-liked
options:
-
label: Default non-colorful
value: folder-style-change-options-colorful-default
-
label: folder colorful with "0-9" or "A-Z"
value: folder-style-change-options-colorful
-
label: folder colorful by order
value: folder-style-change-options-colorful-order
-
label: folder title colorful
value: folder-style-change-options-colorful-title
-
label: Tab-liked
value: folder-style-change-options-colorful-tab-liked
-
id: folder-style-change-options-colorful-subfolder
title: Folder color palette
title.zh: 文件夹配色
type: class-select
allowEmpty: false
default: folder-colorful-six
options:
-
label: Style 1 (high transparency)
value: folder-colorful-one
-
label: Style 2 (low transparency)
value: folder-colorful-two
-
label: Style 3
value: folder-colorful-three
-
label: Style 4
value: folder-colorful-four
-
label: Style 5
value: folder-colorful-five
-
label: Style 6
value: folder-colorful-six
-
label: Custom
value: folder-colorful-custom
-
id: folder-colorful-custom-color
title: Custom color of folder
title.zh: 自定义文件夹配色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquote-style-change-options-folder
title: 2.3.4 Blockquote
title.zh: 2.3.4 引用框
type: heading
level: 3
collapsed: true
-
id: blockquote-style-change-options
title: Blockquote
title.zh: 引用框样式
type: class-select
allowEmpty: false
default: blockquote-style-default
options:
-
label: Default
value: blockquote-style-default
-
label: With quotation mark
value: blockquote-style-quotation-mark
-
label: Speech Bubble 1
value: blockquote-style-speech-bubble-one
-
label: Speech Bubble 2
value: blockquote-style-speech-bubble-two
-
label: Outline
value: blockquote-style-outline
-
label: Border left
value: blockquote-style-border-left
-
id: export-pdf-style-folder
title: 2.3.5 Exported PDF style
title.zh: 2.3.5 导出PDF样式
type: heading
level: 3
collapsed: true
-
id: hr-for-pagination
title: Use hr (---) for paging
title.zh: 使用分隔符(---)分页
type: class-toggle
default: false
-
id: all-dark-pdf
title: All dark (Experimental, may or may not be desirable)
description: Export PDF with dark mode color scheme
description.zh: 导出黑暗配色的PDF
type: class-toggle
default: false
-
id: show-url-after-link
title: Print URL after links
title.zh: 显示地址超链接
type: class-toggle
default: false
-
id: print-strong-color
title: Strong color
title.zh: 粗体颜色
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: print-em-color
title: Italic type color
title.zh: 斜体颜色
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: embed-folder
title: 2.3.6 Embeds
title.zh: 2.3.6 嵌入样式
type: heading
level: 3
collapsed: true
-
id: adjustable-embed-content-height
title: Fixed embedded content height
title.zh: 固定嵌入页面高度
type: class-toggle
default: false
-
id: embed-content-height
title: Height of embedded content
title.zh: 嵌入页面高度
description: Switch on the above button to activate
type: variable-number
default: 600
format: px
-
id: naked-embed
title: Transparent embedded background
title.zh: 嵌入背景透明
type: class-toggle
default: false
-
id: hide-embed-title
title: Hide embedded title
title.zh: 隐藏嵌入文档标题
type: class-toggle
default: false
-
id: hide-embed-banner
title: Hide embedded banner
title.zh: 隐藏嵌入文档banner
type: class-toggle
default: false
-
id: embed-hd
title: Hide embedded headers
title.zh: 隐藏嵌入文档中的H1 H2 H3标题
type: class-toggle
default: false
-
id: embed-hover
title: Floating effect of embedded note when hovering
title.zh: 嵌入笔记浮动效果
type: class-toggle
default: false
-
id: table-styles
title: 2.3.7 Table
title.zh: 2.3.7 表格
type: heading
level: 3
collapsed: true
-
id: toggle-table-transition
title: Toggle table zooming effect
title.zh: 移除表格悬浮放大效果
type: class-toggle
default: false
-
id: table-format-options
title: Table format
title.zh: 表格格式
type: class-select
allowEmpty: false
default: default-table
options:
-
label: Defaut table
value: default-table
-
label: Wrapped table (break all)
value: wrapped-table
-
label: Non-wrapped table (limited cell width)
value: no-wrapped-table-cell
-
label: Non-wrapped table
value: no-wrapped-table
-
id: show-border-table
title: Show borders
title.zh: 显示表格框线
type: class-toggle
default: false
-
id: table-width
title: Table width
title.zh: md表格默认宽度
type: class-select
default: table-width-100
options:
-
label: 100%
value: table-width-100
-
label: auto
value: table-width-auto
-
id: full-width-table
title: Full-width table display
title.zh: md表格全宽显示
description: for Reading View, require Contextual Typography plugin
description.zh: 阅读模式下实现效果需要安装Contextual Typography插件
type: class-toggle
default: false
-
id: table-style-options
title: Table Style
title.zh: 表格样式
type: class-select
allowEmpty: false
default: table-style-default
options:
-
label: Default
value: table-style-default
-
label: Style I
value: table-style-one
-
label: Style II
value: table-style-two
-
label: Style III
value: table-style-three
-
id: cloze-style
title: 2.3.8 Cloze style
title.zh: 2.3.8 挖空涂黑
type: heading
level: 3
collapsed: true
-
id: remove-cloze-style
title: Cancel cloze Style
title.zh: 取消挖空涂黑功能
description: In this theme, you can use ==~~your words~~==, *==~~your words~~==* and *~~your words~~* to obtain a cloze-style, active this option to cancel it
description.zh: 当前主题下,使用以下格式可以对文本进行涂黑或挖空 ==~~your words~~==, *==~~your words~~==* 或 *~~your words~~*,激活该选项以取消
type: class-toggle
default: false
-
id: cloze-bg-color
title: Cloze background color
title.zh: 涂黑背景颜色
description: Cloze Style One, i.e. ==~~your words~~==, hovering to find "your words", should declare "cssclasscloze" in the YAML area if you want to use them in the Live Preview mode
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: cloze-decoration
title: Underline decoration style
description: Can type 'solid', 'dotted', 'dashed', 'wavy' or 'double' for Cloze Style One, i.e. ==~~your words~~==, hovering to find "your words", should declare "cssclasscloze" in the YAML area if you want to use them in the Live Preview mode
type: variable-text
default: none
-
id: cloze-decoration-color
title: Underline decoration color
description: For Cloze Style One, i.e. ==~~your words~~==, hovering to find "your words", should declare 'cssclasscloze' in the YAML area if you want to use them in the Live Preview mode
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: cloze-decoration-2
title: Underline decoration style for Cloze style TWO
description: Can type 'solid', 'dotted', 'dashed', 'wavy', 'double' or 'none' for Cloze Style TWO, i.e. *==~~your words~~==*, pressing down the primary mouse button to find "your words", should declare 'cssclasscloze' in the YAML area if you want to use them in the Live Preview mode
type: variable-text
default: dashed
-
id: cloze-decoration-color-2
title: Underline decoration color for Cloze style TWO
description: For Cloze Style TWO, i.e. *==~~your words~~==*, pressing down the primary mouse button to find "your words", should declare 'cssclasscloze' in the YAML area if you want to use them in the Live Preview mode
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: cloze-decoration-3
title: Underline decoration style for Cloze style THREE (*~~your words~~*)
description: Can type 'solid', 'dotted', 'dashed', 'wavy', 'double' or 'none' for Cloze Style THREE, i.e. *~~your words~~*, pressing down the primary mouse button to find "your words", should declare 'cssclasscloze' in the YAML area if you want to use them in the Live Preview mode
type: variable-text
default: dashed
-
id: cloze-decoration-color-3
title: Underline decoration color for Cloze style THREE
description: For Cloze Style THREE, i.e. *~~your words~~*, pressing down the primary mouse button to find "your words", should declare 'cssclasscloze' in the YAML area if you want to use them in the Live Preview mode
type: variable-themed-color
opacity: false
format: hex
default-light: '#'
default-dark: '#'
-
id: link-style
title: 2.3.9 Links
title.zh: 2.3.9 链接
type: heading
level: 3
collapsed: true
-
id: link-underline-internal
title: Toggle internal link underline
title.zh: 开启内部链接下划线(默认:无)
type: class-toggle
default: false
-
id: link-underline-external
title: Disable external link underline
title.zh: 关闭外部链接下划线(默认:有)
type: class-toggle
default: false
-
id: link-underline-unresolved
title: Toggle unresolved link underline
title.zh: 开启未创建链接下划线(默认:有)
type: class-toggle
default: false
-
id: colorful-link-animation
title: Toggle colorful link background (hovering)
title.zh: 开启彩色链接背景颜色 (鼠标悬浮时)
type: class-toggle
default: false
-
id: internal-link-color
title: Internal link color
title.zh: 内链颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: remove-external-link-icon
title: Toggle icon after external link
title.zh: 去除外部链接后面的图标
type: class-toggle
default: false
-
id: external-link-color
title: External link color
title.zh: 外链颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: default-unresolved-link
title: Toggle default unresolved link color
title.zh: 使用默认的未创建链接颜色
type: class-toggle
default: false
-
id: unresolved-link
title: Unresolved Link Color
title.zh: 未创建链接颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: link-click
title: Cancel click the link to trigger auto-jump
title.zh: 取消编辑模式下点击链接自动跳转
type: class-toggle
default: false
description: You can click on the link by holding down the ctrl key to jump
description.zh: 可以通过按住ctrl键点击链接跳转
-
id: cursor-style-folder
title: 2.3.10 Cursor
title.zh: 2.3.10 输入光标
type: heading
level: 3
collapsed: true
-
id: cursor-color
title: Cursor color
title.zh: 光标颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: checkbox-style-folder
title: 2.3.11 Checkbox
title.zh: 2.3.11 勾选框
type: heading
level: 3
collapsed: true
-
id: circular-checkbox
title: Circular checkbox
title.zh: 圆形勾选框
type: class-toggle
default: false
-
id: toggle-checked-decoration
title: Add strikethrough for checked items
title.zh: 添加完成任务时的删除线
type: class-toggle
default: false
-
id: checklist-done-color
title: Checked text color
title.zh: 完成任务的文字颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: checkbox-size
title: Checkbox Size
title.zh: 勾选框大小
type: variable-text
default: 1rem
-
id: unmute-checkbox-animation
title: Deactivate checkbox animation
title.zh: 取消勾选框摇摆动画
type: class-toggle
default: false
-
id: extend-checkbox-list
title: Extend checkbox list (unavailable)
title.zh: 扩充勾选框类型 (不可用)
type: class-toggle
default: false
-
id: icons-style-folder
title: 2.3.12 Icons
title.zh: 2.3.12 图标
type: heading
level: 3
collapsed: true
-
id: remove-custom-svg-icons
title: Toggle default icons
title.zh: 还原默认图标
type: class-toggle
default: false
-
id: default-icons
title: Toggle default collapse icons
title.zh: 还原折叠图标
type: class-toggle
default: false
-
id: enable-icon-anima
title: Enable clickable-icons' hovering animation
title.zh: 开启按钮图标的鼠标悬浮动画效果
description.zh: 是否开启图标背景动画以及图标悬浮动画效果
type: class-toggle
default: false
-
id: icons-style-folder
title: 2.3.13 Images
title.zh: 2.3.13 图片
type: heading
level: 3
collapsed: true
-
id: image-zoom
title: Deactivate image zooming
title.zh: 取消点击图片放大效果
type: class-toggle
default: false
-
id: obsidian-default-image
title: Obsidian default image position
title.zh: Obsidian默认图片位置
type: class-toggle
default: false
-
id: image-max-width
title: Image max-width
title.zh: 图片最大宽度
type: variable-text
default: 100%
-
id: image-border
title: Image borders
title.zh: 图片添加边框
type: class-toggle
default: false
-
id: icons-style-folder-1
title: Intro to basic image position
title.zh: 基本图片位置简介
description: You can add 🔸|Left (can also use `left`, `LEFT` or `L` to replace the `Left` before), 🔸|Right (right/RIGHT/R) and 🔸|Inline (inline/INLINE/inl/INL/Inl) 🔸|Centre/Center (CENTRE/CENTER/centre/center/C) (the “centre” one is for the “Obsidian Default Image Position above only, because Topaz's default image position is in the centre) into a image format to adjust the image position, e.g. ![[*.jpg|L]], ![[*.png|Right|200]] and ![|inl](...*.jpg)
description.zh: 在图片格式里添加 🔸|Left (can also use `left`, `LEFT` or `L` to replace the `Left` before), 🔸|Right (right/RIGHT/R) and 🔸|Inline (inline/INLINE/inl/INL/Inl) 🔸|Centre/Center (CENTRE/CENTER/centre/center/C) (这个选项只在开启 “Obsidian默认图片位置” 后生效因为Topaz默认图片位置就是居中) 来改变图片位置, e.g. ![[*.jpg|L]], ![[*.png|Right|200]] and ![|inl](...*.jpg)
type: heading
level: 4
collapsed: true
-
id: icons-style-folder-2
title: Intro to image caption
title.zh: 图片标题介绍
description: You can add 🔸#Left|your captions (can also use `left`, `LEFT` or `L` to replace the `Left`), 🔸#Right (or right/RIGHT/R)|your captions, 🔸#center/centre (CENTRE/CENTER/Center/Centre/C) |your captions and 🔸#inl (Inline/INLINE/inline/INL/Inl) |your captions into a image format to adjust the image position with a image caption, e.g. ![[*.jpg#left|Figure 1]], ![[*.png#right|Figure 2|200]], ![[*.jpg#centre|Figure 3]] and ![[*.jpg#inl|Figure 4|100]]
description.zh: 在图片格式里添加 🔸#left (can also use `left`, `LEFT` or `L` to replace the `Left`) |your captions, 🔸#right (or right/RIGHT/R) |your captions, 🔸#center/centre (CENTRE/CENTER/Center/Centre/C) |your captions and 🔸#inl (Inline/INLINE/inline/INL/Inl) |your captions 来改变图片位置,并添加图片标题, e.g. ![[*.jpg#left|Figure 1]], ![[*.png#right|Figure 2|200]], ![[*.jpg#C|Figure 3]] and ![[*.jpg#inl|Figure 4|100]]
type: heading
level: 4
collapsed: true
-
id: icons-style-folder-3
title: Intro to image grid
title.zh: 图片横排介绍
description: You can add 🔸|+grid into some images to grid these images in a line, e.g. ![[*.jpg|+grid]] Or type ❗cssclassimg-grid❗ in YAML to make images arrange in a grid in the preview mode. require Contextual Typography plugin
description.zh: 在图片格式里添加 🔸|+grid 使复数的图片排成一行, e.g. ![[*.jpg|+grid]] 。或者在YAML种输入 ❗cssclassimg-grid❗最好安装 Contextual Typography 插件实现更好的并排效果
type: heading
level: 4
collapsed: false
-
id: img-grid
title: Enable global image grid
title.zh: 开启全局图片横排显示
description: Enable the Contextual Typography plugin to control side-by-side images via blank lines
description.zh: 开启后不需要在笔记上方声明cssclassimg-grid通过图片空行控制是否并排
type: class-toggle
default: false
-
id: loading-page-style-folder
title: 2.3.14 Loading page
title.zh: 2.3.14 加载页面
type: heading
level: 3
collapsed: true
-
id: loading-page-style-option
title: Loading page style
type: class-select
allowEmpty: false
default: default-loading-page
options:
-
label: Default Loading Page
value: default-loading-page
-
label: Shapes
value: loading-page-style-default
-
label: Custom Text
value: loading-custom-text
-
label: Default Text w/ Icons Before and After
value: loading-add-icons
-
label: Cat (GIF)
value: loading-animation-cat
-
label: Adding Image or Animation (GIF)
value: loading-animation-custom
-
label: Animation with Position Changing
value: loading-shape-with-custom-gif
-
label: Jumping Mario
value: loading-page-style-mario
-
id: loading-custom-text-folder
title: 2.3.14.1 Custom text
type: heading
level: 4
collapsed: true
-
id: loading-diy-text
title: Custom text
title.zh: 自定义文字
type: variable-text
default: "'快乐摸鱼又一天,人生还剩多少天?'"
-
id: font-loading-text
title: Font family of custom text
title.zh: 字体
type: variable-text
default: var(--font-monospace-theme)
-
id: font-size-loading-diy-text
title: Font size
type: variable-text
default: 3em
-
id: loading-diy-text-color
title: Text color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: loading-text-typing-style
title: Typing style
title.zh: 打字效果
type: class-toggle
default: true
-
id: loading-text-moving-style
title: Moving style
title.zh: 移动效果
type: class-toggle
default: false
-
id: loading-text-shinning-style
title: Shinning style
title.zh: 闪烁效果
type: class-toggle
default: false
-
id: loading-text-color-changing-style
title: Color-changing style
title.zh: 变色效果
type: class-toggle
default: false
-
id: loading-add-icons-folder
title: 2.3.14.2 Custom image/animation
type: heading
level: 4
collapsed: true
-
id: loading-text-before
title: Adding things before
type: variable-text
default: "'❀✿'"
-
id: loading-text-after
title: Adding things after
type: variable-text
default: "'✿❀'"
-
id: font-size-loading-add
title: Font size
type: variable-text
default: 1.5em
-
id: loading-add-text-color
title: Text color
type: variable-themed-color
opacity: true
format: hex
default-light: '#D3959B'
default-dark: '#D3959B'
-
id: loading-add-text-color-alt
title: Text color
type: variable-themed-color
opacity: true
format: hex
default-light: '#BFE6BA'
default-dark: '#BFE6BA'
-
id: loading-animation-custom-folder
title: 2.3.14.3 Custom image/animation
type: heading
level: 4
collapsed: true
-
id: loading-page-custom-gif-caption
title: Image caption
type: variable-text
default: " "
-
id: loading-shape-with-custom-gif-folder
title: 2.3.14.4 Custom image/animation with position changing
type: heading
level: 4
collapsed: true
-
id: loading-page-custom-gif-caption-alt
title: Image caption
type: variable-text
default: " "
-
id: loading-shape-with-custom-high-contrast-bg
title: High contrast background
title.zh: 高对比度背景
type: class-toggle
default: false
-
id: tag-color-settings
title: 2.3.15 Tags
title.zh: 2.3.15 标签 (#Tag)
type: heading
level: 3
collapsed: true
-
id: tag-click
title: Cancel click the tag to trigger auto-jump
title.zh: 取消实时预览模式下点击标签自动跳转
type: class-toggle
default: false
description: You can jump by clicking on the # marks in the tags
description.zh: 可以通过点击标签中的#号跳转
-
id: head-tag-style
title: Label superscript in the header
title.zh: 标题中的标签上标样式
type: class-toggle
default: false
description.zh: 标题出现标签自动上标,也可以用<sup></sup> 或者<sub></sub>包裹实现不一样的样式。
-
id: tag-style-option
title: Tag Style
title.zh: 标签样式
type: class-select
allowEmpty: false
default: tag-default
options:
-
label: Rainbow tag
value: rainbow-tag
-
label: Rainbow tag alt (No influence on emojis)
value: rainbow-tag-no-filter
-
label: Outlined
value: tag-pill-outlined
-
label: Clear
value: tag-clear-style
-
label: Obsidian default
value: tag-default
-
label: Customised colorful tag
value: colorful-tag-bt
-
id: customised-colorful-tag
title: 2.3.15.1 Customised colorful tag
type: heading
level: 4
collapsed: true
-
id: tag1
title: Tag-1
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag2
title: Tag-2
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag3
title: Tag-3
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag4
title: Tag-4
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag5
title: Tag-5
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-text
title: Tag text
type: variable-themed-color
opacity: false
format: hex
default-light: '#f8f8f8'
default-dark: '#e4e4e4'
-
id: outlined-style
title: 2.3.15.2 Outlined
type: heading
level: 4
collapsed: true
-
id: tag-border-width
title: Tag border width
title.zh: 标签边框宽度
type: variable-text
default: 1px
-
id: tag-color-settings
title: 2.3.16 Setting, Menu, Option panes
title.zh: 2.3.16 设置、菜单、选项面板
type: heading
level: 3
collapsed: true
-
id: setting-etc-pane-style
title: Pane style
type: class-select
allowEmpty: false
default: setting-style-traditional
options:
-
label: Frosted Glass
value: setting-default-frosted-glass
-
label: Traditional
value: setting-style-traditional
-
label: Translucent (only for setting panel)
value: translucent-setting-panel
-
id: titlebar-settings
title: 2.3.17 Titlebar style
title.zh: 2.3.17 标题栏样式
type: heading
level: 3
collapsed: true
-
id: simple-titlebar
title: Simple title bar
title.zh: 简单的Title bar
description: To remove the background image of title bar
description.zh: 自定义title bar背景
type: class-toggle
default: false
-
id: custom-titlebar-bg
title: Title bar background color
title.zh: 自定义标题栏背景色
description: custom-titlebar-bg
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: titlebar-blur-depth
title: Title bar blur radius
title.zh: Title bar 模糊程度
description: To adjust the radius of blur
description.zh: 调整Title bar 背景模糊程度
type: variable-number-slider
default: 8
format: px
min: 0
max: 30
step: 1
-
id: titlebar-brightness
title: Title bar brightness of image
title.zh: Title bar 背景亮度
description: To adjust the brightness
description.zh: 调整Title bar 背景亮度
type: variable-number-slider
default: 1
min: 0.1
max: 1.5
step: 0.1
-
id: titlebar-close-button
title: Titlebar close button
title.zh: Ob标题栏关闭按钮
type: class-select
allowEmpty: false
default: default-titlebar
options:
-
label: Default
value: default-titlebar
-
label: Reversal
value: reversal-titlebar
-
id: hide-titlebar-text
title: Hide text in title bar
title.zh: 隐藏Obsidian标题栏中的文字
type: class-toggle
default: false
-
id: hide-titlebar-close-btn
title: Auto-hide title bar close button
title.zh: 自动隐藏关闭按钮
type: class-toggle
default: false
-
id: outline-settings
title: 2.3.18 Outline
title.zh: 2.3.18 侧边栏大纲
type: heading
level: 3
collapsed: true
-
id: outline-style
title: Outline style
title.zh: 大纲样式
type: class-select
allowEmpty: false
default: default-outline-style
options:
-
label: Default
value: default-outline-style
-
label: Logseq
value: logseq-outline-style
-
id: nowrap-outline
title: Nowrap
title.zh: 不换行
type: class-toggle
default: false
-
id: prompt-settings
title: 2.3.19 Prompt (ctrl p)
title.zh: 2.3.19 提示框 (ctrl p)
type: heading
level: 3
collapsed: true
-
id: prompt-options
title: Prompt styles
title.zh: 提示框唤出样式
type: variable-select
allowEmpty: false
default: default-prompt-style
options:
-
label: Default
value: default-prompt-style
-
label: Fancy prompt 1
value: fancy-prompt-1
-
label: Slide Up Large
value: slideUpLarge
-
label: Quick Scale Down
value: quickScaleDown
-
label: Blow Up Modal
value: blowUpModal
-
label: Road Runner In
value: roadRunnerIn
-
label: Road Runner Out
value: roadRunnerOut
-
label: Unfold In
value: unfoldIn
-
label: Pop-swirl
value: pop-swirl
-
id: stack-settings
title: 2.3.20 Stack tabs
type: heading
level: 3
collapsed: true
-
id: stack-tabs-text-ori-options
title: Text orientation styles
title.zh: stack 模式汉字竖排
type: class-select
allowEmpty: false
default: stack-tab-text-ori-mixed
options:
-
label: Default
value: default-stack-text-ori-style
-
label: Mixed orientation
value: stack-tab-text-ori-mixed
-
id: stack-tabs-background-blur-depth
title: stack tabs background blur radius
title.zh: 堆叠模式下笔记背景模糊程度
description: To adjust the radius of blur
description.zh: 调整背景模糊程度
type: variable-number-slider
default: 40
format: px
min: 0
max: 200
step: 10
-
id: tabs-settings
title: 2.3.21 Tabs
type: heading
level: 3
collapsed: true
-
id: tab-head-style
title: Tab style
type: class-select
allowEmpty: false
default: default-tab
options:
-
label: Default
value: default-tab
-
label: Underline
value: underline-tab-style
-
label: Safari-style
value: safari-tab-style
-
label: Transparent-style
value: transparent-tab-style
-
id: mermaid-styles
title: 2.3.21 Mermaid
type: heading
level: 3
collapsed: true
-
id: resizable-mermaid
title: Resizable mermaid in reading mode
title.zh: 阅读模式可调整mermaid大小
type: class-toggle
default: false
-
id: metadata-styles
title: 2.3.22 Metadata (Yaml)
type: heading
level: 3
collapsed: true
-
id: show-full-metadata
title: Show full metadata in Reading mode
title.zh: 阅读模式下显示完整的metadata信息
description.zh: 需要先在设置中开启显示front-matter笔记cssclass中声明show-full-metadata 可单独控制是否显示yaml
type: class-toggle
default: false
addCommand: true
-
id: canvas-styles
title: 2.3.23 Canvas
title.zh: 2.3.23 白板 Canvas
type: heading
level: 3
collapsed: true
-
id: canvas-card-focus-mode
title: Canvas card focus mode (Unavailable)
title.zh: 开启Canvas聚焦模式 (不可用)
description: clicking on a card will highlight all cards and lines of the same color on the canvas When turned on
description.zh: 开启后 点击卡片会突出显示画布上所有相同颜色的卡片和线条
type: class-toggle
default: false
addCommand: true
-
id: zoom-multiplier
title: Canvas card size for "Zoom to selection"
title.zh: “聚焦”时卡片大小
type: variable-number-slider
default: 1
min: 0.5
max: 2
step: 0.05
-
id: canvas-card-text-middle
title: Canvas card text center align
title.zh: 卡片文字默认居中
type: class-toggle
default: false
-
id: canvas-card-opacity
title: Canvas card opacity
title.zh: 卡片透明度
type: variable-number-slider
default: 0.1
min: 0
max: 1
step: 0.05
-
id: canvas-workplace-background-heading
title: 2.3.23.1 canvas workplace background settings
title.zh: 2.3.23.1 canvas页面背景设置
type: heading
level: 4
collapsed: true
-
id: toggle-canvas-grid
title: Toggle canvas grid
title.zh: 关闭Canvas网格显示
type: class-toggle
default: false
-
id: canvas-workplace-background
title: Toggle canvas workplace background
title.zh: 关闭Canvas工作区背景
description.zh: 如果开启了1.2.1工作页面背景,编辑画板也会带有背景,这里可以关闭画板背景
type: class-toggle
default: false
-
id: canvas-background-image
title: Canvas background image
title.zh: canvas背景图案
type: class-select
allowEmpty: false
default: default-canvas-background
options:
-
label: Default
value: default-canvas-background
-
label: Stardust
value: stardust-canvas-background
-
label: Dark Mosaic
value: mosaic-canvas-background-dark
-
label: Woven (Dark)
value: woven-canvas-background-dark
-
label: Woven (light)
value: woven-canvas-background
-
label: Wood
value: wood-canvas-background
-
label: Retina Wood
value: retina-wood-canvas-background
-
label: Matrix grid
value: matrix-grid-canvas-background
-
label: Notebook
value: notebook-canvas-background
-
label: Project Paper
value: paper-canvas-background
-
label: Blackboard
value: blackboard-canvas-background
-
id: canvas-background
title: Custom canvas background color
title.zh: 自定义canvas背景色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tab-stack-folder
title: 2.3.24 Tab stack
title.zh: 2.3.24 堆叠标签页
type: heading
level: 3
collapsed: true
-
id: tab-stacked-pane-width
title: Tag stacked pane with
type: variable-number
default: 700
format: px
-
id: tab-stacked-header-width
title: Spine width
type: variable-number
default: 40
format: px
-
id: highlight-bg-color-folder
title: 2.3.25 Highlights (==xx==)
title.zh: 2.3.25 高亮 (==xx==)
type: heading
level: 3
collapsed: true
-
id: text-highlight
title: Highlight text color
title.zh: 高亮文本颜色
description: ==XXXXX== color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: highlight-style
title: Highlight styles
title.zh: 高亮样式
type: class-select
allowEmpty: false
default: bt-default-highlight
options:
-
label: Default
value: bt-default-highlight
-
label: All rounded corners (@Mon & @TheGodOfKing)
value: all-rounded-corners-highlight
-
label: No rounded corners
value: no-rounded-corners-highlight
-
id: highlight-bg-color-head
title: Highlight background color
title.zh: 高亮背景颜色
type: heading
level: 4
collapsed: true
-
id: text-highlight-bg-h-light
title: Hue (Light mode)
description: To adjust Hue
description.zh: 调整颜色 明亮模式
type: variable-number-slider
default: 34
min: 0
max: 360
step: 5
-
id: text-highlight-bg-s-light
title: Saturation (Light mode)
description: To adjust Saturation
description.zh: 调整饱和度 明亮模式
type: variable-number-slider
default: 100
min: 0
max: 100
step: 5
format: "%"
-
id: text-highlight-bg-l-light
title: Lightness (Light mode)
description: To adjust Lightness
description.zh: 调整亮度 明亮模式
type: variable-number-slider
default: 80
min: 0
max: 100
step: 5
format: "%"
-
id: text-highlight-bg-a-light
title: Opacity (Light mode)
description: To adjust Alpha
description.zh: 调整透明度Alpha明亮模式
type: variable-number-slider
default: 0.80
min: 0
max: 1
step: 0.05
-
id: text-highlight-bg-h-dark
title: Hue (Dark mode)
description: To adjust Hue
description.zh: 调整颜色 黑暗模式
type: variable-number-slider
default: 57
min: 0
max: 360
step: 5
-
id: text-highlight-bg-s-dark
title: Saturation (Dark mode)
description: To adjust Saturation
description.zh: 调整饱和度 黑暗模式
type: variable-number-slider
default: 40
min: 0
max: 100
step: 5
format: "%"
-
id: text-highlight-bg-l-dark
title: Lightness (Dark mode)
description: To adjust Lightness
description.zh: 调整亮度 黑暗模式
type: variable-number-slider
default: 38
min: 0
max: 100
step: 5
format: "%"
-
id: text-highlight-bg-a-dark
title: Opacity (Dark mode)
description: To adjust Alpha
description.zh: 调整透明度Alpha黑暗模式
type: variable-number-slider
default: 0.55
min: 0
max: 1
step: 0.05
-
id: colorful-highlight-head
title: Colorful highlight setting
title.zh: 多彩高亮背景颜色
type: heading
level: 4
collapsed: true
-
id: remove-colorful-highlight-bg
title: Deactivate colorful-highlight
title.zh: 取消多彩高亮颜色
description: In this theme, *==xxx==*, **==xxx==** and ***==xxx==*** possese different background colors by default, active this option to cancel it. Even with this option actived, you can still type "cssclasscolorful-highlight" into yaml to make the colorful-highlight style available to individual documents
description.zh: 当前主题下,*==xxx==*, **==xxx==** and ***==xxx==*** 默认情况下具有不同高亮背景色激活该选项以取消。即使取消了该功能你依旧可以在yaml中键入"cssclasscolorful-highlight",使单个文档激活多彩高亮功能
type: class-toggle
default: false
-
id: bg-color-highlight-1
title: Highlight background color Plus 1 (*==xx==*)
title.zh: 高亮颜色 Plus 1 (*==xx==*)
type: variable-themed-color
opacity: true
format: hex
default-light: '#ff000034'
default-dark: '#c865656f'
-
id: color-highlight-1
title: Highlight text color Plus 1 (*==xx==*)
title.zh: 高亮文字颜色 Plus 1 (*==xx==*)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: font-weight-highlight-1
title: Font weight of highlight text Plus 1 (*==xx==*)
title.zh: 字重 Plus 1 (*==xx==*)
description: Can type normal, bold, lighter or bolder to change the font weight
description.zh: 可以输入 normal, bold, lighter 或者 bolder 去改变字重
type: variable-text
default: normal
-
id: bg-color-highlight-2
title: Highlight background color Plus 2 (**==xx==**)
title.zh: 高亮颜色 Plus 2 (**==xx==**)
type: variable-themed-color
opacity: true
format: hex
default-light: '#0fc41835'
default-dark: '#54b9476f'
-
id: color-highlight-2
title: Highlight text color Plus 2 (**==xx==**)
title.zh: 高亮文字颜色 Plus 2 (**==xx==**)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: font-weight-highlight-2
title: Font weight of highlight text Plus 2 (**==xx==**)
title.zh: 字重 Plus 2 (**==xx==**)
description: Can type normal, bold, lighter or bolder to change the font weight
description.zh: 可以输入 normal, bold, lighter 或者 bolder 去改变字重
type: variable-text
default: normal
-
id: bg-color-highlight-3
title: Highlight background color Plus 3 (***==xx==***)
title.zh: 高亮颜色 Plus 3 (***==xx==***)
type: variable-themed-color
opacity: true
format: hex
default-light: '#4ca6ff51'
default-dark: '#1e83d086'
-
id: color-highlight-3
title: Highlight text color Plus 3 (***==xx==***)
title.zh: 高亮文字颜色 Plus 3 (***==xx==***)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: font-weight-highlight-3
title: Font weight of highlight text Plus 3 (***==xx==***)
title.zh: 字重 Plus 3 (***==xx==***)
description: Can type normal, bold, lighter or bolder to change the font weight
description.zh: 可以输入 normal, bold, lighter 或者 bolder 去改变字重
type: variable-text
default: normal
-
id: highlight-bg-color-folder
title: 2.3.26 Popover
title.zh: 2.3.26 悬浮预览弹窗
type: heading
level: 3
collapsed: true
-
id: background-popover
title: Hover popover background color
title.zh: 悬浮弹窗背景色
description: --background-popover
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: popover-width-factor
title: Popover width
title.zh: 弹窗宽度
type: variable-number-slider
default: 1
min: 0.5
max: 2.5
step: 0.05
-
id: popover-height-factor
title: Popover height
title.zh: 弹窗宽度
type: variable-number-slider
default: 1
min: 0.5
max: 2
step: 0.05
-
id: tab-stack-folder
title: 2.3.27 PDF
title.zh: 2.3.27 PDF
type: heading
level: 3
collapsed: true
-
id: ob-pdf-style-selection-light
title: PDF styles (Light)
title.zh: PDF 样式 (明亮)
type: class-select
allowEmpty: false
default: pdf-style-default-light
options:
-
label: Default
value: pdf-style-default-light
-
label: Invert colors
value: pdf-style-invert-color-light
-
label: Green
value: pdf-style-green-bg-light
-
label: Warm
value: pdf-style-warm-bg-light
-
label: Custom
value: pdf-style-custom-bg
-
id: ob-pdf-style-selection-dark
title: PDF styles (Dark)
title.zh: PDF 样式 (黑暗)
type: class-select
allowEmpty: false
default: pdf-style-default-dark
options:
-
label: Default
value: pdf-style-default-dark
-
label: Invert colors
value: pdf-style-invert-color-dark
-
label: Green
value: pdf-style-green-bg-dark
-
label: Warm
value: pdf-style-warm-bg-dark
-
label: Custom
value: pdf-style-custom-bg
-
id: custom-bg-pdf-style
title: Custom PDF background
title.zh: 自定义PDF背景颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: style-options-for-other-plugins
title: 3. For Plugins
title.zh: 3. 插件样式
type: heading
level: 1
collapsed: true
-
id: style-options-for-admonition-plugin-header
title: 3.1 Admonition & Callout style
type: heading
level: 2
collapsed: true
-
id: admonition-bg-color
title: Admontion codebock and Callout background
title.zh: Admonition 和 Callout背景色
type: variable-themed-color
opacity: true
format: hex
default-light: '#FFFFFF00'
default-dark: '#11111100'
-
id: admonition-bg-color-same
title: The same as the title color
title.zh: 背景色与标题色一致
description.zh: Obsidian 默认callout样式
type: class-toggle
default: false
-
id: callout-style-settings
title: callout style settings
title.zh: Callout 外观样式设置
type: class-select
allowEmpty: false
default: admonition-bg-color-same
options:
-
label: Default
value: admonition-bg-color-same
-
label: Traditional
value: traditional-callout-style
-
label: Border
value: border-callout-style
-
label: Shade
value: shade-callout-style
-
id: full-width-callout
title: Full-width layout for callout & admonition
title.zh: callout和ad块全宽显示
description.zh: 不收缩减栏宽影响全宽显示callout块
type: class-toggle
default: false
-
id: style-options-for-admonition-plugin
title: Admonition special style support
title.zh: 是否开启Admonition特别样式支持
type: class-toggle
default: true
description : 目前支持ad类型blank 全透明框🔸def definition🔸thm theorem🔸lem lemma🔸cor corollary🔸pro proposition 🔸hibox 自动隐藏框🔸col2 col3 col4内容分多栏🔸kanban 伪看板🔸table 表格单行全部显示❗使用方法❗下面以thm类型为例在admonition插件的设置页面中类型填 thm标题填 定理图标选择hand-point-right颜色自己选比如浅绿色添加成功后在正文中使用代码块```ad-thm 即可激活。其他类型以此类推。
-
id: style-options-for-calendar-plugin-header
title: 3.2 Calendar
type: heading
level: 2
collapsed: true
-
id: toggle-calendar-shadow
title: Toggle shadow of current date
title.zh: 开启日历中当前日期的阴影
type: class-toggle
default: false
-
id: toggle-calendar-transparent
title: Transparent calendar background
title.zh: 日历背景透明
type: class-toggle
default: false
-
id: style-options-for-calendar-plugin
title: Calendar
type: class-select
allowEmpty: false
default: style-options-for-calendar-plugin-default
options:
-
label: Default
value: style-options-for-calendar-plugin-default
-
label: Style 1
value: style-options-for-calendar-plugin-style-one
-
label: Style 2
value: style-options-for-calendar-plugin-style-two
-
id: rainbow-checklist-folder
title: 3.3 Checklist plugin
type: heading
level: 2
collapsed: true
-
id: rainbow-checklist
title: Rainbow checklist
title.zh: 彩虹色条目
type: class-toggle
default: false
-
id: style-options-for-kanban-plugin-header
title: 3.4 Kanban
type: heading
level: 2
collapsed: true
-
id: style-options-for-kanban-plugin-static
title: Static
type: class-select
allowEmpty: false
default: style-options-for-kanban-plugin-static-default
options:
-
label: Default
value: style-options-for-kanban-plugin-static-default
-
label: All color (instead of images in light mode)
value: style-options-for-kanban-plugin-static-all-color
-
label: All image-1
value: style-options-for-kanban-plugin-static-all-image-one
-
label: All image-2 abstract
value: style-options-for-kanban-plugin-static-all-image-two
-
label: Plain
value: style-options-for-kanban-plugin-static-plain
-
label: Little color
value: style-options-for-kanban-plugin-static-little-color
-
id: style-options-for-kanban-plugin-dynamic
title: Dynamic
type: class-select
allowEmpty: false
default: style-options-for-kanban-plugin-dynamic-default
options:
-
label: None
value: style-options-for-kanban-plugin-dynamic-default
-
label: Neon-1
value: style-options-for-kanban-plugin-dynamic-neon-one
-
label: Neon-2
value: style-options-for-kanban-plugin-dynamic-neon-two
-
label: Neon-3
value: style-options-for-kanban-plugin-dynamic-neon-three
-
id: style-options-for-buttons-plugin-heading
title: 3.5 Buttons
type: heading
level: 2
collapsed: true
-
id: style-options-for-buttons-plugin
title: Buttons special style support
title.zh: 是否开启Buttons特别样式支持
type: class-toggle
default: true
description : 目前内置class🔸circle_btn 圆形按钮🔸blank 透明按钮🔸grad_button渐变按钮🟣g_purple 紫色🔵g_blue蓝色🟢g_green 绿色💚g_lightgreen 浅绿🟡g_yellow黄色
-
id: style-options-for-buttons-plugin-heading
title: 3.6 Dataview
type: heading
level: 2
collapsed: true
-
id: style-options-for-dataview-plugin-heading
title: 3.6.1 Dataview list
type: heading
level: 3
collapsed: true
-
id: folder-dataview-list-style
title: Style
title.zh: 样式
type: class-select
allowEmpty: false
default: dataview-list-style-pacman
options:
-
label: Pac-man
value: dataview-list-style-pacman
-
label: Normal
value: dataview-list-style-normal
-
id: style-options-for-dataview-table-plugin-heading
title: 3.6.2 Dataview table
type: heading
level: 3
collapsed: true
-
id: dvtable-style-options
title: Dataview table format
title.zh: Dataview 表格格式
type: class-select
allowEmpty: false
default: default-dvtable
options:
-
label: Defaut table
value: default-dvtable
-
label: Wrapped table (break all)
value: wrapped-dvtable
-
label: Non-wrapped table (limited cell width)
value: no-wrapped-dvtable-cell
-
label: Non-wrapped table
value: no-wrapped-dvtable
-
id: auto-serial-number-dvtable
title: Automatically add serial numbers to tables
title.zh: Dataview表格自动添加序号
type: class-toggle
default: false
-
id: full-width-dvtable
title: Full-width dvtable display
title.zh: dataview表格全宽显示
description: for Reading View, require Contextual Typography plugin
description.zh: 阅读模式下实现效果需要安装Contextual Typography插件
type: class-toggle
default: false
-
id: style-options-for-dialogue-plugin-heading
title: 3.7 Dialogue & Chatview
type: heading
level: 2
collapsed: true
-
id: dialogue-style
title: Dialogue & Chatview Style
title.zh: 聊天框样式
type: class-select
allowEmpty: false
default: dialogue-style-default
description.zh: Wechat样式适合titleModeall chat样式适合 titleModefirst
description: Wechat options is for titleModeall chat options is for titleModefirst
options:
-
label: Default
value: dialogue-style-default
-
label: Wechat
value: dialogue-style-wechat
-
label: Chat
value: dialogue-style-chat
-
id: style-options-for-dialogue-plugin-heading
title: 3.9 Obsidian Memos
description: Adapted from @Quorafind's CSS snippet
type: heading
level: 2
collapsed: true
-
id: memos-inputbox
title: Put input box to bottom
title.zh: PC端memos输入框置于页面底部
type: class-toggle
default: false
-
id: heatmap-light
title: Heatmap in Light mode
description: Change the color of heatmap
type: class-select
allowEmpty: false
default: memos-default-light
options:
-
label: Theme color
value: memos-default-light
-
label: Grass
value: grass-light
-
label: olive
value: olive-light
-
label: Frame
value: frame-light
-
label: Ice
value: ice-light
-
label: Magenta
value: magenta-light
-
title: Heatmap in Dark mode
description: Change the color of heatmap
id: heatmap-dark
type: class-select
allowEmpty: false
default: memos-default-dark
options:
-
label: Theme color
value: memos-default-dark
-
label: Grass
value: grass-dark
-
label: Olive
value: olive-dark
-
label: Frame
value: frame-dark
-
label: Ice
value: ice-dark
-
label: Magenta
value: magenta-dark
-
id: style-options-for-backlinks-panel
title: 3.10 backlinks panel
title.zh: 3.10 反链面板
type: heading
level: 2
collapsed: true
-
id: full-width-backlinks
title: Full-width backlinks panel display
title.zh: 笔记中的反链面板全宽度显示
type: class-toggle
default: false
-
id: style-options-for-quiet-outline
title: 3.11 Quiet outline
title.zh: 3.11 Quiet outline
type: heading
level: 2
collapsed: true
-
id: quiet-outline-optimize
title: Optimize quiet-outline plugin
title.zh: 美化 quiet-outline 插件
type: class-toggle
default: true
-
id: build-in-style-folder
title: 4. Built-in style intro
title.zh: 4. 内置样式介绍
description: There are some built-in CSS classes that should be manually declared in the YAML area. Details refer to the TIPS demo vault for Blue Topaz on Github.
description.zh: 主题内置css类手动在文档YAML区域进行cssclass声明详细用法可以参考主题tips库可以在主题QQ群社区获取。
type: heading
level: 1
collapsed: true
-
id: built-in-style-kanban
title: Pseudo-kanban
title.zh: 伪看板 kanban
type: heading
level: 2
collapsed: false
description: ❗cssclasskanban❗ A kind of kanban-liked style for unordered lists. (Adapted from Spectrum theme by @Wiktoria Mielcarek)
description.zh: ❗cssclasskanban❗ 实现类似看板样式并排显示只对无序列表生效。改自Spectrum theme by @Wiktoria Mielcarek
-
id: simple-p-kanban
title: Simple pseudo-kanban
title.zh: 单色伪看板
description: Remove colors of pseudo-kanban
description.zh: 移除伪看板头部颜色
type: class-toggle
default: false
-
id: remove-shadow-p-kanban
title: Remove shadow of pseudo-kanban
title.zh: 移除伪看板触发阴影
type: class-toggle
default: false
-
id: colorful-p-kanban
title: Colorful pseudo-kanban
title.zh: 多彩伪看板
type: class-toggle
default: false
-
id: blur-p-kanban-frosted-glass
title: Blur radius (For Frosted Glass Style)
title.zh: 模糊程度 (毛玻璃效果)
type: variable-number-slider
default: 2
min: 0
max: 8
step: 1
-
id: p-kanban-color-1
title: pseudo-kanban color 1
type: variable-themed-color
opacity: true
format: hex
default-light: '#52aaf365'
default-dark: '#3496e652'
-
id: p-kanban-color-2
title: pseudo-kanban color 2
type: variable-themed-color
opacity: true
format: hex
default-light: '#84ecec65'
default-dark: '#2ec4c452'
-
id: p-kanban-color-3
title: pseudo-kanban color 3
type: variable-themed-color
opacity: true
format: hex
default-light: '#94ec8c65'
default-dark: '#38ce2a52'
-
id: p-kanban-color-4
title: pseudo-kanban color 4
type: variable-themed-color
opacity: true
format: hex
default-light: '#dce28765'
default-dark: '#d2dd3852'
-
id: p-kanban-color-5
title: pseudo-kanban color 5
type: variable-themed-color
opacity: true
format: hex
default-light: '#eeb36f65'
default-dark: '#eb973752'
-
id: p-kanban-color-6
title: pseudo-kanban color 6
type: variable-themed-color
opacity: true
format: hex
default-light: '#f18e8e65'
default-dark: '#f3424252'
-
id: p-kanban-color-7
title: pseudo-kanban color 7
type: variable-themed-color
opacity: true
format: hex
default-light: '#e677e065'
default-dark: '#e45bdd52'
-
id: p-kanban-color-8
title: pseudo-kanban color 8
type: variable-themed-color
opacity: true
format: hex
default-light: '#ba8be165'
default-dark: '#b962ff52'
-
id: p-kanban-card-color-1
title: pseudo-kanban-card subitem color
title.zh: 伪看板子项背景色
type: variable-themed-color
opacity: true
format: hex
default-light: '#f9f9f99b'
default-dark: '#0000003f'
-
id: p-kanban-border-color
title: pseudo-kanban-border color
title.zh: 伪看板边框颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#a0a0a060'
default-dark: '#00000000'
-
id: built-in-style-code-wrap
title: Code Wrap
title.zh: 代码行自动换行 code-wrap
type: heading
level: 2
collapsed: true
description.zh: ❗cssclasscode-wrap❗实现代码块中的代码行自动换行。
description: ❗cssclasscode-wrap❗ Can be used to wrap code in code blocks for individual .md file
-
id: built-in-style-inline-list
title: List in a horizontal row (inline list)
title.zh: 行内列表 inline-list
type: heading
level: 2
collapsed: true
description.zh: ❗cssclassinline-list❗列表项横向排布。
description: ❗cssclassinline-list❗ To make the list show in a horizontal row. Meanwhile, it makes the list show inline which can be used with inline images (like ![[xxx.jpg|inlineR]])
-
id: built-in-style-img-grid
title: Image grid
title.zh: 图片自适应横排显示 img-grid
type: heading
level: 2
collapsed: true
description.zh: ❗cssclassimg-grid❗实现图片类似网格一样自适应横排显示。也可以使用类似格式单独调整![[obsidian_image.png|inl|100]] (adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css)
description: ❗cssclassimg-grid❗ To make images arrange in a grid in the preview mode. (adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css)
-
id: built-in-style-matrix
title: Eisenhower matrix
title.zh: 表格四象图分布 matrix
type: heading
level: 2
collapsed: true
description: ❗cssclassmatrix❗ Usage https://forum.obsidian.md/t/theme-spectrum-version-1-0-0-and-resise-graphs-controls/12688/34 (Adapted from Spectrum theme by @Wiktoria Mielcarek)
description.zh: ❗cssclassmatrix❗ 实现N*2表格四象限分布。表格内容使用![[XXX]]引入 见 https://forum.obsidian.md/t/theme-spectrum-version-1-0-0-and-resise-graphs-controls/12688/34。改自Spectrum theme by @Wiktoria Mielcarek
-
id: built-in-style-full-width
title: full-width layout
title.zh: 全宽显示元素 (i.e. wide-dataview, wide-table, wide-callout and wide-backlinks)
type: heading
level: 2
collapsed: true
description: ❗cssclassfullwidth wide-dataview wide-table wide-callout wide-backlinks❗ (Adapted from https://github.com/efemkay @ Faiz Khuzaimah)
description.zh: ❗cssclassfullwidth wide-dataview wide-table wide-callout wide-backlinks❗ 分别实现整页dv表格 md表格 callout 反链面板全宽度布局。改自https://github.com/efemkay @ Faiz Khuzaimah
-
id: topaz-community
title: Supported by Topaz Community 😁
title.zh: 感谢Topaz社区支持😁欢迎来访QQ群:908688452
type: heading
level: 1
collapsed: false
-
id: bt-buyacoffe
title: Support me
description: "[https://www.buymeacoffee.com/whyi](https://www.buymeacoffee.com/whyi)"
type: info-text
markdown: true
-
id: bt-github
title: Star the theme
description: "[https://github.com/PKM-er/Blue-Topaz_Obsidian-css](https://github.com/PKM-er/Blue-Topaz_Obsidian-css)"
type: info-text
markdown: true
*/
/* @settings
name: 🥑Blue Topaz Codebox Settings
id: Blue-Topaz-Codebox-Highlight
settings:
-
id: code-header-theme
title: Codebox highlighting
title.zh: 代码框高亮语法设置
type: heading
level: 1
collapsed: false
-
id: code-theme-selection
title: Codebox highlighting schemes
title.zh: 代码高亮主题
type: class-select
allowEmpty: false
default: code-theme-bt-default
options:
-
label: bt-default
value: code-theme-bt-default
-
label: Solarized Light
value: code-theme-solarized-light
-
label: Material Palenight
value: code-theme-material-palenight
-
label: Dracula
value: code-theme-dracula
-
label: Gruvbox Dark
value: code-theme-Gruvbox-dark
-
label: monokai
value: code-theme-monokai
-
label: sublime
value: code-theme-sublime
-
label: Custom
value: code-theme-custom
-
id: code-style-settings
title: Codebox style settings
title.zh: 代码框样式设置
type: heading
level: 1
collapsed: true
-
id: mute-code-indent-line
title: Mute codebox indent line
title.zh: 取消代码块缩进参考线
type: class-toggle
default: false
-
id: code-line-number
title: Code box showing line numbers (Editing mode)
title.zh: 代码显示行号 (编辑模式)
description: csslass declares code-line-number to be available for the current document
description.zh: csslass 声明code-line-number 可对单篇note生效
type: class-toggle
default: false
-
id: whole-code-wrap
title: Code wrap (Reading mode)
title.zh: 代码换行 (阅读模式)
type: class-toggle
default: true
addCommand: true
-
id: remove-language-type
title: Toggle showing types of code languages
title.zh: 移除阅读模式下代码名称
type: class-toggle
default: false
-
id: nowrap-edit-codebox
title: Non-wrap Codebox (Live preview)
title.zh: 代码不换行 Live preview
type: class-toggle
default: false
addCommand: true
-
id: letter-space-code
title: Letter spacing for code
title.zh: 代码字间距
type: variable-number-slider
default: 0
min: 0
max: 2
step: 0.1
-
id: code-box-style-option
title: Codebox style
type: class-select
allowEmpty: false
default: codebox-default-style
options:
-
label: Default
value: codebox-default-style
-
label: Frosted Glass
value: codebox-frosted-glass
-
id: blur-codebox-frosted-glass
title: Blur radius (For Frosted Glass Style)
title.zh: 模糊程度 (毛玻璃效果)
type: variable-number-slider
default: 2
min: 0
max: 8
step: 1
-
id: code-background-colors
title: Codebox highlighting background colors
title.zh: 代码框高亮背景色设置
type: heading
level: 1
collapsed: true
-
id: background-code
title: Codebox background color
title.zh: 代码块背景色
type: variable-themed-color
format: hex
opacity: true
default-light: '#292d3e'
default-dark: '#292d3e'
-
id: muted-code-activeline-bg
title: Mute codebox active line
title.zh: 取消代码块当前行高亮
type: class-toggle
default: false
-
id: code-active-line-background-color
title: Codebox active line background color
title.zh: 代码块当前行背景色
type: variable-themed-color
format: hex
opacity: true
default-light: '#353a50'
default-dark: '#353a50'
-
id: code-selection-background
title: Codebox selection line background color
title.zh: 代码块选中背景色
type: variable-themed-color
format: hex
opacity: true
default-light: '#353a50'
default-dark: '#353a50'
-
id: code-block-colors
title: Custom codebox syntax highlighting colors
title.zh: 自定义语法高亮颜色
type: heading
level: 1
collapsed: true
-
id: code-normal
title: Code block normal color
description.zh: 代码框普通字体颜色
type: variable-themed-color
format: hex
opacity: true
default-light: '#d4d4d4'
default-dark: '#d4d4d4'
-
id: code-keyword
title: Code block keyword color
type: variable-themed-color
format: hex
default-light: '#c792ea'
default-dark: '#c792ea'
-
id: code-value
title: Code block number color
type: variable-themed-color
format: hex
default-light: '#ff5370'
default-dark: '#ff5370'
-
id: code-type
title: Code block type color
type: variable-themed-color
format: hex
default-light: '#decb6b'
default-dark: '#decb6b'
-
id: code-property
title: Code block property color
type: variable-themed-color
format: hex
default-light: '#c792ea'
default-dark: '#c792ea'
-
id: code-variable
title: Code block variable color
type: variable-themed-color
format: hex
default-light: '#f07178'
default-dark: '#f07178'
-
id: code-variable-2
title: Code block variable-2 color
type: variable-themed-color
format: hex
default-light: '#eeffff'
default-dark: '#eeffff'
-
id: code-variable-3
title: Code block variable-3 color
type: variable-themed-color
format: hex
default-light: '#f07178'
default-dark: '#f07178'
-
id: code-qualifier
title: Code block qualifier color
type: variable-themed-color
format: hex
default-light: '#decb6b'
default-dark: '#decb6b'
-
id: code-operator
title: Code block operator color
type: variable-themed-color
format: hex
default-light: '#89ddff'
default-dark: '#89ddff'
-
id: code-hr
title: Code block hr color
type: variable-themed-color
format: hex
default-light: '#98e342'
default-dark: '#98e342'
-
id: code-builtin
title: Code block builtin color
type: variable-themed-color
format: hex
default-light: '#ffcb6b'
default-dark: '#ffcb6b'
-
id: code-tag
title: Code block tag color
type: variable-themed-color
format: hex
default-light: '#ff5370'
default-dark: '#ff5370'
-
id: code-string-2
title: Code block string-2 color
description: class-name
type: variable-themed-color
format: hex
default-light: '#f07178'
default-dark: '#f07178'
-
id: code-punctuation
title: Code block punctuation color
description: code punctuation, bracket color
type: variable-themed-color
format: hex
default-light: '#ff5370'
default-dark: '#ff5370'
-
id: code-comment
title: Code block comment color
type: variable-themed-color
format: hex
default-light: '#676e95'
default-dark: '#676e95'
-
id: code-string
title: Code block string color
type: variable-themed-color
format: hex
default-light: '#c3e88d'
default-dark: '#c3e88d'
-
id: code-attribute
title: Code block attribute color
type: variable-themed-color
format: hex
default-light: '#c792ea'
default-dark: '#c792ea'
-
id: code-function
title: Code block function color
type: variable-themed-color
format: hex
default-light: '#c792ea'
default-dark: '#c792ea'
-
id: code-important
title: Code block important color
type: variable-themed-color
format: hex
default-light: '#c792ea'
default-dark: '#c792ea'
-
id: cm-atom
title: Code block atom color
description: Frontmatter keys color
type: variable-themed-color
format: hex
default-light: '#f78c6c'
default-dark: '#f78c6c'
-
id: code-meta
title: Code block meta color
description: Frontmatter punctuation color
type: variable-themed-color
format: hex
default-light: '#ffcb6b'
default-dark: '#ffcb6b'
-
id: code-language
title: Code block language color
type: variable-themed-color
format: hex
default-light: '#ff5370'
default-dark: '#ff5370'
-
id: codeblock-folder
title: Inline code
title.zh: 行内代码
type: heading
level: 1
collapsed: true
-
id: background-code-2
title: Inline code background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: text-color-code
title: Inline code color
title.zh: 行内代码颜色
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: font-weight-inline-code
title: Font weight of inline code
title.zh: 行内代码字重
type: variable-text
default: bold
*/
@font-face {
font-family: 'Lucida Handwriting';
src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'boxicons';
src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAUQAAwAAAAACcgAAATCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYGYABcEQgKizCJEgsWAAE2AiQDIAQgBYJKB20bvAfIjsK22bOwIjmQDyeRhxX00NzbvN1Nmu62nLQHQCDL9ufY3SlWLCy602dZsQLOD3n6L92cdrLTQfkrT6MySDfJpw9OaT98nP5JmH4/V2cmpe/6WhKztuSGJ/ESuA4hvX1EJEJolEji6JTI0tpue1NL4JWIHgIq4OgbhCi/3NpClyACc5XyAoCL6n70EWwlhmpONTB1FlpfjQVO/p/gZZEPIDSpXtxo4LaSYhHSHYt+SxUJhpheH+5uX9ye3VV/Gfy/gOQ3Fu8zRRlHGQfpRqmPgCzFCBUF1Uh/SQrUgH4DZhk6yeGXoC8cBhsxFq7pb0yj9ZTXp1KXLMmRQUixqcS8vOSggBJukKH1ydDZR4IPYZr5Euhg83gIFk9pP/Clx0I87acK8hy24z0qvcx2nb/0Cdoa+Ii0XgVzgN6r+iK0nkGLXR2X+z/gex7bxsateRzxFtwXn/LeVSySZJFoZH5I+4HvqJZKR+o4Dur6t87I2TrM6j9XdbrRcY44fLSlI+3ubuzuV5Hdvmmca2jI1uvoSDsmADmD6IHuGenUM5hVdZIFkpwkXs2bzaqVg5ig21xnZ9bUpK4udbC3keseVkdfg/zQ+QTxrilf2khRYnFlXQ3oFA9wOU5xw2nnctiCmtR0SRXZXYGyoKwnVewY+LjeTGHwbDzaORny7Ubx7umQd2bik2Sobg3K+RPl9l33+SOXNRX7Rzyyh3xsi93O6bABkL+k7Qg6sJdNW4lpYOrJSeqY8Y5wNiV/TaCTQbNh4pWu3ptEMLym787heHiFV1iqrfSZGuEmx6pMFUnBWUPZprrSuqbVv4VrsZIKU9XLvSABx5PYHh7sJLorocDdi5VC+fTknXoQAxapG1EZ7VJcvB7ywPCse5ZoWiXhxg3VDtXKzdUSo1yu6AlFbyjzB3Pl5lRYKqpMFQC6zlNVwVQBoO3DfBetL/3fZHyLEH875zoW9LUhTUVOcYUwA6fRgIBbTtKvA2yR+LMPYlIc5SLq732uzjZsbz84PdW809uR351YPvDkeGS/e1mcsIKQurCaoLCpnHWQjeFEVjhOEDgAvBQ5jVYIczAa5Qa864uU+J0mG9FJzq7mz8ye7ie0vQGl5woLR5VRhY1FYIfw4VmMLCL8P4DJY4JBvrso7cAWqDglK65rDHcKgpDsOnEZo+/qSKSJPI5BruiogT4dVdX60tQ816e755+W0fkD9Kn+1ymZhUg7aIxqABL9F1JVtE7bwhtlS+iC/gaPfES5EmhGRPcKfzdjw4z8RBxP5HiAThQ/8i1/7/VOSbevCeoAeBVmJ+lNFB8tT6ATuAU6O9hvowFoaKlY+maXjJ1P0vq4gXpOO6ynCtbAAgG8fQ61ZUvrtSoegKYKJ8usGcpIYLktWu4idUSgenkMV3u60AWLXDmihnGgNlQxb7mF5Q7UEQ2sWR6D18uFQ3uIogdmMPf3es536ZyNhdVX/kVvRrnAOOLfKX4a7IGgiBTiIMgklwgSSCKfdGLIgU0COeSSUjGpxRhGMIoFieY8tDhIAtqr9WPII4H4zj0Uo8XiwfKhEM12YYFBf70HGYwsVk6RYpUpiQ8eK85KthbJP5FiReyeEPPGMJafL53oZ03CnHJ0G2cA') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
--font-size-obsidian-titlebar: 13px;
--font-size-vault-name: 1em;/*左侧库名字体大小*/
--font-size-file-header-title: 0.9em;/*文件抬头标题只在非Andy mode plugin时生效*/
--font-size-file-header-title-andy-plugin: 1em;/*文件抬头标题for Andy mode plugin*/
--font-size-embed-title-size: 1.3em;
--font-size-embed-file: 1.25em;
--font-size-folder-and-file: 0.9em;/*左侧边栏文件字体大小*/
--font-size-edit-normal: 1em;/*编辑正文字体大小*/
--font-size-preview-normal: 1em;/*预览正文字体大小*/
--h1-size: 1.5625em;
--h2-size: 1.4375em;
--h3-size: 1.3125em;
--h4-size: 1.1875em;
--h5-size: 1.0625em;
--h6-size: 1em;
--font-size-tag: 0.85em;
--font-size-emoji-after-tag: 1.5625em;
--font-size-list: 1em;
--font-size-preview-blockquote: 1em;
--font-size-edit-blockquote: 1em;
--font-size-outline:var(--nav-item-size);
--font-size-code: 1em;
--font-size-latex: 1em;
--font-size-cloze: 0.9375em;
--font-size-better-footnote: 1.3em;
--font-size-checklist: 0.85em;
--font-size-split: 0.85em;
--font-size-loading-diy-text: 3em;
--font-size-loading-add: 1.5em;
--table-header-size: inherit;
/*font family*/
--font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
--font-family-list: ;/*列表字体*/
--font-text-theme: Bookerly, 'Inter', "Segoe UI", "霞鹜文楷 GB", "LXGW WenKai", "Microsoft YaHei"; /*主体(包括列表)字体,除代码框等少数部分*/
--h1-font: var(--font-default);
--h2-font: var(--font-default);
--h3-font: var(--font-default);
--h4-font: var(--font-default);
--font-family-title: ;/*文件抬头标题*/
--font-family-folder-file-title: Arlrdbd, "Source Han Sans", "Noto Sans CJK", "Source Sans Pro", "Segoe UI Emoji", sans-serif;/*左侧边栏文件、文件夹字体*/
--font-monospace-theme: 'JetBrains Mono', Consolas, Monaco, "等距更纱黑体 SC", "Source Han Mono", "Microsoft Yahei Mono", "Segoe UI Emoji", "Microsoft YaHei", "Source Code Pro", monospace;
--font-family-inline-code: var(--font-monospace-override), var(--font-monospace-theme);
--font-family-tag: Bookerly, 'Inter', "Segoe UI", "Microsoft YaHei", STzhongsong, STSong, "Segoe UI Emoji", Serif;
--font-family-vault: "Lucida Handwriting", "Segoe UI Emoji";/*左侧库名字体*/
--font-family-special-tag: "Lucida Handwriting", "Segoe UI Emoji";
--mermaid-font-family: Segoe UI, "Microsoft YaHei", "Segoe UI Emoji", "trebuchet ms", verdana, Arial, cursive;
--font-family-better-footnote: Arlrdbd, "Source Han Sans", "Segoe UI Emoji";
--font-family-strong: Bookerly, 'Inter', "Segoe UI", "LXGW WenKai Screen", "LXGW WenKai Screen R", "霞鹜文楷 GB", "LXGW WenKai", "Segoe UI Emoji", var(--font-interface);
--font-family-em: ;
--font-loading-text: var(--font-monospace-theme);
/*radius*/
--radius-xs: 3px;
--radius-s: 5px;
--radius-m: 7px;
--radius-l: 15px;
--blur-depth: 10px;
--blur-depth-cp: 10px;
--saturate-4-bg: 1;
--saturate-4-bg-cp: 1;
--brightness-4-bg: 0.9;
--brightness-4-bg-cp: 0.9;
--opacity-cp: 0.25;
--bg-panel-page-opacity-cp:0.25;
--titlebar-brightness: 1;
--titlebar-blur-depth: 8px;
--stack-tabs-background-blur-depth:40px;
--fancy-hr-icon: '😀';
--fancy-hr-rotate: 0deg;
--line-height-main: 1.5;
--line-height-list: 1.4;
--line-height-split: 1.3;
--letter-space-main: 0;
--letter-space-code: 0;
--file-line-width: 45rem;
--embed-content-height: 600px;
--bottom-padding-value: 0em;
--font-weight-highlight-1: normal;
--font-weight-highlight-2: normal;
--font-weight-highlight-3: normal;
--font-weight-inline-code: bold;
--image-max-width: 100%;
--checkbox-size: 0.9rem;
--loading-diy-text: "快乐摸鱼又一天,人生还剩多少天?";
--loading-diy-text-color: var(--text-normal);
--loading-page-custom-gif-caption: " ";
--loading-page-custom-gif-caption-alt: " ";
--loading-text-before: "❀✿";
--loading-text-after: "✿❀";
--loading-add-text-color: #d47e86;
--loading-add-text-color-alt: #a4e39c;
--pixel: 20px;
--c-1: #da2400;
--c-2: #ffb623;
--c-3: #8c6e22;
--nord0: #2E3440;
--nord1: #3B4252;
--nord1-1: #3B425251;
--nord2: #434C5E;
--nord3: #4C566A;
--nord3-1: #717a91;
--nord4: #d8dee9;
--nord4-1: #d8dee95c;
--nord5: #E5E9F0;
--nord5-1: #E5E9F053;
--nord6: #ECEFF4;
--nord6-1: #ECEFF46c;
--nord6-2: #ECEFF43c;
--nord7: #8fbcbb;
--nord7-transparent: #8fbcbb2f;
--nord8: #88C0D0;
--nord8-0: #65afc4;
--nord9: #81a1c1;
--nord9-1: #81a1c16c;
--nord9-2: #81a1c13c;
--nord10: #5e81ac;
--nord11: #BF616A;
--nord11-1: #BF616A4b;
--nord12: #D08770;
--nord13: #EBCB8B;
--nord13-0: #e2b65e;
--nord13-1: #ebca894b;
--nord14: #A3BE8C;
--nord14-0: #95b677;
--nord15: #B48EAD;
--hr-color-icon-1: var(--theme-color);
--hr-color-icon-2: var(--theme-color);
--hr-color-icon-3: var(--theme-color);
--hr-color-icon-4: var(--theme-color);
--hr-color-1: var(--theme-color);
--hr-color-2: var(--theme-color);
--hr-color-3: var(--theme-color);
--hr-color-4: var(--theme-color);
--hr-color-numbers-line-1: var(--theme-color);
--hr-color-numbers-line-2: var(--theme-color);
--hr-color-numbers-line-3: var(--theme-color);
--hr-color-numbers-line-4: var(--theme-color);
--hr-color-numbers-bg-color: var(--theme-color-translucent-015);
--hr-color-numbers-color: var(--theme-color);
--hr-numbers-text-fill: transparent;
--hr-numbers-text-stroke: var(--text-normal);
--cloze-bg-color: var(--accent-strong);
--cloze-decoration: none;
--cloze-decoration-color: red;
--cloze-decoration-2: dashed;
--cloze-decoration-color-2: var(--theme-color);
--cloze-bg-color-3: transparent;
--cloze-decoration-3: dashed;
--cloze-decoration-color-3: var(--theme-color);
--custom-titlebar-bg: var(--background-secondary-alt);
--text-highlight-bg-h-dark: 57;
--text-highlight-bg-s-dark: 40%;
--text-highlight-bg-l-dark: 38%;
--text-highlight-bg-a-dark: 0.541;
--text-highlight-bg-h-light: 34;
--text-highlight-bg-s-light: 100%;
--text-highlight-bg-l-light: 80%;
--text-highlight-bg-a-light: 0.847;
--cursor-color: var(var(--text-normal));
--fancy-cursor-width: 2px;
--cursor-color-temp: var(var(--text-normal));
--print-strong-color: ;
--print-em-color: var(--accent-em);
--tag-border-width: 1px;
--paragraph-spacing: 1;
--blur-codebox-frosted-glass: 2;
--blur-p-kanban-frosted-glass: 5;
--status-bar-bg: var(--background-secondary-alt);
--status-bar-text-color: var(--text-muted);
--list-ol-marker-1: decimal;
--list-ol-marker-2: lower-latin;
--list-ol-marker-3: lower-roman;
--list-ol-marker-4: decimal;
--list-ul-marker-1: '\2022';
--list-ul-marker-2: '\25E6';
--list-ul-marker-3: '\25AA';
--list-ul-marker-4: '\25E6';
--list-ul-marker-color: var(--list-marker-color);
--list-marker-color-collapsed: var(--theme-color);
--list-ul-colorful-marker-content: '\2022';
--he-title-bar-active-bg: var(--theme-color-translucent-005);
--he-title-bar-active-pinned-bg: var(--theme-color-translucent-005);
--he-title-bar-inactive-bg: var(--theme-color-translucent-001);
--he-title-bar-inactive-pinned-bg: var(--theme-color-translucent-001);
--he-title-bar-inactive-action: var(--text-normal);
--he-title-bar-active-action: var(--theme-color);
--he-title-bar-active-fg: var(--text-normal);
--he-title-bar-inactive-fg: var(--text-muted);
--list-spacing-bt: 1;
--font-weight-strong: bold;
--font-style-em: italic;
--code-background: var(--background-code);
--canvas-card-opacity: 0.1;
--popover-width-factor: 1;
--popover-height-factor: 1;
/*bubble*/
--bt-bubble-layout-padding: 8px;
--bt-bubble-background-color: transparent;
--bt-bubble-border-color: var(--background-modifier-border);
--bt-indentation-gradient-color-1: var(--theme-color);
--bt-indentation-gradient-color-2: transparent;
--bt-colorful-indentation-width: 1px;
--h1-bg-color: color-mix(in srgb, var(--h1-color) 15%, transparent);
--h2-bg-color: color-mix(in srgb, var(--h2-color) 15%, transparent);
--h3-bg-color: color-mix(in srgb, var(--h3-color) 15%, transparent);
--h4-bg-color: color-mix(in srgb, var(--h4-color) 15%, transparent);
--h5-bg-color: color-mix(in srgb, var(--h5-color) 15%, transparent);
--h6-bg-color: color-mix(in srgb, var(--h6-color) 15%, transparent);
--inline-title-bg-color: color-mix(in srgb, var(--h1-color) 15%, transparent);
--ribbon-background: var(--background-secondary-alt);--ribbon-background-collapsed: var(--background-secondary-alt);
--bt-indentation-width-hover: 3px;
}
body.all-dark-pdf .print.theme-light,
.theme-dark {
--background-primary: var(--background-primary-bg-4-bt,#202020);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#444444);
--background-secondary: var(--background-secondary-bg-4-bt,#151515);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#000000);
--background-modifier-border: #343434;
--background-modifier-success: #539126;
--background-modifier-success-rgb: 83, 145, 38;
--background-modifier-error: #9b4343;
--background-modifier-error-rgb: 155, 67, 67;
--text-accent: var(--color-accent);
--text-accent-hover: var(--color-accent-2);
--text-normal: #c6c6c6;
--text-highlight: var(--text-normal);
--background-modifier-box-shadow: rgba(228, 228, 228, 0.08);
--text-muted: #8a8a8a;
--text-muted-rgb: 138, 138, 138;
--text-faint: #797979;
--text-folder-file: #b3b3b3;
--accent-strong: #e7e7e7;
--accent-em: #a4ca8e;
--text-error: #e16d76;
--text-error-hover: #c9626a;
--text-selection: #3b767160;
--text-on-accent: #e4e4e4;
--interactive-normal: #2b2b2b;
--interactive-hover: #373737;
--accent-h: 208;
--accent-s: 64%;
--accent-l: 49%;
--accent-l-alt: calc(var(--accent-l) * 1.05);
--interactive-accent-rgb: 45, 130, 204;
--interactive-accent-hover: var(--color-accent-2);
--panel-border-color: #18191e;
--search-text: #e0e0e0;
--folder-title: #ffffff;
--text-highlight-bg: hsla(var(--text-highlight-bg-h-dark), var(--text-highlight-bg-s-dark), var(--text-highlight-bg-l-dark), var(--text-highlight-bg-a-dark));
--mark-highlight-strong-em: #fff7603a;
--strong-em-highlight-color: #a7b4ff;
--text-search-highlight-bg: #bb4361;
--strong-em-color-1: #43d3ff;
--strong-em-color-2: #baaaff;
--background-search-result: var(--background-secondary-bg-4-bt);
--search-result-file-matched-bg: #023774;
--page-border-bottom: var(--background-secondary-alt);
--background-asymm-split-left: var(--background-secondary-alt);
--background-mobile-drawer-1: #1b1b1b;
--background-mobile-drawer-2: #1b1b1b69;
--background-modifier-border-hr: #3f3f3f;
--background-modifier-border-asymm: #343434;
--background-modifier-border-checkbox: #7b7b7b;
--background-transparent-black-or-white-1: #1b1b1b9a;
--background-transparent-black-or-white-2: #1e1e1ebd;
--background-transparent-black-or-white-3: #2f2f2f6c;
--background-transparent-black-or-white-3-1: #00000064;
--background-transparent-black-or-white-4: #7e7e7e1d;
--background-transparent-black-or-white-5: #0f0f0f6c;
--background-black-or-white-1: #353535;
--background-modifier-border-1: #000000;
--background-transparent-blue: #003e759a;
--scrollbar-thumb-bg: #3f3f3f7e;
--scrollbar-active-thumb-bg: #4d4d4d88;
--gray-1: #5C6370;
--gray-2: #abb2bf;
--red: #db7c84;
--red-1: #d05a63;
--orange: #d1945b;
--orange-1: #da904b;
--green: #abd58e;
--darkgreen: #568060;
--aqua: #35bed0;
--purple: #c594d4;
--blue: #a0c7e9;
--darkblue: #478fee;
--yellow: #d6b87f;
--light-yellow: #cac685;
--white: #ffffff;
--variable-2: #0072d0;
--variable-3: #5a96f7;
--embed-color: hsla(calc(var(--accent-h) * 1),calc(var(--accent-s) * 1.2),calc(var(--accent-l) * 2),0.055);
--search-result-file-title-color: var(--text-normal);
--theme-color: var(--interactive-accent);
--theme-color-translucent-06: hsla(var(--interactive-accent-hsl),0.6);
--theme-color-translucent-04: hsla(var(--interactive-accent-hsl),0.4);
--theme-color-translucent-02: hsla(var(--interactive-accent-hsl),0.2);
--theme-color-translucent-015: hsla(var(--interactive-accent-hsl),0.15);
--theme-color-translucent-01: hsla(var(--interactive-accent-hsl),0.1);
--theme-color-translucent-005: hsla(var(--interactive-accent-hsl),0.05);
--theme-color-translucent-001: hsla(var(--interactive-accent-hsl),0.01);
--background-blockquote: #9191911c;
--background-code: #1111118c;
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;
--code-normal: #d0d0d0;
--list-ul-block-color: #e19742a9;
--list-ul-disc-color: #eb9563;
--green-1: #79c142;
--list-ul-hover: #e28915de;
--list-ol-block-color: #2685bbb4;
--list-ol-number-color: var(--list-marker-color);
--list-ol-hover: #2c7bd6;
--list-marker-color-collapsed: var(--theme-color);
--tag-text: #e4e4e4;
--stag1: #f08383;
--stag1-bg: #bd1919;
--stag2: #e7b263;
--stag2-bg: #ac6700;
--stag3: #77df89;
--stag3-bg: #058c1c;
--tag1: #3674bb;
--tag2: #3685ad;
--tag3: #2a8f91;
--tag4: #43804f;
--tag5: #5f932e;
--tag-dailynote: #98c8ff;
--tag-dailynote-bg: #0f60bd;
--tag-weeklynote: #d1e6ff;
--tag-weeklynote-bg: #3971b1;
--tag-questions: #d4bdff;
--tag-questions-bg: #6640ae;
--tag-ideas: #fcfcc0;
--tag-ideas-bg: #565656d8;
--h1-color: var(--print-h1-color,hsl(78, 62%, 47%));
--h2-color: var(--print-h2-color,hsl(118, 42%, 49%));
--h3-color: var(--print-h3-color,hsl(180, 53%, 48%));
--h4-color: var(--print-h4-color,hsl(216, 69%, 68%));
--h5-color: var(--print-h5-color,hsl(258, 79%, 77%));
--h6-color: var(--print-h6-color,hsl(290, 85%, 81%));
--graph-text-color: #B5B5B5;
--graph-tag: #88d842bb;
--graph-attach: #b2cfe0bb;
--graph-circle: #55a2d6bb;
--graph-line: #8c8c8c;
--graph-unresolved: #f08080de;
--graph-arrow: #c23917;
--graph-control-bg: #00000080;
--graph-circle-outline: transparent;
--graph-canvas-bg: var(--background-primary);
--graph-circle-fill-highlight: var(--interactive-accent);
--graph-line-fill-highlight: rgb(var(--interactive-accent-rgb));
--unresolved-link: var(--graph-unresolved);
--link-unresolved-decoration-color: var(--graph-unresolved);
--internal-link-color: var(--text-accent);
--external-link-color: var(--internal-link-color);
/*mermaid*/
--mermaid-active-task-color: #187ef1;
--mermaid-seq-dia-color: #1371be;
/*table*/
--table-background-color: #2f2f2f32;
--table-background-color-odd: #00000033;
--table-border-color: #4a4a4a;
--table-thead-background-color: var(--theme-color-translucent-01);
--table-hover-raw-color: #08569a21;
--table-hover-color: #1f65a221;
--table-hover-thead-color: #21395bc7;
--table-header-color: var(--text-normal);
/*calendar*/
--calendar-week-color: #a2df94;
--calendar-week-hover: #61815c;
--calendar-week-background-color: #4a5842;
--calendar-today-background-color: #8c4545;
--calendar-hover-color: var(--theme-color-translucent-02);
--calendar-active-color: var(--theme-color-translucent-04);
/*day planner*/
--day-planner-pie: #f19c1c;
--day-planner-timeline: #000000;
--day-planner-line: #dfcf77;
--day-planner-dot: #dfcf77;
--day-planner-item-hover: #053c85;
--event-item-color1: #283493bb;
--event-item-color2: #1565c0bb;
--event-item-color3: #00838fbb;
--event-item-color4: #2e7d32bb;
--event-item-color5: #9e9d24bb;
--event-item-color6: #ff8f00bb;
--event-item-color7: #d84315bb;
--event-item-color8: #c62828bb;
--event-item-color9: #ad1457bb;
--event-item-color10: #6a1b9abb;
--kanban-color-1: #0065d852;
--kanban-color-2: #30e4e441;
--kanban-color-3: #1cb54f44;
--kanban-color-4: #97b82b49;
--kanban-color-5: #bb722d41;
--kanban-color-6: #d12e2e42;
--kanban-color-7: #8f36cb3f;
/*colourful notes*/
--text-gray: #acacac;
--text-brown: #be9684;
--text-orange: #ffa344;
--text-yellow: #ffdc51;
--text-yellow-2: #cca217;
--text-green: #52c7b2;
--text-blue: #7c94ff;
--text-purple: #b386f1;
--text-pink: #ff6bba;
--text-red: #ff4f4f;
--background-gray: #535353;
--background-brown: #493a3a;
--background-orange: #53422f;
--background-yellow: #585536;
--background-green: #32503e;
--background-blue: #2f5264;
--background-purple: #443f57;
--background-pink: #533b4a;
--background-red: #683c3c;
--note-important: #d64545;
--note-cloze: #ffffff;
/* stickies */
--stickies-color-1: #84c584;
--stickies-color-2: #c7a3cf;
--tape-color: #99999967;
/*Sliding panes*/
--sliding-panes-header-color: #f1a634d0;
--background-4-sliding-pane: #252525ed;
--bg-sliding-pane-header: #00000043;
--bg-sliding-pane-leaf: #0f0f0f36;
/*admonition*/
--admonition-bg-color: #11111100;
/*checklist*/
--checklist-bg: #1d1d1d96;
--checklist-bg-hover: #08080896;
--color-view-header-gradient-1: #060813de;
--color-view-header-gradient-2: #00285dc0;
--checkbox-color-0: #3187d3;
--checkbox-color-1: #a9a608;
--checkbox-color-2: #1dac10;
--checkbox-color-3: #ffd1d1;
--checkbox-color-4: #625d4c;
--checkbox-color-5: #9a67ae;
--checkbox-color-6: #5f5f5f;
--text-checked-checkbox: #8e8e8e;
--activeline-background: var(--theme-color-translucent-005);
/*pseudo-kanban*/
--p-kanban-bg-color: #6c6c6c42;
--p-kanban-border-color: transparent;
--p-kanban-card-color-1: #0000003f;
--p-kanban-card-color-2: #41414136;
--p-kanban-color-6: #f3424252;
--p-kanban-color-5: #eb973752;
--p-kanban-color-4: #d2dd3852;
--p-kanban-color-3: #38ce2a52;
--p-kanban-color-2: #2ec4c452;
--p-kanban-color-1: #3496e652;
--p-kanban-color-8: #b962ff52;
--p-kanban-color-7: #e45bdd52;
--p-kanban-color-simple: #8e8e8e41;
--p-kanban-color-shadow: #0000004d;
/*style settings*/
--background-secondary-translucent: #2c2c2c26;
--background-secondary-translucent-1: #2c2c2c26;
/*rainbow-checklist*/
--checklist-color-1: #005aa486;
--checklist-color-2: #00798986;
--checklist-color-3: #12781586;
--checklist-color-4: #897b0086;
--checklist-color-5: #a4620086;
--checklist-color-6: #ab100586;
--checklist-color-7: #7f1f9086;
--table-color-calendar-2: rgb(0, 91, 144);
--table-color-rgb: 0, 91, 144;
--mjx-inline-math-color: var(--text-normal);
--mjx-math-color: var(--text-normal);
--background-leaf-resize-handle: var(--background-secondary-alt-bg-4-bt);
--text-folder-file-icon: var(--theme-color);
--color-highlight-1: var(--text-normal);
--color-highlight-2: var(--text-normal);
--color-highlight-3: var(--text-normal);
--bg-color-highlight-1: #c865656f;
--bg-color-highlight-2: #54b9476f;
--bg-color-highlight-3: #1e83d086;
--background-popover: var(--color-base-10);
--cursor-red: #ff3939;
--cursor-yellow: #fff955;
--cursor-green: #7dff7d;
--cursor-blue: #8ac7ff;
--cursor-violet: #bf76ff;
--bg-color-settings-0: #07070747;
--bg-color-settings-0-1: #ffffff00;
--bg-color-settings-1: #7c7c7c6d;
--bg-color-settings-2: #1f1f1f52;
--bg-color-settings-3: #141414be;
--bg-color-settings-4: #2e2e2e9d;
--bg-color-settings-5: #424242aa;
--bg-color-settings-6: #191919c7;
--background-waves-color:#4A75DB8C;
--tab-stacked-shadow: #0e0e0e;
--divider-color: #000000;
--tab-outline-color: #151515;
--bg-color-notebook: #2a2825;
--grid-notebook-line-color-1: #c7c7c71f;
--grid-notebook-line-color-2: #74747440;
--dotted-notebook-dot-color: #c7c7c71f;
--background-nonoverlapping-note: #000000;
--stripe-notebook-stripe-color: #162419;
--prompt-box-shadow: #555555;
--background-titlebar-inner: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 10%);
--window-shadow: 0 1px 3px hsla(207, 10%, 10%, 0.1);
--window-shadow2: 0 0 9px hsla(212, 17%, 0%, 0.3);
--bt-connected-indent-line-color: #926a6a;
--list-colorful-marker: #ff8686;
}
.theme-light {
--background-primary: var(--background-primary-bg-4-bt,#ffffff);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
--background-secondary: var(--background-secondary-bg-4-bt,#fcfcfc);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f3f3f3);
--background-modifier-border: #dddddd;
--background-modifier-form-field: #fff;
--background-modifier-form-field-highlighted: #fff;
--background-modifier-box-shadow: rgba(0, 0, 0, 0.08);
--background-modifier-success: #A4E7C3;
--background-modifier-error: #e68787;
--background-modifier-error-rgb: 230, 135, 135;
--background-modifier-error-hover: #FF9494;
--text-accent: var(--color-accent);
--text-accent-hover: var(--color-accent-2);
--text-normal: #0e0e0e;
--text-muted: #7f7f7f;
--text-highlight: var(--text-normal);
--text-faint: #7f7f7f;
--text-folder-file: #272727;
--accent-strong: #000000;
--accent-em: #099d4e;
--text-error: #e75545;
--text-error-hover: #f86959;
--text-selection: #a9d1c859;
--text-on-accent: #ffffff;
--interactive-normal: #efefef;
--interactive-hover: #e6e6e6;
--accent-h: 207;
--accent-s: 77%;
--accent-l: 54%;
--accent-l-alt: calc(var(--accent-l) * 0.9);
--interactive-accent-rgb: 70, 142, 235;
--interactive-accent-hover: var(--color-accent-2);
--panel-border-color: #dbdbdc;
--search-text: #000000;
--folder-title: #000000;
--strong-em-highlight-color: #237add;
--mark-highlight-strong-em: #ff880049;
--text-highlight-bg: hsla(var(--text-highlight-bg-h-light), var(--text-highlight-bg-s-light), var(--text-highlight-bg-l-light), var(--text-highlight-bg-a-light));
--text-search-highlight-bg: #ffd1dd;
--strong-em-color-1: #1048ff;
--strong-em-color-2: #14c8ff;
--background-search-result: var(--background-secondary-bg-4-bt);
--search-result-file-matched-bg: #ffd9d9e5;
--page-border-bottom: var(--background-secondary-alt);
--background-asymm-split-left: var(--background-secondary-alt);
--background-mobile-drawer-1: #ffffff;
--background-mobile-drawer-2: #ffffff;
--background-modifier-border-hr: #bfbfbf;
--background-modifier-border-asymm: #d8d8d8;
--background-modifier-border-checkbox: #9c9c9c;
--background-secondary-alt-bg-4-bt-publish: #f6f6f6;
--background-transparent-black-or-white-1: #ffffffb0;
--background-transparent-black-or-white-2: #ffffffca;
--background-transparent-black-or-white-3: #eeeeee91;
--background-transparent-black-or-white-3-1: #fafafac3;
--background-transparent-black-or-white-4: #a7a7a765;
--background-transparent-black-or-white-5: #f0f0f091;
--background-black-or-white-1: #e4e4e4;
--background-modifier-border-1: #e1dfdf;
--background-transparent-blue: #c6e5ffde;
--bg-color-settings-0: #7d7d7d6b;
--bg-color-settings-0-1: #ffffff77;
--bg-color-settings-1: #ffffff17;
--bg-color-settings-2: #ffffff5a;
--bg-color-settings-3: #ffffffda;
--bg-color-settings-4: #ffffffd2;
--bg-color-settings-5: #d4d4d464;
--bg-color-settings-6: #ffffff85;
--scrollbar-thumb-bg: #dcdcdcbe;
--scrollbar-active-thumb-bg: #ddddddd9;
--gray-1: #383a42;
--gray-2: #383a42;
--red: var(--nord11);
--red-1: #f16464f5;
--green: var(--nord14);
--darkgreen: #068a5e;
--blue: var(--nord10);
--darkblue: #3b84e4;
--purple: #c74df7;
--aqua: var(--nord8);
--yellow: #e48100;
--light-yellow: #ab9a02;
--orange: #db9600;
--orange-1: #cc7523;
--light-purple: #b74ff3;
--blue-green: #3bd4da;
--white: #ffffff;
--variable-2: #0072d0;
--variable-3: #5a96f7;
--embed-color: hsla(calc(var(--accent-h) * 1),calc(var(--accent-s) * 0.8),calc(var(--accent-l) * 1),0.035);
--search-result-file-title-color: var(--text-normal);
--theme-color: var(--interactive-accent);
--theme-color-translucent-06: hsla(var(--interactive-accent-hsl),0.6);
--theme-color-translucent-04: hsla(var(--interactive-accent-hsl),0.4);
--theme-color-translucent-02: hsla(var(--interactive-accent-hsl),0.2);
--theme-color-translucent-015: hsla(var(--interactive-accent-hsl),0.15);
--theme-color-translucent-01: hsla(var(--interactive-accent-hsl),0.1);
--theme-color-translucent-005: hsla(var(--interactive-accent-hsl),0.05);
--theme-color-translucent-001: hsla(var(--interactive-accent-hsl),0.01);
--background-blockquote: #d5d5d52c;
--background-code: #e6e6e671;
--background-code-2: #cccccc62;
--text-color-code: #e95d00;
--code-normal: #000000;
--list-ul-block-color: #b9751b;
--list-ul-disc-color: #f39c55;
--green-1: #3dc730;
--list-ul-hover: #dd922f;
--list-ol-block-color: #3573a5;
--list-ol-number-color: var(--list-marker-color);
--list-ol-hover: #2c7bd6;
--list-marker-color-collapsed: var(--theme-color);
--tag-text: #f8f8f8;
--stag1: #fa8787;
--stag1-bg: #eb2727;
--stag2: #fdbd5c;
--stag2-bg: #ee9002;
--stag3: #50ce3a;
--stag3-bg: #22ac09;
--tag1: #2573f0;
--tag2: #2193f0;
--tag3: #17a5e7;
--tag4: #14acc7;
--tag5: #10bdbd;
--tag-dailynote: #0077ff;
--tag-dailynote-bg: #277CDD;
--tag-weeklynote: #4b9fff;
--tag-weeklynote-bg: #6aafff;
--tag-questions: #b68fff;
--tag-questions-bg: #b085ff;
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--h1-color: var(--print-h1-color,hsl(216, 88%, 26%));
--h2-color: var(--print-h2-color,hsl(212, 100%, 33%));
--h3-color: var(--print-h3-color,hsl(210, 86%, 39%));
--h4-color: var(--print-h4-color,hsl(208, 58%, 49%));
--h5-color: var(--print-h5-color,hsl(209, 70%, 62%));
--h6-color: var(--print-h6-color,hsl(209, 65%, 72%));
--graph-text-color: #696969;
--graph-tag: #77d425cc;
--graph-attach: #afcfe0cc;
--graph-circle: #1f78b4cc;
--graph-line: #b1b1b1;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: #ffffff9a;
--graph-circle-outline: transparent;
--graph-canvas-bg: var(--background-primary);
--graph-circle-fill-highlight: var(--interactive-accent);
--graph-line-fill-highlight: rgb(var(--interactive-accent-rgb));
--unresolved-link: var(--graph-unresolved);
--link-unresolved-decoration-color: var(--graph-unresolved);
--internal-link-color: var(--text-accent);
--external-link-color: var(--internal-link-color);
/*mermaid*/
--mermaid-active-task-color: #44bbff;
--mermaid-seq-dia-color: #76c8ff;
/*table*/
--table-background-color: #f1f1f176;
--table-background-color-odd: #ffffff70;
--table-border-color: #7d7d7d;
--table-thead-background-color: var(--theme-color-translucent-01);
--table-hover-raw-color: #85bfee2f;
--table-hover-color: #5dacec34;
--table-hover-thead-color: #ddefff;
--table-header-color: var(--text-normal);
/*calendar*/
--calendar-week-color: #48b432;
--calendar-week-hover: #e9ffe3;
--calendar-week-background-color: #d6e6bf;
--calendar-today-background-color: #aaeec6;
--calendar-hover-color: var(--theme-color-translucent-01);
--calendar-active-color: var(--theme-color-translucent-02);
/*day planner*/
--day-planner-pie: #eca95c;
--day-planner-timeline: #d62f2f;
--day-planner-line: #ffd900;
--day-planner-dot: #ffd900;
--day-planner-item-hover: #8fccff;
--event-item-color1: #65ace6;
--event-item-color2: #52a4e7;
--event-item-color3: #2e96eb;
--event-item-color4: #2786da;
--event-item-color5: #1275cc;
--event-item-color6: #2664c0;
--event-item-color7: #1652ac;
--event-item-color8: #0c469c;
--event-item-color9: #0a3c86;
--event-item-color10: #072f6b;
/*colourful notes*/
--text-gray: #37352f99;
--text-brown: #855a46;
--text-orange: #d9730d;
--text-yellow: #d4a300;
--text-yellow-2: #a78000;
--text-green: #00927f;
--text-blue: #0083bb;
--text-purple: #5d1fb9;
--text-pink: #c40075;
--text-red: #ff4343;
--background-gray: #ebeced;
--background-brown: #e9e5e3;
--background-orange: #faebdd;
--background-yellow: #fbf3db;
--background-green: #ddedea;
--background-blue: #ddebf1;
--background-purple: #eae4f2;
--background-pink: #f4dfeb;
--background-red: #ffe3e3;
--note-important: #fd4141;
--note-cloze: #000000;
/* stickies */
--stickies-color-1: #b3e2b3;
--stickies-color-2: #e9c6f1;
--tape-color: #acacac65;
/*Sliding panes*/
--sliding-panes-header-color: #0e64bb;
--background-4-sliding-pane: #ffffffef;
--bg-sliding-pane-header: #ffffff97;
--bg-sliding-pane-leaf: #ffffff88;
/*admonition*/
--admonition-bg-color: #FFFFFF00;
/*checklist*/
--checklist-bg: #dfdfdf8e;
--checklist-bg-hover: #ffffffcc;
--color-view-header-gradient-1: #ffffffce;
--color-view-header-gradient-2: #ffffffce;
/*checkbox*/
--checkbox-color-0: #2f92e4;
--checkbox-color-1: #c4c116;
--checkbox-color-2: #4bbf40;
--checkbox-color-3: #ffe9e9;
--checkbox-color-4: #fff8b7;
--checkbox-color-5: #ad7fbf;
--checkbox-color-6: #5f5f5f;
--text-checked-checkbox: #9b9b9b;
--activeline-background: var(--theme-color-translucent-005);
/*pseudo-kanban*/
--p-kanban-bg-color: #d3d3d32d;
--p-kanban-border-color: #a0a0a060;
--p-kanban-card-color-1: #ffffff80;
--p-kanban-card-color-2: #ffffff;
--p-kanban-color-6: #f18e8e65;
--p-kanban-color-5: #eeb36f65;
--p-kanban-color-4: #d1d77f65;
--p-kanban-color-3: #8ce38465;
--p-kanban-color-2: #7cdddd65;
--p-kanban-color-1: #52aaf365;
--p-kanban-color-8: #ba8be165;
--p-kanban-color-7: #e677e065;
--p-kanban-color-simple: #cdcdcd2c;
--p-kanban-color-shadow: #cfcfcf4d;
/*style settings*/
--background-secondary-translucent: #ffffff3d; --background-secondary-translucent-1: #ffffff5d;
/*rainbow-checklist*/
--checklist-color-1: #bbdefbab;
--checklist-color-2: #b2ebf2ab;
--checklist-color-3: #c8e6c9ab;
--checklist-color-4: #f8ef99ab;
--checklist-color-5: #ffe0b2ab;
--checklist-color-6: #ffcdd2ab;
--checklist-color-7: #e1bee7ab;
--table-color-calendar-2: rgb(167, 223, 251);
--table-color-rgb: 167, 223, 251;
--mjx-inline-math-color: var(--text-normal);
--mjx-math-color: var(--text-normal);
--background-leaf-resize-handle: var(--background-secondary-alt-bg-4-bt);
--text-folder-file-icon: var(--theme-color);
--color-highlight-1: var(--text-normal);
--color-highlight-2: var(--text-normal);
--color-highlight-3: var(--text-normal);
--bg-color-highlight-1: #ff000034;
--bg-color-highlight-2: #0fc41835;
--bg-color-highlight-3: #4ca6ff51;
--background-popover: var(--color-base-10);
--cursor-red: #ff0000;
--cursor-yellow: #d5ca00;
--cursor-green: #008000;
--cursor-blue: #1791e2;
--cursor-violet: #ee82ee;
--background-waves-color:#4A75DB8C;
--tab-stacked-shadow: #d6d6d6;
--divider-color: #e3e3e3;
--tab-outline-color: #e3e3e3;
--bg-color-notebook: #fef9f1;
--grid-notebook-line-color-1: #c7c7c740;
--grid-notebook-line-color-2: #afafaf40;
--dotted-notebook-dot-color: #c7c7c780;
--stripe-notebook-stripe-color: #f5f2e6;
--background-nonoverlapping-note: #ffffff;
--prompt-box-shadow: #bebebe;
--background-titlebar-inner: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 10%);
--window-shadow: 0 1px 3px hsla(212, 17%, 80%, 0.2);
--window-shadow2: 0 0 9px hsla(217, 15%, 83%, 0.7);
--bt-connected-indent-line-color: #FFA8A8;
--list-colorful-marker: #fd4949;
}
body.color-scheme-options-avocado-topaz .theme-light,
body.color-scheme-options-avocado-topaz.theme-light {
--background-primary: var(--background-primary-bg-4-bt,#ffffff);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
--background-secondary: var(--background-secondary-bg-4-bt,#fcfcfc);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#e8f0e8);
--background-modifier-border: #e1dfdf;
--accent-em: #620ac6;
--text-selection: #7fbffe59;
--accent-h: 143;
--accent-s: 34%;
--accent-l: 45%;
--interactive-accent-rgb: 122, 189, 148;
--search-text: #000000;
--folder-title: #000000;
--strong-em-highlight-color: #08ae84;
--mark-highlight-strong-em: #dbe72849;
--text-highlight-bg: #ecf56ed8;
--text-search-highlight-bg: #ffd1dd;
--strong-em-color-1: #08ae84;
--strong-em-color-2: #01531d;
--background-primary-bg-4-bt: #ffffff;
--background-primary-alt-bg-4-bt: #e9e9e9;
--background-secondary-bg-4-bt: #ffffff;
--background-secondary-alt-bg-4-bt: #e8f0e8;
--background-mobile-drawer-1: #ffffff;
--background-mobile-drawer-2: #ffffff;
--background-secondary-alt-bg-4-bt-publish: #f6f6f6;
--background-transparent-blue: #c6e5ffde;
--scrollbar-thumb-bg: #c6c6c6a8;
--scrollbar-active-thumb-bg: #c6c6c6;
--search-result-file-title-color: var(--text-normal);
--background-blockquote: #b6b6b62c;
--background-code: #ebebeb71;
--background-code-2: #cccccc62;
--text-color-code: #e95d00;
--list-ul-block-color: #b9751b;
--list-ul-disc-color: #f39c55;
--green-1: #3dc730;
--list-ul-hover: #dd922f;
--list-ol-block-color: #35a569;
--list-ol-number-color: #429a71;
--list-ol-hover: #31b870;
--tag-text: #f8f8f8;
--stag1: #fa8787;
--stag1-bg: #eb2727;
--stag2: #fdbd5c;
--stag2-bg: #ee9002;
--stag3: #50ce3a;
--stag3-bg: #22ac09;
--tag1: #79a26b;
--tag2: #7eb56b;
--tag3: #56b15b;
--tag4: #2db37b;
--tag5: #17b198;
--tag6: #19bb8b;
--tag7: #15bf1d;
--tag8: #61c108;
--tag9: #6ab607;
--tag-dailynote: #0077ff;
--tag-dailynote-bg: #277CDD;
--tag-weeklynote: #4b9fff;
--tag-weeklynote-bg: #6aafff;
--tag-questions: #b68fff;
--tag-questions-bg: #b085ff;
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--h1-color: var(--print-h1-color,#02401f);
--h2-color: var(--print-h2-color,#034f27);
--h3-color: var(--print-h3-color,#034924);
--h4-color: var(--print-h4-color,#14452b);
--h5-color: var(--print-h5-color,#0e4728);
--h6-color: var(--print-h6-color,#19452e);
/*graph*/
--graph-text-color: #696969;
--graph-tag: #da9ee2cc;
--graph-attach: #88b0d6cc;
--graph-circle: #6fbf8ecc;
--graph-line: #b1b1b1;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: #ffffff9a;
/*mermaid*/
--mermaid-active-task-color: #44bbff;
--mermaid-seq-dia-color: #76c8ff;
/*table*/
--table-border-color: #7d7d7d;
--table-thead-background-color: #dbe4dac7;
--table-hover-raw-color: #dbe4da57;
--table-hover-color: #dbe4da37;
--table-hover-thead-color: #dbe4da;
/*calendar*/
--calendar-week-color: #48b432;
--calendar-week-hover: #e9ffe3;
--calendar-week-background-color: #d6e6bf;
--calendar-today-background-color: #aaeec6;
/*day planner*/
--day-planner-pie: #eca95c;
--day-planner-timeline: #d62f2f;
--day-planner-line: #ffd900;
--day-planner-dot: #ffd900;
--day-planner-item-hover: #5ca35c;
--event-item-color1: #7c9f14;
--event-item-color2: #659f14;
--event-item-color3: #529f14;
--event-item-color4: #3d9f14;
--event-item-color5: #2d9f14;
--event-item-color6: #1d9f14;
--event-item-color7: #149f1f;
--event-item-color8: #149f2d;
--event-item-color9: #149f39;
--event-item-color10: #149f44;
/*Sliding panes*/
--sliding-panes-header-color: #02401f;
--color-view-header-gradient-1: #d9f7d9ef;
--color-view-header-gradient-2: #e9f3edef;
/*checkbox*/
--checkbox-color-0: #4cb385;
--checkbox-color-1: #c4c116;
--checkbox-color-2: #4077bf;
--checkbox-color-3: #ffe9e9;
--checkbox-color-4: #fffbd4;
--checkbox-color-5: #ad7fbf;
--checkbox-color-6: #5f5f5f;
--table-color-calendar-2: rgb(182, 221, 191);
--table-color-rgb: 182, 221, 191;
}
body.color-scheme-options-avocado-topaz .workspace-leaf.mod-active .view-header-title {
color: var(--h1-color);
}
body.color-scheme-options-avocado-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-avocado-topaz.theme-dark {
--background-primary: var(--background-primary-bg-4-bt,#181818);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#000000);
--background-secondary: var(--background-secondary-bg-4-bt,#181818);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#000000);
--accent-h: 140;
--accent-s: 52%;
--accent-l: 41%;
--interactive-accent-rgb: 50, 159, 86;
--text-selection: #0080ff59;
--text-highlight-bg: #47893b8a;
--mark-highlight-strong-em: #47893b7a;
--strong-em-highlight-color: #9c8ce6;
--text-search-highlight-bg: #bb4361;
--strong-em-color-1: #9c8ce6;
--strong-em-color-2: #23d05c;
--background-mobile-drawer-1: #1b1b1b;
--background-mobile-drawer-2: #1b1b1b69;
--background-transparent-blue: #003e759a;
--scrollbar-thumb-bg: #8282827e;
--scrollbar-active-thumb-bg: #828282;
--search-result-file-title-color: var(--text-normal);
--background-blockquote: #9191911c;
--background-code: #1111118c;
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;
--list-ul-block-color: #e19742a9;
--list-ul-disc-color: #eb9563;
--green-1: #79c142;
--list-ul-hover: #e28915de;
--list-ol-block-color: #26bb32b4;
--list-ol-number-color: #95c49d;
--list-ol-hover: #2cd62c;
--graph-text-color: #B5B5B5;
--graph-tag: #b992ddbb;
--graph-attach: #76c1f0bb;
--graph-circle: #44d07ebb;
--graph-line: #8c8c8c;
--graph-unresolved: #f08080de;
--graph-arrow: #c23917;
--graph-control-bg: #00000080;
/*mermaid*/
--mermaid-active-task-color: #187ef1;
--mermaid-seq-dia-color: #1371be;
/*table*/
--table-thead-background-color: #557f5c43;
--table-hover-raw-color: #557f5c23;
--table-hover-color: #557f5c23;
--table-hover-thead-color: #557f5c53;
/*calendar*/
--calendar-week-color: #a2df94;
--calendar-week-hover: #61815c;
--calendar-week-background-color: #4a5842;
--calendar-today-background-color: #8c4545;
/*day planner*/
--day-planner-pie: #f19c1c;
--day-planner-timeline: #000000;
--day-planner-line: #dfcf77;
--day-planner-dot: #dfcf77;
--day-planner-item-hover: #059429;
--event-item-color1: #347703;
--event-item-color2: #077703;
--event-item-color3: #03771e;
--event-item-color4: #037737;
--event-item-color5: #03774d;
--event-item-color6: #03775a;
--event-item-color7: #03776c;
--event-item-color8: #037377;
--event-item-color9: #036877;
--event-item-color10: #035e77;
/*Sliding panes*/
--sliding-panes-header-color: #27b822;
--background-4-sliding-pane: #252525ed;
--color-view-header-gradient-1: #000000de;
--color-view-header-gradient-2: #002900c0;
/*checkbox*/
--checkbox-color-0: #25c648;
--checkbox-color-1: #a9a608;
--checkbox-color-2: #1061ac;
--checkbox-color-3: #ffd1d1;
--checkbox-color-4: #625d4c;
--checkbox-color-5: #9a67ae;
--checkbox-color-6: #5f5f5f;
--table-color-calendar-2: rgb(5, 158, 5);
--table-color-rgb: 5, 158, 5;
--divider-color: #000000;
}
body.color-scheme-options-monochrome-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-monochrome-topaz.theme-dark {
--background-primary: var(--background-primary-bg-4-bt,#1e1e1e);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#000000);
--background-secondary: var(--background-secondary-bg-4-bt,#151515);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#000000);
--accent-em: #ffffff;
--accent-h: 0;
--accent-s: 0%;
--accent-l: 47%;
--interactive-accent-rgb: 120, 120, 120;
--text-highlight-bg: #89853b8a;
--mark-highlight-strong-em: #fff7603a;
--strong-em-highlight-color: #ffffff;
--text-search-highlight-bg: #bb4361;
--search-result-file-title-color: var(--text-normal);
--background-blockquote: #9191911c;
--background-code: #1111118c;
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;
--internal-link-color: #3197eb;
--list-ul-block-color: #d0d0d0a9;
--list-ul-disc-color: #eb9563;
--green-1: #79c142;
--list-ul-hover: #e28915de;
--list-ol-block-color: #878787b4;
--list-ol-number-color: #c6c6c6;
--list-ol-hover: #2c7bd6;
--tag-text: #e4e4e4;
--stag1: #f08383;
--stag1-bg: #bd1919;
--stag2: #e7b263;
--stag2-bg: #ac6700;
--stag3: #77df89;
--stag3-bg: #058c1c;
--tag1: #cccccc;
--tag2: #cccccc;
--tag3: #cccccc;
--tag4: #cccccc;
--tag5: #cccccc;
--tag-dailynote: #98c8ff;
--tag-dailynote-bg: #0f60bd;
--tag-weeklynote: #d1e6ff;
--tag-weeklynote-bg: #3971b1;
--tag-questions: #d4bdff;
--tag-questions-bg: #6640ae;
--tag-ideas: #fcfcc0;
--tag-ideas-bg: #565656d8;
--h1-color: var(--print-h1-color,#ebebeb);
--h2-color: var(--print-h2-color,#ebebeb);
--h3-color: var(--print-h3-color,#ebebeb);
--h4-color: var(--print-h4-color,#ebebeb);
--h5-color: var(--print-h5-color,#ebebeb);
--h6-color: var(--print-h6-color,#ebebeb);
/*graph*/
--graph-text-color: #B5B5B5;
--graph-tag: #88d842bb;
--graph-attach: #5cb5e9bb;
--graph-circle: #ebebebb9;
--graph-line: #8c8c8c;
--graph-unresolved: #f08080de;
--graph-arrow: #c23917;
--graph-control-bg: #00000080;
/*mermaid*/
--mermaid-active-task-color: #187ef1;
--mermaid-seq-dia-color: #1371be;
--table-border-color: #878787;
--table-thead-background-color: #b3b3b363;
--table-hover-raw-color: #4040401c;
--table-hover-color: #59595947;
--table-hover-thead-color: #6969691c;
/*calendar*/
--calendar-week-color: #ededed;
--calendar-week-hover: #bfbfbf52;
--calendar-week-background-color: #b5b5b52e;
--calendar-today-background-color: #8c4545;
/*day planner*/
--day-planner-pie: #f19c1c;
--day-planner-timeline: #000000;
--day-planner-line: #dfcf77;
--day-planner-dot: #dfcf77;
--day-planner-item-hover: #707070;
--event-item-color1: #0a0a0a;
--event-item-color2: #121212;
--event-item-color3: #171717;
--event-item-color4: #212121;
--event-item-color5: #2b2b2b;
--event-item-color6: #333333;
--event-item-color7: #3d3d3d;
--event-item-color8: #454545;
--event-item-color9: #4d4d4d;
--event-item-color10: #575757;
/*Sliding panes*/
--sliding-panes-header-color: #ebebeb;
--background-4-sliding-pane: #252525ed;
--color-view-header-gradient-1: #000000de;
--color-view-header-gradient-2: #000000c0;
--table-color-calendar-2: rgb(69, 69, 69);
--table-color-rgb: 69, 69, 69;
}
body.color-scheme-options-monochrome-topaz .theme-light,
body.color-scheme-options-monochrome-topaz.theme-light {
--background-primary: var(--background-primary-bg-4-bt,#ffffff);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
--background-secondary: var(--background-secondary-bg-4-bt,#ffffff);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f5f5f5);
--accent-strong: #000000;
--accent-em: #000000;
--text-selection: #c6c6c659;
--accent-h: 0;
--accent-s: 0%;
--accent-l: 31%;
--interactive-accent-rgb: 79, 79, 79;
--strong-em-highlight-color: #000000;
--text-highlight-bg: #ecf56eb4;
--mark-highlight-strong-em: #ecf56eb4;
--text-search-highlight-bg: #ffd1dd;
--strong-em-color-1: #08ae84;
--strong-em-color-2: #01531d;
--search-result-file-title-color: var(--text-normal);
--background-blockquote: #b6b6b62c;
--background-code: #ebebeb71;
--background-code-2: #cccccc62;
--text-color-code: #e95d00;
--internal-link-color: #0040ff;
/*list*/
--list-ul-block-color: #313131;
--list-ul-disc-color: #f39c55;
--green-1: #3dc730;
--list-ul-hover: #dd922f;
--list-ol-block-color: #a2a2a2;
--list-ol-number-color: #b5b5b5;
--list-ol-hover: #4f8fcb;
--tag-text: #5a5a5a;
--stag1: #fa8787;
--stag1-bg: #eb2727;
--stag2: #fdbd5c;
--stag2-bg: #ee9002;
--stag3: #50ce3a;
--stag3-bg: #22ac09;
--tag1: #4f4f4f;
--tag2: #4f4f4f;
--tag3: #4f4f4f;
--tag4: #4f4f4f;
--tag5: #4f4f4f;
--tag-dailynote: #0077ff;
--tag-dailynote-bg: #277CDD;
--tag-weeklynote: #4b9fff;
--tag-weeklynote-bg: #6aafff;
--tag-questions: #b68fff;
--tag-questions-bg: #b085ff;
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--h1-color: var(--print-h1-color,#000000);
--h2-color: var(--print-h2-color,#000000);
--h3-color: var(--print-h3-color,#000000);
--h4-color: var(--print-h4-color,#000000);
--h5-color: var(--print-h5-color,#000000);
--h6-color: var(--print-h6-color,#000000);
/*graph*/
--graph-text-color: #696969;
--graph-tag: #57bf5fcc;
--graph-attach: #78b0e4cc;
--graph-circle: #6a6a6acc;
--graph-line: #b1b1b1;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: #ffffff9a;
/*mermaid*/
--mermaid-active-task-color: #44bbff;
--mermaid-seq-dia-color: #76c8ff;
/*table*/
--table-border-color: #7d7d7d;
--table-thead-background-color: #bdbdbdc7;
--table-hover-raw-color: #f0f0f063;
--table-hover-color: #e3e3e354;
--table-hover-thead-color: #ebebeb54;
/*calendar*/
--calendar-week-color: #949494;
--calendar-week-hover: #b5b5b52e;
--calendar-week-background-color: #878787;
--calendar-today-background-color: #aaeec6;
/*day planner*/
--day-planner-pie: #eca95c;
--day-planner-timeline: #d62f2f;
--day-planner-line: #ffd900;
--day-planner-dot: #ffd900;
--day-planner-item-hover: #474747;
--event-item-color1: #b5b5b5;
--event-item-color2: #a8a8a8;
--event-item-color3: #a1a1a1;
--event-item-color4: #969696;
--event-item-color5: #8c8c8c;
--event-item-color6: #828282;
--event-item-color7: #787878;
--event-item-color8: #707070;
--event-item-color9: #666666;
--event-item-color10: #595959;
/*Sliding panes*/
--sliding-panes-header-color: #000000;
--background-4-sliding-pane: #ffffffef;
--color-view-header-gradient-1: #ffffffef;
--color-view-header-gradient-2: #ffffffef;
--table-color-calendar-2: rgb(212, 212, 212);
--table-color-rgb: 212, 212, 212;
}
body.color-scheme-options-avocado-topaz .workspace-leaf.mod-active .view-header-title {
color: var(--h1-color);
}
body.color-scheme-options-monochrome-topaz *:not(font)>em>strong,
body.color-scheme-options-monochrome-topaz *:not(font)>strong>em,
body.color-scheme-options-monochrome-topaz .cm-strong.cm-em {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-color: initial;
}
body.color-scheme-options-pink-topaz .theme-light,
body.color-scheme-options-pink-topaz.theme-light {
--background-primary: var(--background-primary-bg-4-bt,#fffaf0);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
--background-secondary: var(--background-secondary-bg-4-bt,#fffaf0);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#ffebeb);
--background-modifier-border: #e1dfdf;
--text-normal: #0e0e0e;
--text-muted: #7f7f7f;
--text-faint: #7f7f7f;
--text-folder-file: #272727;
--accent-em: #000000;
--accent-h: 325;
--accent-s: 80%;
--accent-l: 77%;
--text-selection: #f7b2cf59;
--interactive-accent-rgb: 243, 148, 203;
--search-text: #000000;
--folder-title: #000000;
--strong-em-highlight-color: #000000;
--mark-highlight-strong-em: #ffd0e99b;
--text-highlight-bg: #ffd0e99b;
--text-search-highlight-bg: #ffd1dd;
--search-result-file-matched-bg: #ffc3c3;
--background-mobile-drawer-1: #ffffff;
--background-mobile-drawer-2: #ffffff;
--background-secondary-alt-bg-4-bt-publish: #f6f6f6;
--scrollbar-thumb-bg: #e2bdbd8d;
--scrollbar-active-thumb-bg: #e2bdbd;
--search-result-file-title-color: #cc437c;
--background-blockquote: #e6d6ba2c;
--background-code: #fae4ee4d;
--background-code-2: #d5d5d562;
--text-color-code: #e95d00;
--list-ul-block-color: #c7c947;
--list-ul-disc-color: #f39c55;
--green-1: #3dc730;
--list-ul-hover: #dd922f;
--list-ol-block-color: #ce6d8a;
--list-ol-number-color: #e599ac;
--list-ol-hover: #b83175;
--tag-text: #f8f8f8;
--stag1: #fa8787;
--stag1-bg: #eb2727;
--stag2: #fdbd5c;
--stag2-bg: #ee9002;
--stag3: #50ce3a;
--stag3-bg: #22ac09;
--tag1: #f1afaf;
--tag2: #e7c190;
--tag3: #86c93a;
--tag4: #48c6bf;
--tag5: #797fd1;
--tag-dailynote: #0077ff;
--tag-dailynote-bg: #277CDD;
--tag-weeklynote: #4b9fff;
--tag-weeklynote-bg: #6aafff;
--tag-questions: #b68fff;
--tag-questions-bg: #b085ff;
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--h1-color: var(--print-h1-color,#6f0000);
--h2-color: var(--print-h2-color,#7a0757);
--h3-color: var(--print-h3-color,#9a1d75);
--h4-color: var(--print-h4-color,#b52a87);
--h5-color: var(--print-h5-color,#bb5795);
--h6-color: var(--print-h6-color,#cc76b7);
/*graph*/
--graph-text-color: #585858;
--graph-tag: #e3c982c7;
--graph-attach: #c982e3c7;
--graph-circle: #f596bbcc;
--graph-line: #e6b0c9;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: #ffffff9a;
/*mermaid*/
--mermaid-active-task-color: #44bbff;
--mermaid-seq-dia-color: #76c8ff;
/*table*/
--table-border-color: #7d7d7d;
--table-thead-background-color: #fad1e96f;
--table-hover-raw-color: #fad1e92f;
--table-hover-color: #fad1e92f;
--table-hover-thead-color: #fad1e98f;
/*calendar*/
--calendar-week-color: #b884a5c7;
--calendar-week-hover: #e3d8df66;
--calendar-week-background-color: #b884a599;
--calendar-today-background-color: #b1779c94;
/*day planner*/
--day-planner-pie: #eca95c;
--day-planner-timeline: #d62f2f;
--day-planner-line: #ffd900;
--day-planner-dot: #ffd900;
--day-planner-item-hover: #e8a6be;
--event-item-color1: #e5b8cb;
--event-item-color2: #e1a3bd;
--event-item-color3: #e090b1;
--event-item-color4: #e080a8;
--event-item-color5: #e0719f;
--event-item-color6: #e16096;
--event-item-color7: #e25590;
--event-item-color8: #e64c8c;
--event-item-color9: #e64186;
--event-item-color10: #e92b7a;
/* stickies */
--stickies-color-1: #e5c7dab5;
--stickies-color-2: #dac7afc7;
--tape-color: #acacac65;
/*Sliding panes*/
--sliding-panes-header-color: #6f0000;
--background-4-sliding-pane: #ffffffef;
--color-view-header-gradient-1: #ffdfe4ef;
--color-view-header-gradient-2: #ffe4e4ef;
/*checkbox*/
--checkbox-color-0: #d879a8;
--checkbox-color-1: #c4c116;
--checkbox-color-2: #50a947;
--checkbox-color-3: #ffe9e9;
--checkbox-color-4: #fffbd4;
--checkbox-color-5: #ad7fbf;
--checkbox-color-6: #5f5f5f;
--text-checked-checkbox: #9b9b9b;
--table-color-calendar-2: rgb(245, 214, 224);
--table-color-rgb: 245, 214, 224;
}
body.color-scheme-options-pink-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-pink-topaz.theme-dark {
--background-primary: var(--background-primary-bg-4-bt,#0f0f0f);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#000000);
--background-secondary: var(--background-secondary-bg-4-bt,#181818);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#222222);
--accent-em: #d9d4a6;
--accent-h: 338;
--accent-s: 51%;
--accent-l: 59%;
--interactive-accent-rgb: 204, 97, 136;
--text-highlight-bg: #de87a785;
--mark-highlight-strong-em: #dc799e85;
--strong-em-highlight-color: #d9afb3d1;
--text-search-highlight-bg: #bb4361;
--strong-em-color-1: #fc3b3b;
--strong-em-color-2: #f5c414;
--search-result-file-matched-bg: #a9672dc9;
--background-mobile-drawer-1: #1b1b1b;
--background-mobile-drawer-2: #1b1b1b69;
--background-transparent-blue: #003e759a;
--scrollbar-thumb-bg: #8d69698d;
--scrollbar-active-thumb-bg: #8d6969;
--search-result-file-title-color: #c0689b;
--background-blockquote: #9191911c;
--background-code: #00000082;
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;
/*list*/
--list-ul-block-color: #b27b7b;
--list-ul-disc-color: #af5a5a;
--green-1: #79c142;
--list-ul-hover: #b69696;
--list-ol-block-color: #ce7ea7;
--list-ol-number-color: #a25d81;
--list-ol-hover: #c0a5b3;
--tag-text: #e4e4e4;
--stag1: #f08383;
--stag1-bg: #bd1919;
--stag2: #e7b263;
--stag2-bg: #ac6700;
--stag3: #77df89;
--stag3-bg: #058c1c;
--tag1: #ba6d6d;
--tag2: #ba6d7b;
--tag3: #ba6d88;
--tag4: #ba6d96;
--tag5: #ba6da6;
--tag-dailynote: #98c8ff;
--tag-dailynote-bg: #0f60bd;
--tag-weeklynote: #d1e6ff;
--tag-weeklynote-bg: #3971b1;
--tag-questions: #d4bdff;
--tag-questions-bg: #6640ae;
--tag-ideas: #fcfcc0;
--tag-ideas-bg: #565656d8;
--h1-color: var(--print-h1-color,#c66279);
--h2-color: var(--print-h2-color,#bb7283);
--h3-color: var(--print-h3-color,#b4507f);
--h4-color: var(--print-h4-color,#b25c84);
--h5-color: var(--print-h5-color,#b74e94);
--h6-color: var(--print-h6-color,#b7629a);
/*graph*/
--graph-text-color: #B5B5B5;
--graph-tag: #d2bf83c7;
--graph-attach: #ad71d6c7;
--graph-circle: #d67a8dc7;
--graph-line: #ad7b8dc7;
--graph-unresolved: #cf3a3ac7;
--graph-arrow: #c23917;
--graph-control-bg: #00000080;
/*mermaid*/
--mermaid-active-task-color: #187ef1;
--mermaid-seq-dia-color: #1371be;
/*table*/
--table-thead-background-color: #a76c8f45;
--table-hover-raw-color: #a76c8f25;
--table-hover-color: #a76c8f2b;
--table-hover-thead-color: #a76c8f35;
/*calendar*/
--calendar-week-color: #bb6396e6;
--calendar-week-hover: #96798a6b;
--calendar-week-background-color: #c794948c;
--calendar-today-background-color: #8c4545;
/*day planner*/
--day-planner-pie: #f19c1c;
--day-planner-timeline: #000000;
--day-planner-line: #dfcf77;
--day-planner-dot: #dfcf77;
--day-planner-item-hover: #b893a3ad;
--event-item-color1: #d35f5fc7;
--event-item-color2: #d35f6ac7;
--event-item-color3: #d35f76c7;
--event-item-color4: #d35f7ec7;
--event-item-color5: #d35f86c7;
--event-item-color6: #d35f8dc7;
--event-item-color7: #d35f95c7;
--event-item-color8: #d35f9dc7;
--event-item-color9: #d35fa3c7;
--event-item-color10: #d35facc7;
/*kanban*/
--kanban-color-1: #9b3636ad;
--kanban-color-2: #9b364ead;
--kanban-color-3: #9b3660ad;
--kanban-color-4: #9b366fad;
--kanban-color-5: #9b3679ad;
--kanban-color-6: #9b368cad;
--kanban-color-7: #99369bad;
/* stickies */
--stickies-color-1: #ecb6d8c7;
--stickies-color-2: #ecd9b6c7;
/*Sliding panes*/
--sliding-panes-header-color: #ffffff;
--background-4-sliding-pane: #252525ed;
--color-view-header-gradient-1: #000000c2;
--color-view-header-gradient-2: #2e1f28c2;
--checkbox-color-0: var(--theme-color);
--checkbox-color-1: #a9a608;
--checkbox-color-2: #1061ac;
--checkbox-color-3: #ffd1d1;
--checkbox-color-4: #625d4c;
--checkbox-color-5: #9a67ae;
--checkbox-color-6: #5f5f5f;
--text-checked-checkbox: #8e8e8e;
--table-color-calendar-2: rgb(215, 121, 153);
--table-color-rgb: 215, 121, 153;
}
body.color-scheme-options-pink-topaz.theme-light *:not(font)>em>strong,
body.color-scheme-options-pink-topaz.theme-light *:not(font)>strong>em,
body.color-scheme-options-pink-topaz.theme-light .cm-strong.cm-em {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-color: initial;
}
body.color-scheme-options-topaz-nord.all-dark-pdf .print.theme-light,
body.color-scheme-options-topaz-nord.theme-dark {
--background-primary: var(--background-primary-bg-4-bt,#2E3440);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#2E3440);
--background-secondary: var(--background-secondary-bg-4-bt,#3B4252);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#434C5E);
--background-black-or-white-1: var(--nord2);
--text-normal: var(--nord4);
--text-muted: var(--nord5);
--text-faint: var(--nord6);
--accent-h: 210;
--accent-s: 34%;
--accent-l: 63%;
--text-folder-file: var(--nord4);
--accent-em: var(--nord14);
--text-highlight-bg: var(--nord13-1);
--mark-highlight-strong-em: var(--nord13-1);
--text-selection: var(--nord9-2);
--interactive-accent-rgb: 129, 161, 193;
--folder-title: var(--nord4);
--tag-text: var(--nord7);
--tag1: var(--nord7-transparent);
--tag2: var(--nord7-transparent);
--tag3: var(--nord7-transparent);
--tag4: var(--nord7-transparent);
--tag5: var(--nord7-transparent);
--h1-color: var(--print-h1-color,var(--nord11));
--h2-color: var(--print-h2-color,var(--nord12));
--h3-color: var(--print-h3-color,var(--nord13));
--h4-color: var(--print-h4-color,var(--nord14));
--h5-color: var(--print-h5-color,var(--nord8));
--h6-color: var(--print-h6-color,var(--nord15));
--background-code: #3B42525c;
--background-blockquote: #3B42525c;
--text-color-code: var(--nord8);
--color-view-header-gradient-1: var(--nord0);
--color-view-header-gradient-2: var(--nord0);
--strong-em-color-1: var(--accent-strong);
--strong-em-color-2: var(--accent-strong);
--strong-em-highlight-color: var(--accent-strong);
--embed-color: var(--nord1-1);
--activeline-background: #4C566A1a;
--list-ul-block-color: var(--nord12);
--list-ul-disc-color: var(--nord12);
--green-1: var(--nord14);
--list-ul-hover: var(--nord13);
--list-ol-block-color: var(--nord9);
--list-ol-number-color: var(--nord9);
--list-ol-hover: var(--nord7);
--table-thead-background-color: var(--nord9-2);
--table-hover-raw-color: var(--nord9-2);
--table-hover-color: var(--nord9-2);
--table-hover-thead-color: var(--nord9-1);
--checkbox-color-0: var(--interactive-accent);
--graph-text-color: var(--nord4);
--graph-tag: var(--nord7);
--graph-attach: var(--nord15);
--graph-circle: var(--nord9);
--graph-line: var(--nord6);
--graph-unresolved: var(--nord11);
--graph-arrow: var(--nord11);
--text-search-highlight-bg: var(--nord9-1);
--tab-outline-color: var(--nord0);
--divider-color: var(--nord0);
}
body.color-scheme-options-topaz-nord.theme-dark .titlebar-text {
color: var(--nord4);
}
body.color-scheme-options-topaz-nord.theme-dark .token.unit {
color: var(--nord10) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian .cm-hmd-frontmatter.cm-qualifier,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian .cm-math.cm-qualifier,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian .cm-qualifier,
body.color-scheme-options-topaz-nord.theme-dark .token.class {
color: var(--nord7) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.number,
body.color-scheme-options-topaz-nord.theme-dark .cm-number {
color: var(--nord15) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.operator,
body.color-scheme-options-topaz-nord.theme-dark .token.entity,
body.color-scheme-options-topaz-nord.theme-dark .token.url,
body.color-scheme-options-topaz-nord.theme-dark .language-css .token.string,
body.color-scheme-options-topaz-nord.theme-dark .style .token.string,
body.color-scheme-options-topaz-nord.theme-dark .cm-string,
body.color-scheme-options-topaz-nord.theme-dark .token.string,
body.color-scheme-options-topaz-nord.theme-dark .token.char,
body.color-scheme-options-topaz-nord.theme-dark .token.attr-value,
body.color-scheme-options-topaz-nord.theme-dark .token.builtin,
body.color-scheme-options-topaz-nord.theme-dark .token.inserted {
color: var(--nord14) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.selector,
body.color-scheme-options-topaz-nord.theme-dark .token.tag,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian span.cm-variable-3 {
color: var(--nord10) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.regex,
body.color-scheme-options-topaz-nord.theme-dark .token.variable,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian span.cm-variable-2 {
color: var(--nord12) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.macro.property,
body.color-scheme-options-topaz-nord.theme-dark .markdown-source-view.cm-s-obsidian .cm-hmd-codeblock.cm-property,
body.color-scheme-options-topaz-nord.theme-dark .token.property,
body.color-scheme-options-topaz-nord.theme-dark .token.boolean,
body.color-scheme-options-topaz-nord.theme-dark .token.constant,
body.color-scheme-options-topaz-nord.theme-dark .token.symbol,
body.color-scheme-options-topaz-nord.theme-dark .token.attr-name,
body.color-scheme-options-topaz-nord.theme-dark .token.deleted {
color: var(--nord9) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.function,
body.color-scheme-options-topaz-nord.theme-dark .markdown-source-view.cm-s-obsidian .cm-variable {
color: var(--nord13) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.comment,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian span.cm-comment {
color: var(--nord3-1) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.atrule,
body.color-scheme-options-topaz-nord.theme-dark .token.keyword {
color: var(--nord13) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.tag,
body.color-scheme-options-topaz-nord.theme-dark .token.constant,
body.color-scheme-options-topaz-nord.theme-dark .token.symbol,
body.color-scheme-options-topaz-nord.theme-dark .token.deleted,
body.color-scheme-options-topaz-nord.theme-dark .cm-tag {
color: var(--nord11) !important;
}
body.color-scheme-options-topaz-nord.theme-dark .token.color,
body.color-scheme-options-topaz-nord.theme-dark .token.hexcode.color {
color: var(--nord8) !important;
}
body.color-scheme-options-topaz-nord.theme-dark #calendar-container,
body.style-options-for-calendar-plugin-style-one.color-scheme-options-topaz-nord.theme-dark #calendar-container {
--color-tr: var(--nord0);
--color-calendar-weekends: var(--nord11);
}
body.color-scheme-options-topaz-nord .theme-light,
body.color-scheme-options-topaz-nord.theme-light {
--accent-h: 210;
--accent-s: 34%;
--accent-l: 63%;
--accent-em: var(--nord14-0);
--text-selection: var(--nord9-2);
--interactive-accent-rgb: 129, 161, 193;
--tag-text: #3a79dd;
--tag1: #005aec21;
--tag2: #005aec21;
--tag3: #005aec21;
--tag4: #005aec21;
--tag5: #005aec21;
--h1-color: var(--print-h1-color,var(--nord11));
--h2-color: var(--print-h2-color,var(--nord12));
--h3-color: var(--print-h3-color,var(--nord13-0));
--h4-color: var(--print-h4-color,var(--nord14-0));
--h5-color: var(--print-h5-color,var(--nord8-0));
--h6-color: var(--print-h6-color,var(--nord15));
--background-code: var(--nord6-2);
--background-blockquote: var(--nord6-2);
--text-highlight-bg: var(--nord13-1);
--mark-highlight-strong-em: var(--nord13-1);
--text-color-code: var(--nord8-0);
--color-view-header-gradient-1: var(--background-primary-bg-4-bt);
--color-view-header-gradient-2: var(--background-primary-bg-4-bt);
--strong-em-color-1: var(--accent-strong);
--strong-em-color-2: var(--accent-strong);
--strong-em-highlight-color: var(--accent-strong);
--embed-color: var(--nord6-2);
--activeline-background: var(--nord5-1);
--list-ul-block-color: var(--nord12);
--list-ul-disc-color: var(--nord12);
--green-1: var(--nord14-0);
--list-ul-hover: var(--nord13-0);
--list-ol-block-color: var(--nord9);
--list-ol-number-color: var(--nord9);
--list-ol-hover: var(--nord7);
--table-thead-background-color: var(--nord9-2);
--table-hover-raw-color: var(--nord9-2);
--table-hover-color: var(--nord9-2);
--table-hover-thead-color: var(--nord9-1);
--checkbox-color-0: var(--interactive-accent);
--graph-text-color: var(--nord1);
--graph-tag: var(--nord7);
--graph-attach: var(--nord15);
--graph-circle: var(--nord9);
--graph-line: var(--nord3-1);
--graph-unresolved: var(--nord11);
--graph-arrow: var(--nord11);
--text-search-highlight-bg: var(--nord9-2);
}
/*@Lavi & @嘴 的Flamingo主题色原Pink Topaz*/
body.color-scheme-options-flamingo .theme-light,
body.color-scheme-options-flamingo.theme-light {
--background-primary: var(--background-primary-bg-4-bt,#efe9d9);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#ffdece);
--background-secondary: var(--background-secondary-bg-4-bt,#efe9d9);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#efe9d9);
--background-4-sliding-panel: #efe9d9;
--background-mobile-drawer-1: #efe9d9;
--background-mobile-drawer-2: #efe9d9;
--graph-control-bg: #efe9d9;
--background-modifier-border: rgba(0, 0, 0, 0.1);
--background-modifier-form-field: #ffdece;
--background-modifier-form-field-highlighted: #f5a7a2;
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
--background-modifier-success: #ffdece;
--background-modifier-error: #f5a7a2;
--background-modifier-error-rgb: 230, 135, 135;
--background-modifier-error-hover: #fefcf9;
--text-normal: #37291a;
--text-muted: #37291a;
--text-faint: #37291a;
--accent-strong: #37291a;
--text-error: #f5a7a2;
--text-error-hover: #fefcf9;
--text-highlight-bg-h: 4;
--text-highlight-bg-s: 81%;
--text-highlight-bg-l: 80%;
--text-highlight-bg-a: 0.847;
--text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
--text-selection: #f39ba044;
--interactive-accent-rgb: 245,167,162;
--accent-h: 4;
--accent-s: 81%;
--accent-l: 80%;
--panel-border-color: #fd355a;
--search-text: #37291a;
--folder-title: #37291a;
--gray-1: #c4c4c4;
--gray-2: #7c8595;
--red: #fd355a;
--red-1: #980000;
--green: #40916c;
--darkgreen: #004f2d;
--blue: #69a2ee;
--darkblue: #5981f0;
--purple: #8673b4;
--aqua: #4dd8ef;
--yellow: #ffc727;
--light-yellow: #e5e79c;
--orange: #f19c79;
--light-purple: #d3d6fe;
--blue-green: #16bcc0;
--search-result-file-title-color: #980000;
--list-ul-block-color: #f5a7a2;
--list-ul-disc-color: #fd355a;
--list-ul-hover: #980000;
--list-ol-block-color: #f5a7a2;
--list-ol-number-color: #f5a7a2;
--list-ol-hover: #980000;
--stag1: #fd355a;
--stag2: #fd355a;
--stag3: #fd355a;
--tag1: #56cfc7c7;
--tag2: #eca1bcda;
--tag3: #e6d00d;
--tag4: #40916c;
--tag5: #68c7a4;
--h1-color: var(--print-h1-color,#f39ba0);
--h2-color: var(--print-h2-color,#f39ba0);
--h3-color: var(--print-h3-color,#f39ba0);
--h4-color: var(--print-h4-color,#f39ba0);
--h5-color: var(--print-h5-color,#f39ba0);
--h6-color: var(--print-h6-color,#f39ba0);
--graph-text-color: #37291a;
--graph-tag: #ffdece;
--graph-attach: #f5a7a2;
--graph-circle: #FD355C;
--graph-line: #fea2c2;
--graph-unresolved: #E87659;
--graph-arrow: #980000;
--mermaid-active-task-color: #f5a7a2;
--mermaid-seq-dia-color: #ffdece;
--table-background-color: #ffdece;
--table-background-color-odd: #ffdece;
--table-border-color: #fd355a;
--table-thead-background-color: #f5a7a2;
--table-hover-color: #f5a7a2;
--table-hover-thead-color: #f5a7a2;
--table-hover-raw-color: #ffdece;
--calendar-week-color: #f5a7a2;
--calendar-week-hover: #ffdece;
--calendar-week-background-color: #ffdece;
--day-planner-pie: #f5a7a2;
--day-planner-timeline: #ffdece;
--day-planner-line: #fd355a;
--day-planner-dot: #ffdece;
--day-planner-item-hover: #f5a7a2;
--event-item-color1: #f39ba063;
--event-item-color2: #f39ba091;
--event-item-color3: #f39ba0c4;
--event-item-color4: #f39ba0;
--event-item-color5: #D08489;
--event-item-color6: #B27175;
--event-item-color7: #D08489;
--event-item-color8: #f39ba0;
--event-item-color9: #f39ba0c4;
--event-item-color10: #f39ba091;
--note-important: #fd355a;
--note-cloze: #fd355a;
--stickies-color-1: #e46969;
--stickies-color-2: #f5a7a2;
--tape-color: #acacac65;
--header-color: #f5a7a2;
--color-view-header-gradient-1: #efe9d933;
--color-view-header-gradient-2: #efe9d933;
--table-color-calendar-2: rgb(214, 118, 146);
--table-color-rgb: 214, 118, 146;
--scrollbar-thumb-bg: #f39ba050;
--scrollbar-active-thumb-bg: #f39ba0;
}
body.color-scheme-options-flamingo.all-dark-pdf .print.theme-light,
body.color-scheme-options-flamingo.theme-dark {
--background-primary: var(--background-primary-bg-4-bt,#212121);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#f937590d);
--background-secondary: var(--background-secondary-bg-4-bt,#242424);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#191919);
--background-modifier-border: #191919;
--background-modifier-form-field: #f39ba0;
--background-modifier-form-field-highlighted: #e5c7a9;
--background-modifier-box-shadow: #292929;
--background-modifier-success: #f93759;
--background-modifier-error: #f93759;
--background-modifier-error-rgb: #f93759;
--background-modifier-error-hover: #F93758;
--text-normal: #efe9d9;
--text-muted: #efe9d9;
--text-faint: #efe9d9;
--accent-strong: #efe9d9;
--text-em-color: #f93759;
--text-error: #f93759;
--text-error-hover: #f93759;
--text-highlight-bg-h: 357;
--text-highlight-bg-s: 79%;
--text-highlight-bg-l: 78%;
--text-highlight-bg-a: 0.847;
--text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
--text-selection: #e5c7a94a;
--accent-h: 357;
--accent-s: 79%;
--accent-l: 78%;
--interactive-accent-rgb: 243, 155, 160;
--panel-border-color: #f93759;
--search-text: #fff;
--folder-title: #fff;
--gray-1: #c9b0b0;
--gray-2: #b4b1c6;
--red: #ff9090;
--red-1: #f93759;
--orange: #f28d61;
--green: #00ffc7;
--darkgreen: #1bbc9b;
--aqua: #30daff;
--purple: #b073ff;
--blue: #00a3b9;
--darkblue: #0040ff;
--yellow: #fcdc00;
--light-yellow: #ffd26c;
--search-result-file-title-color: #f39ba0;
--background-blockquote-dark: #292929;
--list-ul-block-color: #f39ba0;
--list-ul-disc-color: #f93759;
--list-ul-hover: #ffebec;
--list-ol-block-color: #f39ba0;
--list-ol-number-color: #ffccbc;
--list-ol-hover: #ffebec;
--stag1: #f39ba0;
--stag2: #ffccbc;
--stag3: #ffebec;
--tag1: #028588;
--tag2: #40916c;
--tag3: #69a2ee;
--tag4: #c47a5e;
--tag5: #004f2d;
--h1-color: var(--print-h1-color,#ffccbc);
--h2-color: var(--print-h2-color,#ffccbc);
--h3-color: var(--print-h3-color,#ffccbc);
--h4-color: var(--print-h4-color,#ffccbc);
--h5-color: var(--print-h5-color,#ffccbc);
--h6-color: var(--print-h6-color,#ffccbc);
--graph-text-color: #efe9d9;
--graph-tag: #f39ba0;
--graph-attach: #ffebec;
--graph-circle: #f39ba0;
--graph-line: #ffc3bc;
--graph-unresolved: #ffccbc;
--graph-arrow: #ffc3bc;
--mermaid-active-task-color: #F39BA4;
--mermaid-seq-dia-color: #ffebec;
--table-background-color: #212121;
--table-background-color-odd: transparent;
--table-border-color: #ffebec;
--table-thead-background-color: #f39ba0ad;
--table-hover-raw-color: #292929;
--table-hover-color: #ffccbc0a;
--table-hover-thead-color: #f39ba0;
--calendar-week-color: #ffccbc;
--calendar-week-hover: #f39ba0;
--calendar-week-background-color: transparent;
--day-planner-pie: #ffccbc;
--day-planner-timeline: #ff9b7c;
--day-planner-line: #f39ba0;
--day-planner-dot: #ffebec;
--day-planner-item-hover: #f39ba0;
--event-item-color9: #ffc3bc;
--event-item-color8: #ffbcbc;
--event-item-color10: #ffccbc;
--event-item-color7: #ffbcc4;
--event-item-color6: #ffbcbc;
--event-item-color5: #ffc3bc;
--event-item-color4: #ffccbc;
--event-item-color3: #ffd4bc;
--event-item-color2: #ffdcbc;
--event-item-color1: #ffe4bc;
--note-important: #f93759;
--note-cloze: #f93759;
--stickies-color-1: #f39ba0;
--stickies-color-2: #ffebec;
--tape-color: #ffccbc47;
--header-color: #f39ba0;
--color-view-header-gradient-1: #21212122;
--color-view-header-gradient-2: #21212122;
--table-color-calendar-2: rgb(215, 86, 125);
--table-color-rgb: 215, 86, 125;
--scrollbar-thumb-bg: #e2bdbd50;
--scrollbar-active-thumb-bg: #e2bdbd;
}
body.color-scheme-options-flamingo.theme-light #calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-tr: #ffdece8c !important;
--color-tr-odd: #ffdece !important;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
padding: 0px 5px 0px 8px;
margin: -21px -8px 0px -8px;
line-height: 0.6;
}
/*表格调整*/
/*星期*/
body.color-scheme-options-flamingo.theme-light #calendar-container th {
padding: 6px 0;
border-radius: 0px !important;
background-color: var(--table-thead-background-color) !important;
}
body.color-scheme-options-flamingo.theme-light #calendar-container .week-num,
body.color-scheme-options-flamingo.theme-light #calendar-container .day {
border-radius: 0px !important;
}
/*天*/
body.color-scheme-options-flamingo.theme-light #calendar-container td {
width: 12.5%;
border-right: 0px solid var(--background-secondary-alt);
padding: 0px 0px 0px 0px !important;
line-height: 22px;
border-radius: 0px !important;
}
body.color-scheme-options-flamingo.theme-light #calendar-container tr {
border: 2px solid var(--background-secondary-alt);
}
/*“Today”*/
body.color-scheme-options-flamingo.theme-light #calendar-container .reset-button {
font-size: 14px !important;
margin: 0;
padding: 0;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
/*悬停Today*/
body.color-scheme-options-flamingo.theme-light #calendar-container .reset-button:hover {
color: var(--header-color);
background-color: var(--table-hover-raw-color);
}
/*悬停arrow*/
body.color-scheme-options-flamingo.theme-light #calendar-container .arrow:hover {
color: var(--theme-color);
}
body.color-scheme-options-flamingo.theme-light #calendar-container .day:active,
body.color-scheme-options-flamingo.theme-light #calendar-container .active,
body.color-scheme-options-flamingo.theme-light #calendar-container .active.today {
background-color: #f5a7a2 !important;
}
/*点调整 dot*/
body.color-scheme-options-flamingo.theme-light #calendar-container .dot-container {
margin-top: -2px;
margin-bottom: -1px;
}
/*月份调整 month*/
body.color-scheme-options-flamingo.theme-light #calendar-container .month {
font-size: 20px;
line-height: 1;
}
/*年份调整 year*/
body.color-scheme-options-flamingo.theme-light #calendar-container .year {
font-size: 20px;
line-height: 1;
}
/*星期数 week*/
body.color-scheme-options-flamingo.theme-light #calendar-container .week-num {
background-color: var(--calendar-week-background-color);
font-weight: 600;
}
/*星期数悬停 week hover*/
body.color-scheme-options-flamingo.theme-light #calendar-container .week-num:hover {
background-color: var(--calendar-week-hover) !important;
}
/*比上面那个还菜鸟的人做的一些修改*/
body.color-scheme-options-flamingo.theme-light .nav-folder.mod-root>.nav-folder-title {
background-color: var(--background-secondary-alt-bg-4-bt)
}
body.color-scheme-options-flamingo.theme-light .admonition {
background-color: #ffebec15 !important;
}
body.color-scheme-options-flamingo.theme-light {
--font-family-vault: Arlrdbd, 'Source Han Sans', 'Noto Sans CJK', 'Source Sans Pro' !important; /*左侧库名字体*/
--font-family-folder-file-title: Arlrdbd, 'Source Han Sans', 'Noto Sans CJK', 'Source Sans Pro' !important;/*左侧边栏文件、文件夹字体*/
}
body.color-scheme-options-flamingo.theme-light .tag[href^="#DailyNote"] {
background-color: var(--tag1);
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
}
body.color-scheme-options-flamingo.theme-light .tag[href^="#DailyNote"]::after {
content: '❀';
font-size: var(--font-size-emoji-after-tag);
}
body.color-scheme-options-flamingo.theme-light .search-result-file-match {
background: transparent;
}
/*@Lavi & @嘴 的Flamingo主题色原Pink Topaz到此结束 */
/*=================== Lillian 的配色 ========================*/
/*蜂蜜牛奶配色 by Lillian */
body.color-scheme-options-honey-milk-topaz .theme-light,
body.color-scheme-options-honey-milk-topaz.theme-light {
/*色系设置*/
--color1: #ffde89;
--color2: #ffd876;
--color3: #ffd362;
--color4: #ffcd4e;
--color5: #ffc83b;
--color6: #ffc227;
--color7: #ffbd14;
--color8: #ffb700;
--color9: #ebae14;
--color10: #d8a627;
--color11: #c49d3b;
--main-color: #f1b024;
--low-color: var(--color3);
--high-color: var(--color8);
--deep-color: var(--color11);
--bg-color: #f8f8f5;
--bg-color2: #f0ede0;
--background-primary: var(--background-primary-bg-4-bt,#f8f8f5);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#f0ede0);
--background-secondary: var(--background-secondary-bg-4-bt,#f8f8f5);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f0ede0);
--background-modifier-border: #e1dfdf;
--accent-em: #099d4e;
--text-selection: #66bbaa59;
--accent-h: 41;
--accent-s: 88%;
--accent-l: 54%;
--interactive-accent-rgb: 215, 178, 88;
--search-text: #000000;
--folder-title: #000000;
--strong-em-highlight-color: var(--color11);
--text-highlight-bg-h: 34;
--text-highlight-bg-s: 100%;
--text-highlight-bg-l: 80%;
--text-highlight-bg-a: 0.847;
--text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
--text-search-highlight-bg: var(--color2);
--search-result-file-matched-bg: var(--low-color);
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--background-secondary-alt-bg-4-bt-publish: #f6f6f6;
--search-result-file-title-color: var(--main-color);
--list-ul-block-color: var(--color6);
--list-ul-disc-color: var(--main-color);
--green-1: #3dc730;
--list-ul-hover: var(--low-color);
--list-ol-block-color: var(--main-color);
--list-ol-number-color: var(--main-color);
--list-ol-hover: var(--low-color);
--h1-color: var(--print-h1-color,var(--color6));
--h2-color: var(--print-h2-color,var(--color7));
--h3-color: var(--print-h3-color,var(--color8));
--h4-color: var(--print-h4-color,var(--color9));
--h5-color: var(--print-h5-color,var(--color10));
--h6-color: var(--print-h6-color,var(--color11));
/*graph*/
--graph-text-color: #696969;
--graph-tag: #77d425cc;
--graph-attach: #afcfe0cc;
--graph-circle: var(--color3);
--graph-line: #b1b1b1;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: var(--bg-color);
/*mermaid*/
--mermaid-active-task-color: var(--high-color);
--mermaid-seq-dia-color: var(--low-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: #ffffffaf;
--table-border-color: #7d7d7d;
--table-thead-background-color: var(--color1);
--table-hover-raw-color: var(--color2);
--table-hover-color: var(--color1);
--table-hover-thead-color: var(--color2);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--deep-color);
--day-planner-timeline: #d62f2f;
--day-planner-line: var(--low-color);
--day-planner-dot: var(--low-color);
--day-planner-item-hover: var(--color1);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10: var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--deep-color);
--background-4-sliding-pane: var(--bg-color);
/*checklist*/
--checklist-bg: #dfdfdf8e;
--checklist-bg-hover: #ffffffcc;
--color-view-header-gradient-1: var(--color1);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--main-color);
--checkbox-color-1: #c4c116;
--checkbox-color-2: #4bbf40;
--checkbox-color-3: #ffe9e9;
--checkbox-color-4: #fffbd4;
--checkbox-color-5: #ad7fbf;
--checkbox-color-6: #5f5f5f;
--text-checked-checkbox: #9b9b9b;
--table-color-calendar-2: rgb(242, 235, 207);
--table-color-rgb: 242, 235, 207;
}
body.color-scheme-options-honey-milk-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-honey-milk-topaz.theme-dark {
/*蜂蜜牛奶 #f1b024*/
--color1: #ffde89;
--color2: #ffd876;
--color3: #ffd362;
--color4: #ffcd4e;
--color5: #ffc83b;
--color6: #ffc227;
--color7: #ffbd14;
--color8: #ffb700;
--color9: #ebae14;
--color10: #d8a627;
--color11: #a17f28;
--main-color: #f1b024;
--low-color: var(--color3);
--high-color: var(--color8);
--deep-color: var(--color11);
--bg-color: #222222;
--bg-color2: #333333;
--background-primary: var(--background-primary-bg-4-bt,#222222);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
--background-secondary: var(--background-secondary-bg-4-bt,#333333);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#222222);
--background-modifier-border: #565656;
--text-selection: #47a5914d;/*鼠标选择 文字背景颜色*/
--accent-h: 43;
--accent-s: 69%;
--accent-l: 50%;
--interactive-accent-rgb: 216, 166, 39;/*主题强调色 rgb , 需与主题色一致把上面的值转成rgb放下面*/
--panel-border-color: #18191e;/*侧边栏、下部状态栏线条颜色,改了没有,线条被我取消了 :p*/
--search-text: var(--color1);/*搜索结果文字颜色*/
--folder-title: #ffffff;/*文件栏文件夹文字颜色*/
--strong-em-highlight-color: var(--color11);
--text-search-highlight-bg: #bb4361;
--strong-em-color-1: #43d3ff;/*加粗斜体渐变色1*/
--strong-em-color-2: #baaaff;/*加粗斜体渐变色2*/
--search-result-file-matched-bg: var(--color9);/* 搜索结果文字高亮颜色 */
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--background-transparent-blue: #003e759a;
--scrollbar-thumb-bg: #8282827e;
--scrollbar-active-thumb-bg: #828282;
--search-result-file-title-color: var(--main-color);
--background-blockquote: #9191911c;/*引用框背景颜色*/
--background-code: #1111118c;/*代码框背景颜色*/
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;/*代码框文字颜色*/
--list-ul-block-color: var(--deep-color);
--list-ul-disc-color: var(--main-color);
--green-1: #3dc730;
--list-ul-hover: var(--low-color);
--list-ol-block-color: var(--deep-color);
--list-ol-number-color: var(--main-color);
--list-ol-hover: var(--low-color);
--h1-color: var(--print-h1-color,var(--color6));
--h2-color: var(--print-h2-color,var(--color7));
--h3-color: var(--print-h3-color,var(--color8));
--h4-color: var(--print-h4-color,var(--color9));
--h5-color: var(--print-h5-color,var(--color10));
--h6-color: var(--print-h6-color,var(--color11));
/*graph*/
--graph-text-color: #B5B5B5;/*图谱文字颜色*/
--graph-tag: #88d842bb;/*图谱线颜色*/
--graph-attach: #b2cfe0bb;/*图谱附件颜色*/
--graph-circle: var(--color8);/*图谱普通点颜色*/
--graph-line: #8c8c8c;/*图谱线颜色*/
--graph-unresolved: #f08080de;/*图谱未创建点颜色,兼未创建双链颜色*/
--graph-arrow: #c23917;/*图谱箭头颜色*/
--graph-control-bg: #00000080;/*图谱控制窗背景颜色*/
/*mermaid*/
--mermaid-active-task-color: var(--low-color);
--mermaid-seq-dia-color: var(--high-color);
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #878787;
--table-thead-background-color: var(--color11);
--table-hover-raw-color: var(--color10);
--table-hover-color: var(--color11);;
--table-hover-thead-color: var(--color10);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--color1);
--day-planner-timeline: #000000;
--day-planner-line: var(--low-color);
--day-planner-dot: var(--low-color);
--day-planner-item-hover: var(--main-color);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10: var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--color1);
--color-view-header-gradient-1: var(--bg-color2);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--main-color);
--table-color-calendar-2: rgb(120, 104, 38);
--table-color-rgb: 120, 104, 38;
}
body.color-scheme-options-honey-milk-topaz #calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-tr: var(--bg-color) !important;
--color-tr-odd: #ffdece !important;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
padding: 0px 5px 0px 8px;
margin: -21px -8px 0px -8px;
line-height: 0.6;
}
/*巧克力色 by Lillian */
body.color-scheme-options-chocolate-topaz .theme-light,
body.color-scheme-options-chocolate-topaz.theme-light {
--color1: #f8d3a0;
--color2: #d8a86a;
--color3: #c2907a;
--color4: #af7d6b;
--color5: #af694f;
--color6: #74412d;
--color7: #683725;
--color8: #502819;
--color9: #552917;
--color10: #572917;
--color11: #4b1e0e;
--main-color: var(--color6);
--low-color: var(--color3);
--high-color: var(--color8);
--deep-color: var(--color11);
--bg-color: #faf4eb;
--bg-color2: #f7e6ce;
--background-primary: var(--background-primary-bg-4-bt,#faf4eb);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#faf4eb);
--background-secondary: var(--background-secondary-bg-4-bt,#faf4eb);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f7e6ce);
--background-modifier-border: #e1dfdf;
--accent-em: #099d4e;
--text-selection: #66bbaa59;
--accent-h: 17;
--accent-s: 44%;
--accent-l: 32%;
--interactive-accent-rgb: 116, 65, 45;
--strong-em-highlight-color: var(--color11);
--text-search-highlight-bg: #ffd1dd;
--search-result-file-matched-bg: var(--low-color);
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--background-secondary-alt-bg-4-bt-publish: #f6f6f6;
--search-result-file-title-color: var(--main-color);
--background-blockquote: #b6b6b62c;
--background-code: #ebebeb71;
--background-code-2: #cccccc62;
--text-color-code: #e95d00;
--list-ul-block-color: var(--color5);
--list-ul-disc-color: var(--main-color);
--green-1: #3dc730;
--list-ul-hover: var(--low-color);
--list-ol-block-color: var(--main-color);
--list-ol-number-color: var(--main-color);
--list-ol-hover: var(--low-color);
--tag-text: #f8f8f8;
--stag1: #fa8787;
--stag1-bg: #eb2727;
--stag2: #fdbd5c;
--stag2-bg: #ee9002;
--stag3: #50ce3a;
--stag3-bg: #22ac09;
--tag1: var(--color3);
--tag2: var(--color4);
--tag3: var(--color5);
--tag4: var(--color6);
--tag5: var(--color7);
--tag-dailynote: var(--low-color);
--tag-dailynote-bg: var(--color3);
--tag-weeklynote: var(--color6);
--tag-weeklynote-bg: var(--color4);
--tag-questions: var(--color5);
--tag-questions-bg: var(--color5);
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--h1-color: var(--print-h1-color,var(--color7));
--h2-color: var(--print-h2-color,var(--color6));
--h3-color: var(--print-h3-color,var(--color5));
--h4-color: var(--print-h4-color,var(--color4));
--h5-color: var(--print-h5-color,var(--color3));
--h6-color: var(--print-h6-color,var(--color2));
/*graph*/
--graph-text-color: #696969;
--graph-tag: #77d425cc;
--graph-attach: #afcfe0cc;
--graph-circle: var(--color3);
--graph-line: #b1b1b1;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: var(--bg-color);
/*mermaid*/
--mermaid-active-task-color: var(--high-color);
--mermaid-seq-dia-color: var(--low-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #7d7d7d;
--table-thead-background-color: var(--color1);
--table-hover-raw-color: var(--color2);
--table-hover-color: var(--color1);
--table-hover-thead-color: var(--color2);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--deep-color);
--day-planner-timeline: #d62f2f;
--day-planner-line: var(--low-color);
--day-planner-dot: var(--low-color);
--day-planner-item-hover: var(--color1);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10: var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--deep-color);
--background-4-sliding-pane: var(--bg-color);
--color-view-header-gradient-1: var(--color1);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--main-color);
--table-color-calendar-2: rgb(76, 52, 16);
--table-color-rgb: 76, 52, 16;
}
body.color-scheme-options-chocolate-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-chocolate-topaz.theme-dark {
/* 焦茶色 焦茶#6f4b3e */
--color1: #f8d3a0;
--color2: #d8a86a;
--color3: #c2907a;
--color4: #af7d6b;
--color5: #af694f;
--color6: #74412d;
--color7: #683725;
--color8: #502819;
--color9: #552917;
--color10: #572917;
--color11: #4b1e0e;
--main-color: var(--color6);
--low-color: var(--color3);
--high-color: var(--color7);
--deep-color: var(--color11);
/*黑暗颜色的背景不建议修改*/
--bg-color: #222222;
--bg-color2: #222222;
--background-primary: var(--background-primary-bg-4-bt,#222222);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
--background-secondary: var(--background-secondary-bg-4-bt,#222222);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#222222);
--background-modifier-border: #565656;/*一些线条颜色*/
--text-muted: #8a8a8a;/*muted 文字颜色*/
--text-faint: #797979;/*faint 文字颜色*/
--text-folder-file: #b3b3b3;/*文件夹、文件 文字颜色*/
--accent-em: #a4ca8e;/*斜体 文字颜色*/
--text-selection: #47a5914d;/*鼠标选择 文字背景颜色*/
--accent-h: 17;
--accent-s: 44%;
--accent-l: 32%;
--interactive-accent: var(--main-color); /*主题强调色*/
--interactive-accent-rgb: 116, 65, 45;/*主题强调色 rgb , 需与主题色一致把上面的值转成rgb放下面*/
--panel-border-color: #18191e;/*侧边栏、下部状态栏线条颜色,改了没有,线条被我取消了 :p*/
--search-text: #e0e0e0;/*搜索结果文字颜色*/
--folder-title: #ffffff;/*文件栏文件夹文字颜色*/
--strong-em-highlight-color: var(--color11);
--text-search-highlight-bg: #bb4361;
--strong-em-color-1: #43d3ff;/*加粗斜体渐变色1*/
--strong-em-color-2: #baaaff;/*加粗斜体渐变色2*/
--search-result-file-matched-bg: var(--color9);/* 搜索结果文字高亮颜色 */
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--background-transparent-blue: #003e759a;/*用在kanban里的可以不调*/
--scrollbar-thumb-bg: #8282827e;
--scrollbar-active-thumb-bg: #828282;
--search-result-file-title-color: var(--main-color);
--background-blockquote: #9191911c;/*引用框背景颜色*/
--background-code: #1111118c;/*代码框背景颜色*/
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;/*代码框文字颜色*/
--list-ul-block-color: var(--color6);
--list-ul-disc-color: var(--main-color);
--green-1: #3dc730;
--list-ul-hover: var(--low-color);
--list-ol-block-color: var(--main-color);
--list-ol-number-color: var(--main-color);
--list-ol-hover: var(--low-color);
--tag-text: #e4e4e4;
--stag1: #f08383;
--stag1-bg: #bd1919;
--stag2: #e7b263;
--stag2-bg: #ac6700;
--stag3: #77df89;
--stag3-bg: #058c1c;
--tag1: var(--color11);
--tag2: var(--color10);
--tag3: var(--color9);
--tag4: var(--color8);
--tag5: var(--color7);
--tag-dailynote: var(--mian-color);
--tag-dailynote-bg: var(--color5);
--tag-weeklynote: var(--color3);
--tag-weeklynote-bg: var(--color6);
--tag-questions: var(--color8);
--tag-questions-bg: var(--color8);
--tag-ideas: #fcfcc0;
--tag-ideas-bg: #565656d8;
--h1-color: var(--print-h1-color,var(--color2));
--h2-color: var(--print-h2-color,var(--color3));
--h3-color: var(--print-h3-color,var(--color4));
--h4-color: var(--print-h4-color,var(--color5));
--h5-color: var(--print-h5-color,var(--color6));
--h6-color: var(--print-h6-color,var(--color7));
/*graph*/
--graph-text-color: #B5B5B5;
--graph-tag: #88d842bb;
--graph-attach: #b2cfe0bb;
--graph-circle: var(--color8);
--graph-line: #8c8c8c;
--graph-unresolved: #f08080de;
--graph-arrow: #c23917;
--graph-control-bg: #00000080;
/*mermaid*/
--mermaid-active-task-color: var(--low-color);
--mermaid-seq-dia-color: var(--high-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #878787;
--table-thead-background-color: var(--color11);
--table-hover-raw-color: var(--color10);
--table-hover-color: var(--color11);;
--table-hover-thead-color: var(--color10);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--color1);
--day-planner-timeline: #000000;
--day-planner-line: var(--low-color);
--day-planner-dot: var(--low-color);
--day-planner-item-hover: var(--main-color);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10: var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--color1);
--background-4-sliding-panel: #252525ed;/* sliding panes 背景颜色 */
--color-view-header-gradient-1: var(--bg-color2);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--main-color);
--table-color-calendar-2: rgb(70, 45, 6);
--table-color-rgb: 70, 45, 6;
}
body.color-scheme-options-chocolate-topaz #calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-tr: var(--bg-color) !important;
--color-tr-odd: #ffdece !important;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
/*===*/
padding: 0px 5px 0px 8px;
margin: -21px -8px 0px -8px;
line-height: 0.6;
}
body.color-scheme-options-autumn-topaz .theme-light,
body.color-scheme-options-autumn-topaz.theme-light {
/*色系设置*/
--color1: #ebe1cc;
--color2: #e4ca8f;
--color3: #e6bf66 ;
--color4: #fab102;
--color5: #b6af00;
--color6: #70a600;
--color7: #00992c;
--color8: #00884a;
--color9: #007562;
--color10: #006674;
--color11: #2f4858;
/*Lillian: 第三步把上面的色系粘贴到dark模式下*/
--main-color: var(--color6);
--low-color: var(--color4);
--high-color: var(--color7);
--deep-color:var(--color11);
--bg-color:#fafaf3;
--bg-color2:#bbddcd;
--background-primary: var(--background-primary-bg-4-bt,#fafaf3);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#fafaf3);
--background-secondary: var(--background-secondary-bg-4-bt,#fafaf3);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#bbddcd);
--accent-h: 80;
--accent-s: 100%;
--accent-l: 33%;
--interactive-accent-rgb: 112, 166, 0;
--strong-em-highlight-color: var(--color11);
--text-search-highlight-bg: #ffd1dd;
--search-result-file-matched-bg: var(--low-color);
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--search-result-file-title-color: var(--main-color);
--list-ul-block-color: var(--color5);
--list-ul-disc-color: var(--main-color);
--green-1: #3dc730;
--list-ul-hover: var(--low-color);
--list-ol-block-color: var(--main-color);
--list-ol-number-color: var(--main-color);
--list-ol-hover: var(--low-color);
--tag1: var(--color3);
--tag2: var(--color4);
--tag3: var(--color5);
--tag4: var(--color6);
--tag5: var(--color7);
--tag-dailynote: var(--low-color);
--tag-dailynote-bg: var(--color3);
--tag-weeklynote: var(--color6);
--tag-weeklynote-bg: var(--color4);
--tag-questions: var(--color5);
--tag-questions-bg: var(--color5);
--h1-color: var(--print-h1-color,var(--color9));
--h2-color: var(--print-h2-color,var(--color8));
--h3-color: var(--print-h3-color,var(--color7));
--h4-color: var(--print-h4-color,var(--color6));
--h5-color: var(--print-h5-color,var(--color5));
--h6-color: var(--print-h6-color,var(--color4));
/*graph*/
--graph-circle: var(--color3);
--graph-control-bg: var(--bg-color);
/*mermaid*/
--mermaid-active-task-color: var(--high-color);
--mermaid-seq-dia-color: var(--low-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #7d7d7d;
--table-thead-background-color: var(--color1);
--table-hover-raw-color: var(--color2);
--table-hover-color: var(--color1);
--table-hover-thead-color: var(--color2);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--deep-color);
--day-planner-timeline: #d62f2f;
--day-planner-line: var(--low-color);
--day-planner-dot: var(--low-color);
--day-planner-item-hover: var(--color1);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10:var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--deep-color);
--background-4-sliding-pane: var(--bg-color);
--color-view-header-gradient-1: #70a60085;
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--main-color);
--table-color-calendar-2: rgb(222, 236, 182);
--table-color-rgb: 222, 236, 182;
}
body.color-scheme-options-autumn-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-autumn-topaz.theme-dark {
/* 黄绿*/
--color1: #ebe1cc;
--color2: #e4ca8f;
--color3: #e6bf66 ;
--color4: #fab102;
--color5: #b6af00;
--color6: #70a600;
--color7: #00992c;
--color8: #00884a;
--color9: #007562;
--color10: #006674;
--color11: #2f4858;
--main-color: var(--color6);
--low-color: var(--color3);
--high-color: var(--color7);
--deep-color:var(--color11);
--bg-color:#222222;
--bg-color2:#444444;
--background-primary: var(--background-primary-bg-4-bt,#222222);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
--background-secondary: var(--background-secondary-bg-4-bt,#222222);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#444444);
--text-muted: #8a8a8a; /*muted 文字颜色*/
--text-faint: #797979; /*faint 文字颜色*/
--text-folder-file: #b3b3b3; /*文件夹、文件 文字颜色*/
--accent-strong: #f7f7f7; /*加粗 文字颜色*/
--accent-em: #a4ca8e; /*斜体 文字颜色*/
--text-selection: #47a5914d; /*鼠标选择 文字背景颜色*/
--interactive-accent: var(--main-color); /*主题强调色*/
--interactive-accent-rgb: 104, 56, 39; /*主题强调色 rgb , 需与主题色一致把上面的值转成rgb放下面*/
--strong-em-highlight-color: var(--color11);
--search-result-file-matched-bg: var(--color9); /* 搜索结果文字高亮颜色 */
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--search-result-file-title-color: var(--main-color);
--list-ul-block-color: var(--color6);
--list-ul-disc-color: var(--main-color);
--green-1: #3dc730;
--list-ul-hover: var(--low-color);
--list-ol-block-color: var(--main-color);
--list-ol-number-color: var(--main-color);
--list-ol-hover: var(--low-color);
--tag1: var(--color11);
--tag2: var(--color10);
--tag3: var(--color9);
--tag4: var(--color8);
--tag5: var(--color7);
--tag-dailynote: var(--mian-color);
--tag-dailynote-bg: var(--color5);
--tag-weeklynote: var(--color3);
--tag-weeklynote-bg: var(--color6);
--tag-questions: var(--color8);
--tag-questions-bg: var(--color8);
--tag-ideas: #fcfcc0;
--tag-ideas-bg: #565656d8;
--h1-color: var(--print-h1-color,var(--color4));
--h2-color: var(--print-h2-color,var(--color5));
--h3-color: var(--print-h3-color,var(--color6));
--h4-color: var(--print-h4-color,var(--color7));
--h5-color: var(--print-h5-color,var(--color8));
--h6-color: var(--print-h6-color,var(--color9));
--graph-text-color: #B5B5B5; /*图谱文字颜色*/
--graph-tag: #88d842bb; /*图谱线颜色*/
--graph-attach: #b2cfe0bb; /*图谱附件颜色*/
--graph-circle: var(--color8); /*图谱普通点颜色*/
--graph-line: #8c8c8c; /*图谱线颜色*/
--graph-unresolved: #f08080de; /*图谱未创建点颜色,兼未创建双链颜色*/
--graph-arrow: #c23917; /*图谱箭头颜色*/
--graph-control-bg: #00000080; /*图谱控制窗背景颜色*/
/*mermaid*/
--mermaid-active-task-color: var(--low-color);
--mermaid-seq-dia-color: var(--high-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #878787;
--table-thead-background-color: var(--color11);
--table-hover-raw-color: var(--color10);
--table-hover-color: var(--color11);;
--table-hover-thead-color: var(--color10);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--color1);
--day-planner-timeline: #000000;
--day-planner-line: var(--low-color);
--day-planner-dot: var(--low-color);
--day-planner-item-hover: var(--main-color);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10:var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--color1);
--checklist-bg-hover: #08080896;
--color-view-header-gradient-1: var(--bg-color2);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--main-color);
--table-color-calendar-2: rgb(81, 165, 39);
--table-color-rgb: 81, 165, 39;
}
body.color-scheme-options-autumn-topaz #calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-tr: var(--bg-color) !important;
--color-tr-odd: #ffdece !important;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
padding: 0px 5px 0px 8px;
margin: -21px -8px 0px -8px;
line-height: 0.6;
}
body.color-scheme-options-lillimon-topaz .theme-light,
body.color-scheme-options-lillimon-topaz.theme-light {
/*魔方浅色*/
/*色系设置*/
--magic-low-color: #e0e79a;
--magic-main-color: var(--theme-color);
--magic-deep-color: #746909;
--accent-h: 66;
--accent-s: 96%;
--accent-l: 33%;
--bg-color: #f8f8f5;
--bg-color2: #e7e7e4;
/*色系共 5 个值3个主题色+2个背景色*/
--color1: var(--magic-low-color);
--color2: var(--magic-low-color);
--color3: var(--magic-low-color);
--color4: var(--magic-low-color);
--color5: var(--magic-main-color);
--color6: var(--magic-main-color);
--color7: var(--magic-main-color);
--color8: var(--magic-main-color);
--color9: var(--magic-deep-color);
--color10: var(--magic-deep-color);
--color11: var(--magic-deep-color);
--high-color: var(--color8);
/*色系设置结束*/
--background-primary: var(--background-primary-bg-4-bt,#f8f8f5);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#f8f8f5);
--background-secondary: var(--background-secondary-bg-4-bt,#f8f8f5);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#e7e7e4);
--text-normal:var(--magic-main-color);
--interactive-accent-rgb: 215, 178, 88;
--strong-em-highlight-color: var(--color11);
--search-result-file-matched-bg: var(--magic-low-color);
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--search-result-file-title-color: var(--magic-main-color);
--list-ul-block-color: var(--color5);
--list-ul-disc-color: var(--magic-main-color);
--green-1: #3dc730;
--list-ul-hover: var(--magic-low-color);
--list-ol-block-color: var(--magic-main-color);
--list-ol-number-color: var(--magic-main-color);
--list-ol-hover: var(--magic-low-color);
--tag-dailynote: var(--magic-low-color);
--tag-dailynote-bg: var(--color10);
--tag-weeklynote: var(--color6);
--tag-weeklynote-bg: var(--color10);
--tag-questions: var(--color5);
--tag-questions-bg: var(--color5);
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--tag1: var(--color3);
--tag2: var(--color4);
--tag3: var(--color5);
--tag4: var(--color6);
--tag5: var(--color7);
--h1-color: var(--print-h1-color,var(--color9));
--h2-color: var(--print-h2-color,var(--color8));
--h3-color: var(--print-h3-color,var(--color7));
--h4-color: var(--print-h4-color,var(--color6));
--h5-color: var(--print-h5-color,var(--color5));
--h6-color: var(--print-h6-color,var(--color4));
/*graph*/
--graph-circle: var(--color3);
--graph-control-bg: var(--bg-color);
/*mermaid*/
--mermaid-active-task-color: var(--high-color);
--mermaid-seq-dia-color: var(--magic-low-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #7d7d7d;
--table-thead-background-color: var(--color1);
--table-hover-raw-color: var(--color2);
--table-hover-color: var(--color1);
--table-hover-thead-color: var(--color2);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--magic-deep-color);
--day-planner-timeline: #d62f2f;
--day-planner-line: var(--magic-low-color);
--day-planner-dot: var(--magic-low-color);
--day-planner-item-hover: var(--color1);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10: var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--magic-deep-color);
--background-4-sliding-pane: var(--bg-color);
--color-view-header-gradient-1: var(--color1);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--magic-main-color);
}
body.color-scheme-options-lillimon-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-lillimon-topaz.theme-dark {
/*魔方深色*/
/*魔方*/
--magic-low-color: #e0e79a;
--magic-main-color: #95a503;
--magic-deep-color: #746909;
--accent-h: 66;
--accent-s: 96%;
--accent-l: 33%;
--bg-color: #222222;
--bg-color2: #333333;
--color1: var(--magic-low-color);
--color2: var(--magic-low-color);
--color3: var(--magic-low-color);
--color4: var(--magic-low-color);
--color5: var(--magic-main-color);
--color6: var(--magic-main-color);
--color7: var(--magic-main-color);
--color8: var(--magic-main-color);
--color9: var(--magic-deep-color);
--color10: var(--magic-deep-color);
--color11: var(--magic-deep-color);
--high-color: var(--color8);
/*主题色设置结束**/
--background-primary: var(--background-primary-bg-4-bt,#222222);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
--background-secondary: var(--background-secondary-bg-4-bt,#222222);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#333333);
--interactive-accent-rgb: 58, 91, 82;
--strong-em-highlight-color: var(--color11);
--search-result-file-matched-bg: var(--high-color);
/* 搜索结果文字高亮颜色 */
--background-mobile-drawer-1: var(--bg-color);
--background-mobile-drawer-2: var(--bg-color);
--search-result-file-title-color: var(--magic-main-color);
--list-ul-block-color: var(--color6);
--list-ul-disc-color: var(--magic-main-color);
--green-1: #3dc730;
--list-ul-hover: var(--magic-low-color);
--list-ol-block-color: var(--magic-main-color);
--list-ol-number-color: var(--magic-main-color);
--list-ol-hover: var(--magic-low-color);
--tag1: var(--color11);
--tag2: var(--color10);
--tag3: var(--color9);
--tag4: var(--color8);
--tag5: var(--color7);
--tag-dailynote: var(--mian-color);
--tag-dailynote-bg: var(--color5);
--tag-weeklynote: var(--color3);
--tag-weeklynote-bg: var(--color6);
--tag-questions: var(--color8);
--tag-questions-bg: var(--color8);
--tag-ideas: #fcfcc0;
--tag-ideas-bg: #565656d8;
--h1-color: var(--print-h1-color,var(--color4));
--h2-color: var(--print-h2-color,var(--color5));
--h3-color: var(--print-h3-color,var(--color6));
--h4-color: var(--print-h4-color,var(--color7));
--h5-color: var(--print-h5-color,var(--color8));
--h6-color: var(--print-h6-color,var(--color9));
--graph-circle: var(--color8);
/*图谱普通点颜色*/
/*mermaid*/
--mermaid-active-task-color: var(--magic-low-color);
--mermaid-seq-dia-color: var(--high-color);
/*table*/
--table-background-color: var(--bg-color2);
--table-background-color-odd: var(--bg-color);
--table-border-color: #878787;
--table-thead-background-color: var(--color11);
--table-hover-raw-color: var(--color10);
--table-hover-color: var(--color11);
--table-hover-thead-color: var(--color10);
/*calendar*/
--calendar-week-color: var(--high-color);
--calendar-week-hover: var(--color1);
--calendar-week-background-color: var(--bg-color);
--calendar-today-background-color: var(--color1);
/*day planner*/
--day-planner-pie: var(--color1);
--day-planner-timeline: #000000;
--day-planner-line: var(--magic-low-color);
--day-planner-dot: var(--magic-low-color);
--day-planner-item-hover: var(--magic-main-color);
--event-item-color1: var(--color2);
--event-item-color2: var(--color3);
--event-item-color3: var(--color4);
--event-item-color4: var(--color5);
--event-item-color5: var(--color6);
--event-item-color6: var(--color7);
--event-item-color7: var(--color8);
--event-item-color8: var(--color9);
--event-item-color9: var(--color10);
--event-item-color10: var(--color11);
/*Sliding panes*/
--sliding-panes-header-color: var(--color1);
--color-view-header-gradient-1: var(--bg-color2);
--color-view-header-gradient-2: var(--bg-color);
/*checkbox*/
--checkbox-color-0: var(--magic-main-color);
}
body.color-scheme-options-lillimon-topaz #calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-tr: var(--bg-color) !important;
--color-tr-odd: #ffdece !important;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
padding: 0px 5px 0px 8px;
margin: -21px -8px 0px -8px;
line-height: 0.6;
}
/*=================== Lillian 的配色 end ========================*/
/*========== awyugan 的 配色 =========*/
body.color-scheme-options-lilac .theme-light,
body.color-scheme-options-lilac.theme-light {
--background-primary: var(--background-primary-bg-4-bt,#d7c4f2);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#e8dffa);
--background-secondary: var(--background-secondary-bg-4-bt,#e1cefa);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#d7c4f2);
--background-modifier-border: #af9dd1;
--background-modifier-success: #d7a4e7;
--text-normal: #0e0e0e;
--text-muted: #ab7ecf;
--text-faint: #a23ac2;
--accent-em: #620ac6;
--text-selection: #8b66bb59;
--interactive-normal: #eaeaeb;
--interactive-hover: #d1b6f0;
--interactive-accent-rgb: 195, 144, 230;/*工作区旁边的线*/
--accent-h: 266;
--accent-s: 62%;
--accent-l: 72%;
--strong-em-highlight-color: #7908ae;
--text-highlight-bg-h: 273;
--text-highlight-bg-s: 65%;
--text-highlight-bg-l: 75%;
--text-highlight-bg-a: 0.706;
--text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
--text-search-highlight-bg: #d1d2ff;
--strong-em-color-1: #5008ae;
--strong-em-color-2: #2e0153;
--search-result-file-matched-bg: #ffc3c3;
--background-mobile-drawer-1: #ffffff;
--background-mobile-drawer-2: #ffffff;
--background-secondary-alt-bg-4-bt-publish: #e1d5eb61;
--scrollbar-thumb-bg: #aa7dd3a8;
--scrollbar-active-thumb-bg: #aa7dd3;
--search-result-file-title-color: #5a10a0;
--background-blockquote: #b6b6b62c;
--internal-link-color: #6203a2;
--list-ul: #ffffff;
--list-ul-block-color: #7f1bb9;
--list-ul-disc-color: #d955f3;
--list-ul-hover: #ba2fdd;
--list-ol-block-color: #7835a5;
--list-ol-number-color: #85429a;
--list-ol-hover: #9231b8;
--green-1: #9c30c7;
--tag-text: #d2a3d4;
--stag1: #fa8787;
--stag1-bg: #eb2727;
--stag2: #fdbd5c;
--stag2-bg: #ee9002;
--stag3: #50ce3a;
--stag3-bg: #22ac09;
--tag1: #2b85ce;
--tag2: #29b325;
--tag3: #20b9ce;
--tag4: #dfd331;
--tag5: #bbbbbb;
--tag-dailynote: #0077ff;
--tag-dailynote-bg: #277CDD;
--tag-weeklynote: #4b9fff;
--tag-weeklynote-bg: #6aafff;
--tag-questions: #b68fff;
--tag-questions-bg: #b085ff;
--tag-ideas: #ceb900;
--tag-ideas-bg: #444444d8;
--h1-color: var(--print-h1-color, #6F6493);
--h2-color: var(--print-h2-color, #724681);
--h3-color: var(--print-h3-color, #330349);
--h4-color: var(--print-h4-color, #2d1445);
--h5-color: var(--print-h5-color, #300e47);
--h6-color: var(--print-h6-color, #331945);
/*graph*/
--graph-text-color: #696969;
--graph-tag: #da9ee2cc;
--graph-attach: #88b0d6cc;
--graph-circle: #ac6fbfcc;
--graph-line: #b1b1b1;
--graph-unresolved: #db4e4ecc;
--graph-arrow: #e25300;
--graph-control-bg: #ffffff9a;
/*mermaid*/
--mermaid-active-task-color: #44bbff;
--mermaid-seq-dia-color: #76c8ff;
/*table*/
--table-background-color: #efe0f1;
--table-background-color-odd: #ffffffaf;
--table-border-color: #7d7d7d;
--table-thead-background-color: #d4a7e6c7;
--table-hover-raw-color: #c485ee2f;
--table-hover-color: #a75dec34;
--table-hover-thead-color: #edddff;
/*calendar*/
--calendar-week-color: #8b32b4;
--calendar-week-hover: #f9e3ff;
--calendar-week-background-color: #d4bfe6;
--calendar-today-background-color: #c2aaee;
--color-text-weeknum: #8b32b4;
/*day planner 改为相应色系*/
--day-planner-pie: #eca95c;
--day-planner-timeline: #d62f2f;
--day-planner-line: #d0aee6;
--day-planner-dot: #d0aee6;
--day-planner-item-hover: #d0aee6;
--event-item-color1: #e6e0f1;
--event-item-color2: #d4cae5;
--event-item-color3: #c2b4d9;
--event-item-color4: #b09fcd;
--event-item-color5: #9f8ac1;
--event-item-color6: #9078b6;
--event-item-color7: #8066ac;
--event-item-color8: #7154a1;
--event-item-color9: #604195;
--event-item-color10: #4f2d89;
--event-item-color11: #3c197c;
--event-item-color12: #280070;
/* stickies */
--stickies-color-1: #b8b3e2;
--stickies-color-2: #e9c6f1;
--tape-color: #acacac65;
/*Sliding panes*/
--sliding-panes-header-color: #2c0240;
--background-4-sliding-pane: #ffffffef;
--color-view-header-gradient-1: #efe0f1ef; /*标题上的颜色*/
--color-view-header-gradient-2: #e1c9f1ef;
/*checkbox*/
--checkbox-color-0: var(--text-accent);
--checkbox-color-1: #e0dd2a;
--checkbox-color-2: #4077bf;
--checkbox-color-3: #ffe9e9;
--checkbox-color-4: #fffbd4;
--checkbox-color-5: #ad7fbf;
--checkbox-color-6: #a3a1a1;
--text-checked-checkbox: #9b9b9b;
--interactive-hover: #dbdbdc;
--table-color-calendar-2: rgb(211, 161, 247);
--table-color-rgb: 211, 161, 247;
--divider-color: #d7c4f2;
--tab-stacked-shadow: #c69fd5;
}
body.color-scheme-options-lilac.all-dark-pdf .print.theme-light,
body.color-scheme-options-lilac.theme-dark {
--bg-color: #462058;
--bg-color2: #b276c4;
--background-primary: var(--background-primary-bg-4-bt,#462058);
--background-primary-alt: var(--background-primary-alt-bg-4-bt,#b276c4);
--background-secondary: var(--background-secondary-bg-4-bt,#462058);
--background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#462058);
--background-modifier-border: #947676;
--text-normal: #c9b8e9;
--text-muted: #c46ec4;
--text-faint: #b932e2;
--text-folder-file: #b3b3b3;
--accent-em: #ca91d8;
--accent-h: 300;
--accent-s: 53%;
--accent-l: 47%;
--interactive-normal: #20242b;
--interactive-hover: #353b47;
--interactive-accent-rgb: 128, 50, 159;
--strong-em-highlight-color: #9c8ce6;
--text-highlight-bg-h: 286;
--text-highlight-bg-s: 40%;
--text-highlight-bg-l: 38%;
--text-highlight-bg-a: 0.541;
--text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
--text-search-highlight-bg: #bb4361;
--strong-em-color-1: #9c8ce6;
--strong-em-color-2: #23d05c;
--background-mobile-drawer-1: #1b1b1b;
--background-mobile-drawer-2: #1b1b1b69;
--background-transparent-blue: #003e759a;
--scrollbar-thumb-bg: #603a8199;
--scrollbar-active-thumb-bg: #603a81;
--search-result-file-title-color: #a75ac6;
--background-blockquote: #9191911c;
--background-code: #1111118c;
--background-code-2: #4c4c4cb0;
--text-color-code: #d58000;
--internal-link-color: #a360da;
--list-ul: #f1a8f8;
--list-ul-block-color: #e142d9a9;
--list-ul-disc-color: #ae63eb;
--green-1: #8442c1;
--list-ul-hover: #9715e2de;
--list-ol-block-color: #9826bbb4;
--list-ol-number-color: #b595c4;
--list-ol-hover: #ba2cd6;
--tag-text: #e4e4e4;
--stag1: #f08383;
--stag1-bg: #bd1919;
--stag2: #e7b263;
--stag2-bg: #ac6700;
--stag3: #77df89;
--stag3-bg: #058c1c;
--tag1: #2b85ce;
--tag2: #29b325;
--tag3: #20b9ce;
--tag4: #dfd331;
--tag5: #bbbbbb;
--h1-color: var(--print-h1-color, #bc7ad4);
--h2-color: var(--print-h2-color, #8d26ac);
--h3-color: var(--print-h3-color, #9642af);
--h4-color: var(--print-h4-color, #d496f8);
--h5-color: var(--print-h5-color, #a192f7);
--h6-color: var(--print-h6-color, #c675f5);
/*graph*/
--graph-tag: #b992ddbb;
--graph-attach: #76c1f0bb;
--graph-circle: #8f70a1bb;
--graph-line: #8c8c8c;
--graph-unresolved: #c3afdade;
/*mermaid*/
--mermaid-active-task-color: #187ef1;
--mermaid-seq-dia-color: #1371be;
/*table*/
--table-background-color: #58266e;
--table-background-color-odd: #0000001c;
--table-border-color: #ac9494;
--table-thead-background-color: #4332ddc2;
--table-hover-raw-color: #08569a21;
--table-hover-color: #4125a5a1;
--table-hover-thead-color: #5f298cc7;
/*calendar*/
--calendar-week-color: #c194df;
--calendar-week-hover: #705c81;
--calendar-week-background-color: #683270;
--calendar-today-background-color: #e01313;
/*day planner 改为相应色系*/
--day-planner-pie: #eca95c;
--day-planner-timeline: #9231b8;
--day-planner-line: #8b36b3;
--day-planner-dot: #8b36b3;
--day-planner-item-hover: #8b36b3;
--event-item-color1: #c79cdb;
--event-item-color2: #b67fd1;
--event-item-color4: #9646bc;
--event-item-color3: #a662c6;
--event-item-color5: #8b3fae;
--event-item-color6: #7f3aa0;
--event-item-color7: #683083;
--event-item-color8: #592672;
--event-item-color9: #371945;
--event-item-color10:#351544;
/* stickies */
--stickies-color-1: #683083;
--stickies-color-2: #823a92;
--tape-color: #99999967;
/*Sliding panes*/
--sliding-panes-header-color: var(--h2-color);
--background-4-sliding-pane: #252525ed;
--color-view-header-gradient-1: #330c46de;
--color-view-header-gradient-2: #002900c0;
/*checkbox*/
--checkbox-color-0: var(--text-accent);
--checkbox-color-1: #dbd821;
--checkbox-color-2: #1061ac;
--checkbox-color-3: #ffd1d1;
--checkbox-color-4: #625d4c;
--checkbox-color-5: #9a67ae;
--checkbox-color-6: #5f5f5f;
--text-checked-checkbox: #b9b8b8;
--interactive-hover: #dbdbdc;
--table-color-calendar-2: rgb(98, 36, 143);
--table-color-rgb: 98, 36, 143;
--tab-stacked-shadow: #240a2e;
}
/*分割工作区的线透明*/
body.color-scheme-options-lilac .workspace-split.mod-left-split>.workspace-leaf-resize-handle,
body.color-scheme-options-lilac .workspace-split.mod-right-split>.workspace-leaf-resize-handle {
width: 2px;
background-color: transparent;
}
/* scrollbar 滚动条颜色*/
body.color-scheme-options-lilac.theme-light ::-webkit-scrollbar-thumb {
background-color: #cbb5e9;
}
body.color-scheme-options-lilac.theme-dark ::-webkit-scrollbar-thumb {
background-color: #683083;
}
/*stickies*/
body.color-scheme-options-lilac .stickies {
color: var(--text-normal);
}
body.color-scheme-options-lilac div .CodeMirror-line span.cm-hashtag-begin + span.cm-hashtag.cm-meta.cm-hashtag-end {
background-color: transparent;
border: 1px solid var(--text-normal);
color: var(--tag-text);
border-radius: var(--radius-l);
padding-right: 0.4375em;
padding-left: 0.4375em;
}
body.color-scheme-options-lilac *:not(font) > em > strong,
body.color-scheme-options-lilac *:not(font) > strong > em,
body.color-scheme-options-lilac .cm-strong.cm-em {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-color: initial;
}
body.color-scheme-options-lilac.theme-dark #calendar-container {
--theme-color-translucent-3: #553b75;
}
body.color-scheme-options-lilac.theme-light #calendar-container {
--theme-color-translucent-3: #dccaffb0;
}
/*======@awyugan--end========*/
/*======@cuman--start========*/
/*modified from https://github.com/hydescarf/Obsidian-Theme-Mado-Miniflow*/
:root {
--simple-white-1:hsla(204, 45%, 97%, 1);
--simple-white-2:hsla(210, 45%, 95%, 1);
--simple-white-3:hsla(212, 17%, 80%, 0.2);
--simple-white-4:hsla(180, 33%, 99%, 1);
--simple-white-5:hsla(207, 10%, 90%, 0.1);
--simple-white-6:hsla(212, 17%, 80%, 0.3);
--simple-blue-1:hsla(209, 95%, 62%, 1);
--simple-blue-2:hsla(209, 85%, 72%, 0.5);
--simple-blue-3: hsla(245, 60%, 67%, 1);
--simple-blue-4:hsla(209, 20%, 66%, 0.62);
--simple-black-1:hsla(0, 0%, 13%, 1);
--simple-black-2:hsla(220, 20%, 35%, 1);
--simple-gray-1:hsla(0, 0%, 33%, 1);
--simple-gray-2:hsla(210, 15%, 70%, 0.2);
--simple-gray-3:hsla(210, 15%, 20%, 0.2);
--simple-gray-4:hsla(210, 6%, 38%, 0.5);
--simple-gray-5:hsla(207, 17%, 90%, 1);
--simple-gray-6:hsla(217, 15%, 83%, 1);
--simple-gray-7:hsla(217, 15%, 83%, 0.7);
--simple-tran:hsla(204, 45%, 97%, 0);
--simple-yellow:hsla(60, 100%, 50%, 0.4);
--simple-orange:hsla(25, 75%, 65%, 1);
--simple-red-1:hsla(365, 90%, 62%, 1);
--simple-red-2:hsl(365, 95%, 85%, 1);
--simple-red-3:hsl(365, 85%, 45%, 1);
--button-radius:4px;
--window-radius:8px;
}
body.color-scheme-options-simplicity-topaz .theme-light,
body.color-scheme-options-simplicity-topaz.theme-light {
--h1-color: var(--print-h1-color,var(--text-normal));
--h2-color: var(--print-h2-color,var(--text-normal));
--h3-color: var(--print-h3-color,var(--text-normal));
--h4-color: var(--print-h4-color,var(--text-normal));
--h5-color: var(--print-h5-color,var(--text-normal));
--h6-color: var(--print-h6-color,var(--text-normal));
--background-accent: var(--simple-white-1);
--background-modifier-border: var(--simple-gray-5);
--background-modifier-form-field: var(--simple-white-1);
--background-modifier-form-field-highlighted: var(--simple-white-1);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.05);
--text-normal: var(--simple-black-1);
--text-muted: hsla(218, 19%, 39%, 1);
--text-faint: hsla(218, 19%, 39%, 1);
--accent-em: var(--simple-gray-4);
--text-error: var(--simple-red-1);
--text-selection: var(--simple-gray-7);
--interactive-normal: var(--simple-white-2);
--interactive-hover: var(--simple-white-4);
--accent-h: 220;
--accent-s: 20%;
--accent-l: 35%;
--interactive-accent-rgb: 70, 142, 235;
--panel-border-color: var(--simple-white-4);
--background-primary-bg-4-bt: var(--simple-white-2);
--background-primary-alt-bg-4-bt: var(--simple-tran);
--background-secondary-bg-4-bt: var(--simple-tran);
--background-secondary-alt-bg-4-bt: var(--simple-tran);
--background-primary-alt:var(--simple-white-2);
--background-mobile-drawer-1: var(--simple-white-1);
--background-mobile-drawer-2: var(--simple-white-1);
--background-modifier-border-hr: var(--simple-gray-5);
--background-secondary-alt-bg-4-bt-publish: var(--simple-gray-5);
--scrollbar-thumb-bg: var(--simple-gray-5);
--color-black: var(--simple-black-1);
--color-dark-gray: var(--simple-gray-1);
--color-accent: var(--simple-blue-1);
--color-accent-alt: var(--simple-blue-2);
--color-accent-dark: var(--simple-blue-3);
--color-gray: var(--simple-gray-2);
--color-light-gray: var(--simple-gray-3);
--color-medium-gray: var(--simple-gray-4);
--modal-group-border: var(--simple-gray-6);
--button-selected: var(--simple-white-6);
--button-hover: var(--simple-white-6);
--button-selected-hover: var(--simple-white-3);
--window-shadow: 0 1px 3px var(--simple-white-3);
--window-shadow2: 0 0 9px var(--simple-gray-7);
--window-shadow-hover: 0 3px 5px var(--simple-white-6);
--window-shadow-transparent:0 3px 5px transparent;
--border:1px solid var(--simple-gray-5);
--background-primary: var(--simple-white-1);
--background-secondary-alt: var(--simple-white-2);
--background-tertiary: var(--simple-white-3);
--background-accent: var(--simple-blue-1);
--background-fourth: var(--simple-white-4);
--background-fifth: var(--simple-white-5);
--background-sixth: var(--simple-white-4);
--text-color-code: var(--simple-orange);
--text-normal: var(--simple-black-1);
--text-error: var(--simple-red-1);
--text-faint: var(--simple-gray-1);
--text-highlight-bg: var(--simple-yellow);
--accent-strong: var(--simple-black-2);
--accent-em: var(--simple-gray-4);
--text-muted: hsla(218, 19%, 39%, 1);
--background-modifier-error: var(--simple-red-1);
--background-modifier-border: var(--simple-gray-5);
--custom-titlebar-bg: var(--background-secondary);
--background-code-2: var(--simple-tran);
--scrollbar-bg: transparent;
--background-transparent-black-or-white-1: var(--simple-white-2) !important;
--background-transparent-black-or-white-2: var(--bg-color-settings-1) !important;
--background-transparent-black-or-white-3: var(--bg-color-settings-1) !important;
--tab-background-active: #ffffff;
--theme-color-translucent-01: hsla(254,80%,68%,0.1);
}
body.color-scheme-options-simplicity-topaz.all-dark-pdf .print.theme-light,
body.color-scheme-options-simplicity-topaz.theme-dark {
/* dark mode quick hack */
--simple-white-1:hsla(215, 17%, 10%, 1);
--simple-white-2:hsla(214, 24%, 15%, 1);
--simple-white-3:hsla(212, 17%, 22%, 0.9);
--simple-white-6:hsla(212, 17%, 0%, 0.3);
--simple-white-4:hsla(215, 22%, 13%, 1);
--simple-white-5:hsla(207, 10%, 10%, 0.1);
--simple-tran:hsla(207, 10%, 10%, 0);
--simple-black-1:hsla(0, 0%, 73%, 1);
--simple-black-2:hsla(213, 33%, 65%, 1);
--simple-gray-1:hsla(0, 0%, 83%, 1);
--simple-gray-2:hsla(210, 25%, 5%, 0.3);
--simple-gray-3:hsla(210, 15%, 50%, 0.4);
--simple-gray-4:hsla(210, 15%, 70%, 0.5);
--simple-gray-5:hsla(207, 17%, 10%, 0.5);
--simple-gray-6:hsla(217, 28%, 90%, 0.9);
--simple-gray-7:hsla(217, 18%, 50%, 0.9);
--simple-yellow:hsla(45, 63%, 43%, 1);
--simple-blue-3:hsla(245, 60%, 67%, 1);
--custom-titlebar-bg:var(--background-modifier-cover);
--color-black: var(--simple-black-1);
--color-dark-gray: var(--simple-gray-1);
--color-accent: var(--simple-blue-1);
--color-accent-alt: var(--simple-blue-2);
--color-accent-dark: var(--simple-blue-3);
--color-gray: var(--simple-gray-2);
--color-light-gray: var(--simple-gray-3);
--color-medium-gray: var(--simple-gray-4);
--modal-group-border: var(--simple-gray-6);
--button-selected: var(--simple-white-6);
--button-hover: var(--simple-white-6);
--button-selected-hover: var(--simple-white-3);
--window-shadow: 0 1px 3px var(--simple-white-5);
--window-shadow2: 0 0 9px var(--simple-white-6);
--window-shadow-hover: 0 3px 5px var(--simple-white-6);
--window-shadow-transparent: 0 3px 5px transparent;
--border:1px solid var(--simple-gray-5);
--background-primary: var(--simple-gray-2);
--tab-outline-color: var(--simple-white-2);
--divider-color: var(--simple-gray-5);
--background-secondary-alt: var(--simple-white-2);
--background-tertiary: var(--simple-white-3);
--background-primary-alt: var(--simple-white-6);
--background-secondary-bg-4-bt: var(--simple-tran) ;
--background-accent: var(--simple-blue-1);
--background-fourth: var(--simple-white-3);
--background-fifth: var(--simple-white-5);
--background-sixth: var(--simple-white-5);
--text-color-code:var(--simple-orang-1);
--text-normal: var(--simple-black-1);
--text-error: var(--simple-red-1);
--text-faint: var(--simple-gray-6);
--text-highlight-bg:var(--simple-yellow);
--text-bold: var(--simple-black-2);
--text-em: var(--simple-gray-6);
--text-muted: hsl(218, 17%, 58%);
--background-modifier-error: var(--simple-red-1);
--background-modifier-border: var(--simple-gray-5);
--accent-h: 209;
--accent-s: 60%;
--accent-l: 55%;
--indentation-guide: var(--simple-gray-3);
--scrollbar-bg: transparent;
}
body.color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image) {
--background-secondary: var(--simple-white-2);
}
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-tab-header.is-active {
--tab-background-active: var(--background-primary);
--tab-outline-width: var(--simple-gray-5);
}
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
background-color: var(--tab-background-active);
}
body.color-scheme-options-simplicity-topaz.background-image-settings-switch.background-image-settings-markdown-page-transparent {
--background-secondary: var(--simple-tran);
--background-primary: var(--simple-tran);
--background-secondary-bg-4-bt: var(--simple-tran);
--tab-outline-color: var(--background-secondary);
}
/*
---------------------------
Title Bar
---------------------------
*/
@media screen and (max-width:960px) {
body.color-scheme-options-simplicity-topaz .view-header .view-actions .view-action{
opacity: 1 !important;
}
body.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
padding: 0;
}
}
body.is-mobile.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
padding: 0;
}
.view-header .view-actions .view-action
{
z-index: 1;
}
body.color-scheme-options-simplicity-topaz .view-header .view-actions .view-action,
body.color-scheme-options-simplicity-topaz .titlebar-button-container.mod-right{
opacity: 0;
z-index: 1;
transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz .view-header:hover .view-actions .view-action,
body.color-scheme-options-simplicity-topaz .titlebar-button-container.mod-left:hover,
body.color-scheme-options-simplicity-topaz .titlebar-button-container.mod-right:hover {
opacity: 0.8;
transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz .nav-action-button.is-active {
background-color: var(--simple-blue-2);
}
body.color-scheme-options-simplicity-topaz .checkbox-container.is-enabled {
background-color: var(--interactive-accent-hover);
}
body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
border-radius: 6px;
border-color: var(--background-modifier-border);
border-style: solid;
border-width: 0px;
}
body.color-scheme-options-simplicity-topaz.theme-dark:not(.background-settings-workplace-background-image) .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
background-color: var(--simple-white-4);
}
/* Hide dock's tab menu, and show them when hovered */
body.color-scheme-options-simplicity-topaz .workspace-tab-header-container {
/* z-index: 1; */
/* height:1px; */
transition: opacity 0.1s;
/* border-radius: var(--button-radius); */
box-shadow: none;
width: 100%;
border-bottom: var(--tab-outline-width) transparent;
}
body.color-scheme-options-simplicity-topaz .modal,
body.color-scheme-options-simplicity-topaz .modal-container .prompt {
animation: 0.2s popup forwards;
border-radius: 20px;
box-shadow: var(--window-shadow2);
}
body.color-scheme-options-simplicity-topaz.setting-default-frosted-glass.theme-dark .modal-bg {
background-color: var(--bg-color-settings-3);
backdrop-filter: blur(5px);
}
body.color-scheme-options-simplicity-topaz.background-image-settings-command-palette-switch .modal-container .prompt::before {
border-radius: 20px;
box-shadow: var(--window-shadow2);
}
body.color-scheme-options-simplicity-topaz.background-image-settings-command-palette-switch .modal-container .community-plugin-search {
border-bottom-left-radius: 20px;
}
body.color-scheme-options-simplicity-topaz.background-image-settings-command-palette-switch .modal-container .community-plugin-search {
border-bottom-left-radius: 20px;
}
body.color-scheme-options-simplicity-topaz [class="menu"] {
animation: 0.2s popup forwards;
border-radius: 10px;
box-shadow: var(--window-shadow2);
}
@keyframes popup {
0% { transform:scale(70%); opacity:0; }
15% { transform:scale(80%); opacity:0.1; }
35% { transform:scale(102%); }
45% { opacity:0.3; }
65% { opacity:0.7; }
100% { transform:scale(100%); opacity:1; }
}
/* Left dock navigation (new note, new folder, reorder) */
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container:hover + .workspace-tab-container .workspace-leaf .workspace-leaf-content>.nav-header {
margin-top: 0;
transition: all 0.1s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content>.nav-header:hover {
margin-top: 0;
transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content>.nav-header {
margin-top: -30px;
transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content[data-type="file-tree-view"]
.view-content .file-tree-header-fixed {
position: relative;
margin-top: -30px;
transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container:hover + .workspace-tab-container .workspace-leaf .workspace-leaf-content[data-type="file-tree-view"] .view-content .file-tree-header-fixed {
margin-top: 0;
transition: all 0.3s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content[data-type="file-tree-view"] .view-content .file-tree-header-fixed:hover{
margin-top: 0;
}
body.color-scheme-options-simplicity-topaz .oz-folders-tree-wrapper .oz-folder-contents {
border-left: 1px solid var(--background-modifier-border);
}
body.color-scheme-options-simplicity-topaz .oz-flex-container {
justify-content: start;
}
body.color-scheme-options-simplicity-topaz .oz-nav-action-button {
color: var(--text-faint);
opacity: 0.3;
}
/* Remove style for border-on-active */
body.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-leaf,
body.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-leaf.mod-active{
border: none;
}
body.color-scheme-options-simplicity-topaz .horizontal-main-container {
overflow: visible;
}
body.color-scheme-options-simplicity-topaz .workspace {
overflow: visible;
}
/*
---------------------------
Note Title
---------------------------
*/
body.color-scheme-options-simplicity-topaz .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf .view-header,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf .view-header {
display: flex;
align-items: center;
border: none;
background: var(--simple-white-2);
}
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf .view-header,
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf .view-header {
background-color: transparent;
}
body.color-scheme-options-simplicity-topaz .view-header-title {
font-size: 1rem;
border-radius: var(--button-radius);
margin-left: 0;
border: 1px solid transparent;
transition:border 0.2s, background 0.2s;
}
body.color-scheme-options-simplicity-topaz .view-header-title:hover,
body.color-scheme-options-simplicity-topaz .view-header-title:focus {
background: var(--background-fourth);
}
body.color-scheme-options-simplicity-topaz .view-action,
body.color-scheme-options-simplicity-topaz .view-header-icon{
display: flex;
padding: 4px;
margin: 0 3px;
color: var(--color-dark-gray);
border-radius: var(--button-radius);
transition: 0.1s background, 0.1s opacity;
top: 0;
}
body.color-scheme-options-simplicity-topaz .view-action:hover,.view-header-icon:hover{
background: var(--button-hover);
color: var(--color-dark-gray);
}
body.color-scheme-options-simplicity-topaz .view-action:active,.view-header-icon:active {
opacity: 0.75;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
background: none;
height: 7px;
border: none;
background-color: transparent;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-right-split > .workspace-leaf-resize-handle{
background: none;
background-color: transparent;
width: 3px;
border: none;
}
body.color-scheme-options-simplicity-topaz .workspace-split .workspace-leaf-resize-handle:hover{
background: var(--simple-gray-2);
}
body:not(.is-mobile).color-scheme-options-simplicity-topaz:not(.background-image-settings-switch) .workspace-split.mod-root .view-content,
body:not(.is-mobile).color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image) .workspace-split.mod-root .view-content {
background-color: var(--background-primary);
}
body:not(.is-mobile).color-scheme-options-simplicity-topaz .workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf,
body:not(.is-mobile).color-scheme-options-simplicity-topaz .mod-root .workspace-tabs .workspace-leaf,
body:not(.is-mobile).color-scheme-options-simplicity-topaz .mod-root .workspace-tabs .workspace-tab-header-container {
background-color: transparent;
}
body:not(.is-mobile).color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-split.mod-root
{
background-color: var(--simple-tran);
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-root
{
background-color: var(--simple-white-2);
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-tabs,
body.theme-dark.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-left,
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image div.workspace-ribbon.mod-left:before
{
background-color: var(--background-secondary-bg-4-bt);
}
body.color-scheme-options-simplicity-topaz.background-image-settings-switch.background-image-settings-markdown-page-transparent .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
background-color:var(--simple-white-5);
}
body.color-scheme-options-simplicity-topaz .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active {
box-shadow: var(--window-shadow-hover);
}
body.color-scheme-options-simplicity-topaz .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
border-radius: 15px;
box-shadow: none;
}
body.color-scheme-options-simplicity-topaz .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
border-radius: 15px;
}
/*
---------------------------
Main Pane Border Styling
---------------------------
*/
body.color-scheme-options-simplicity-topaz .workspace-split.mod-horizonta.mod-left-split.is-collapsed+.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content{
border-top-left-radius: 0px;
}
body:not(.is-mobile).color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-leaf{
border-radius: 15px;
}
body.color-scheme-options-simplicity-topaz.theme-dark .view-content {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-split.mod-vertical:not(:first-child):last-child .workspace-leaf{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-split{
display: flex;
gap: 18px;
}
body.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
padding: 0px 3px 0;
}
body.is-popout-window.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
padding: 0;
}
body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-leaf{
box-shadow: var(--window-shadow);
height: 100%;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf{
padding: 0;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content{
border-top-right-radius: 0;
}
/* Remove sttles on button-on-active, but not during right-click-menu as that is alright */
body.color-scheme-options-simplicity-topaz .nav-folder-title,
body.color-scheme-options-simplicity-topaz .nav-file{
border: none;
}
body.color-scheme-options-simplicity-topaz .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
body.color-scheme-options-simplicity-topaz .workspace-leaf.mod-active .nav-file.has-focus{
border-radius: none;
border: none;
background-color: none;
}
body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf.mod-active .view-header,
body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf.mod-active .view-header {
background:var(--simple-white-1);
}
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf.mod-active .view-header .view-header-title,
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf.mod-active .view-header .view-header-title{
color:var(--simple-black-2);
text-shadow: 0px 0px 0px rgba(145, 237, 232, 1);
}
body.color-scheme-options-simplicity-topaz .workspace-tab-header:not(.is-active ) .workspace-tab-header-inner-icon {
color: var(--text-faint);
opacity: 0.3;
}
body.color-scheme-options-simplicity-topaz .markdown-source-view.mod-cm6 .cm-underline,
body.color-scheme-options-simplicity-topaz a,
body.color-scheme-options-simplicity-topaz :is(.markdown-preview-view,.markdown-rendered) .internal-link {
font-weight: 600;
}
body.color-scheme-options-simplicity-topaz .nav-folder-children,
body.color-scheme-options-simplicity-topaz
.item-list{
padding-left: 0.5em;
display: flex;
flex-direction: column;
}
body.color-scheme-options-simplicity-topaz .nav-folder{
padding-bottom: 2px;
}
body.color-scheme-options-simplicity-topaz .nav-folder-title{
font-weight: 500;
}
body.color-scheme-options-simplicity-topaz :is(h3,h4,h5,h6),
body.color-scheme-options-simplicity-topaz .cm-s-obsidian :is(.cm-header-3,.cm-header-4,.cm-header-5,.cm-header.cm-header-6) {
font-weight: 500;
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image:is(.background-settings-workplace-waves2-light,.background-settings-workplace-waves-light).theme-light{
--background-secondary-bg-4-bt: var(--simple-tran);
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image.theme-dark {
--background-primary-alt-bg-4-bt: var(--simple-tran);
--background-secondary-bg-4-bt: var(--simple-tran);
--background-secondary-alt-bg-4-bt: var(--simple-tran);
}
body.color-scheme-options-simplicity-topaz.is-frameless.background-settings-workplace-background-image .workspace-tab-header.is-active {
box-shadow: none;
}
body.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-icon {
margin-left: -10px;
opacity: 0;
width: 18px;
}
body.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-icon:hover {
opacity: 1;
}
body.color-scheme-options-simplicity-topaz:not(.view-button-front) .workspace-leaf-content .view-header .view-header-nav-buttons {
margin-left: -15px;
}
body.default-tab.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-root .workspace-tab-header.is-active {
background-image: linear-gradient(to right, var(--background-secondary), var(--simple-white-2));
}
body.default-tab.color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image,.background-image-settings-switch.background-image-settings-markdown-page-transparent)
.workspace-split.mod-root .workspace-tab-header.is-active {
background:var(--background-primary);
--tab-background-active:var(--background-primary);
}
body.default-tab.background-image-settings-switch.background-image-settings-markdown-page-transparent
.workspace-split.mod-root .workspace-tab-header.is-active {
background:transparent;
--tab-background-active:transparent;
}
body.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-icon svg {
opacity: 0;
}
body.color-scheme-options-simplicity-topaz .workspace-tab-container-before.is-before-active,
body.color-scheme-options-simplicity-topaz .workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
body.color-scheme-options-simplicity-topaz .workspace-tab-header.is-after-active,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
body.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-tab-header-container {
background-color: var(--background-secondary-alt);
}
body.is-mobile.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-tab-header-container {
background-color: var(--background-secondary);
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
padding-bottom:1px;
}
/*==============*/
/*==============*/
/*======@cuman--end========*/
body.font-family-change-to-default .markdown-source-view,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered),
body.font-family-change-to-default .markdown-source-view.mod-cm6 .cm-scroller,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) h5,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) h6,
body.font-family-change-to-default .nav-file-title,
body.font-family-change-to-default .nav-folder-title,
body.font-family-change-to-default a.tag,
body.font-family-change-to-default .cm-s-obsidian span.cm-hashtag,
body.font-family-change-to-default .nav-folder.mod-root>.nav-folder-title,
body.font-family-change-to-default pre.frontmatter.language-yaml::before,
body.font-family-change-to-default span.cm-strong,
body.font-family-change-to-default :not(font)>strong,
body.font-family-change-to-default a,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) .internal-link,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) th,
body.font-family-change-to-default *:not(font)>em>strong,
body.font-family-change-to-default *:not(font)>strong>em,
body.font-family-change-to-default .cm-strong.cm-em {
font-family: var(--font-default) !important;
}
body.font-family-change-to-default .cm-s-obsidian .cm-hmd-frontmatter,
body.font-family-change-to-default .markdown-rendered code,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) code{
font-family: var(--font-monospace);
}
body.reduce-bottom-padding .workspace-leaf-content[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer,
body.reduce-bottom-padding:not(.plugin-cm-typewriter-scroll) .cm-s-obsidian .cm-content {
padding-bottom: var(--bottom-padding-value) !important;
}
/*===============================*/
/*=============YAML==============*/
/*===============================*/
input[type='text'].metadata-property-key-input {
background:transparent;
}
/* cssclass: inline-list */
/* can change list from block to inline; can be used with inline images */
.inline-list ul,
.inline-list ol {
display: inline-block;
margin-top: 0.3em;
}
/* cssclass: code-wrap */
/* as implied by the name, to wrap texts for code boxes */
.code-wrap pre>code>span {
word-wrap: break-word;
word-break: break-all;
white-space: pre-wrap;
}
.code-wrap code.language-yaml.is-loaded {
word-wrap: break-word !important;
word-break: break-word !important;
white-space: pre-wrap !important;
}
.code-wrap code.language-md.is-loaded {
word-wrap: break-word !important;
word-break: break-word !important;
white-space: break-spaces !important;
}
/* cssclass: image-grid */
/* image-grid-2 */
/* adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css */
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div>p>.image-embed[alt*="."]:last-child {
padding-right: 0;
}
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div>p>.image-embed[alt*="."]:first-child {
padding-left: 0;
}
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div hr {
width: 100%;
}
.img-grid span.image-embed[alt*="."] {
display: table-cell;
}
.img-grid img[alt*="."] {
max-height: 100vh;
object-fit: cover;
}
.img-grid .markdown-preview-section .el-embed-image img:not([width]),.img-grid .markdown-preview-section video{
width:100%
}
.img-grid .markdown-preview-section>.el-embed-image>p{
display:grid;
grid-column-gap:0.5rem;
grid-row-gap:0;
grid-template-columns:repeat(auto-fit,minmax(0,1fr))
}
.img-grid .markdown-preview-section>.el-embed-image>p>br{
display:none
}
.img-grid .markdown-preview-section>.el-embed-image>p>img{
object-fit:cover;
align-self:stretch
}
.img-grid .markdown-preview-section>.el-embed-image>p>.internal-embed img{
object-fit:cover;
height:100%
}
.img-grid-ratio .markdown-preview-section>.el-embed-image>p>.internal-embed img
,.img-grid.img-grid-ratio .markdown-preview-section>.el-embed-image>p>.internal-embed img{
object-fit:contain;
height:100%;
align-self:center
}
@media (max-width:400pt){
.el-embed-image{
margin-top:.25rem
}
.img-grid .markdown-preview-section>.el-embed-image>p{
grid-column-gap:0.25rem
}
}
/* cssclass: kanban */
/* adapted from spectrum theme, thanks to @Braweria. https://github.com/Braweria/Spectrum */
/* a kind of css-based pseudo-kanban feature */
.kanban ul {
display: flex;
flex-direction: row;
border: 0px solid var(--p-kanban-border-color);
padding: 0rem;
border-radius: var(--radius-m);
flex-wrap: wrap;
}
.kanban ul>li .list-bullet:after {
display: none;
}
.kanban ul>li {
flex: 1 1 20%;
padding: 0.1em 1em 0.1em 0.8em;
margin: 0 0.3em 0.3em 0 !important;
list-style: none;
border: 1px solid var(--p-kanban-border-color);
border-left: 1px solid var(--p-kanban-border-color) !important;
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
}
.kanban ul li.task-list-item .task-list-item-checkbox {
margin-left: auto;
}
.kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon::before {
color: var(--text-accent);
transition: transform 10ms linear 0s
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+1) {
background-color: var(--p-kanban-color-1);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+2) {
background-color: var(--p-kanban-color-2);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+3) {
background-color: var(--p-kanban-color-3);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+4) {
background-color: var(--p-kanban-color-4);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+5) {
background-color: var(--p-kanban-color-5);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+6) {
background-color: var(--p-kanban-color-6);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+7) {
background-color: var(--p-kanban-color-7);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n) {
background-color: var(--p-kanban-color-8);
}
.canvas-node-container .kanban ul>li:nth-of-type(n) {
backdrop-filter:none;
}
.kanban ul>li:nth-of-type(n) {
background-color: var(--p-kanban-color-simple);
padding-left: 1em;
backdrop-filter: blur(calc(var(--blur-p-kanban-frosted-glass) * 2px));
}
.kanban ul:first-child>li:nth-of-type(8n+1) {
border-top: 6px solid var(--p-kanban-color-1) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+2) {
border-top: 6px solid var(--p-kanban-color-2) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+3) {
border-top: 6px solid var(--p-kanban-color-3) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+4) {
border-top: 6px solid var(--p-kanban-color-4) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+5) {
border-top: 6px solid var(--p-kanban-color-5) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+6) {
border-top: 6px solid var(--p-kanban-color-6) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+7) {
border-top: 6px solid var(--p-kanban-color-7) !important;
}
.kanban ul:first-child>li:nth-of-type(8n) {
border-top: 6px solid var(--p-kanban-color-8) !important;
}
body.simple-p-kanban .kanban ul:first-child>li:nth-of-type(n) {
border-top: none !important;
}
body:not(.remove-shadow-p-kanban) .kanban ul>li:hover {
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1);
box-shadow: 0 3px 5px 0 var(--p-kanban-color-shadow), 0 3px 1px -3px var(--p-kanban-color-shadow), 2px 3px 3px 0 var(--p-kanban-color-shadow);
}
.kanban ul ul {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0rem;
margin-top: 0.5rem;
border-radius: 0;
border: 0;
background: none;
}
.kanban ul ul li:not(.task-list-item) {
width: 100%;
display: block;
background-color: var(--p-kanban-card-color-1) !important;
}
body.remove-shadow-p-kanban .kanban ul ul li:hover {
background: var(--p-kanban-card-color-2) !important;
border-color: var(--p-kanban-border-color) !important;
border-left: 1px solid var(--p-kanban-border-color) !important;
}
body.remove-shadow-p-kanban.theme-dark .kanban ul ul li:hover {
border-color: #696969e1 !important;
border-left: 1px solid #696969e1 !important;
}
.kanban ul ul li .task-list-item-checkbox {
margin-left: 1.5rem !important;
}
.kanban ul ul ul {
margin-right: 0;
}
.kanban ul ul::before {
border-left: 0;
}
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width.kanban .markdown-preview-sizer>div>ul {
max-width: 100%;
}
.kanban :is(ol,ul).contains-task-list :is(ol,ul) {
position: initial;
}
.kanban :is(ol,ul).contains-task-list :is(ol,ul)::before {
all: initial;
}
.kanban ul > li.task-list-item {
flex: 1 1 20%;
padding: 0.1em 1em;
list-style: none;
border: 1px solid var(--p-kanban-border-color);
border-left: 1px solid var(--p-kanban-border-color) !important;
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
text-indent: 0.01em;
}
.kanban ul ul li.task-list-item {
width: 100%;
display: block;
padding-left: 2em;
text-indent: -3em;
background-color: var(--p-kanban-card-color-1) !important;
}
.kanban ul ul li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon {
text-indent: -1em;
}
body:not(.default-icons) .kanban li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon::before {
margin-left: -0.2em;
}
body:not(.default-icons) .kanban li.task-list-item .task-list-item.is-collapsed .list-collapse-indicator.collapse-indicator.collapse-icon::before {
transform: translateX(-0.9em) translateY(-1em) rotate(-90deg);
}
body.colorful-p-kanban .kanban .task-list-item-checkbox {
border-color: var(--text-normal) !important;
}
/* cssclass: colorful-highlight */
body:not(.remove-colorful-highlight-bg) .markdown-source-view.is-live-preview *:not([class*="cm-formatting-highlight"])~*:not([class*="cm-em"])~.cm-em.cm-highlight.cm-strong,
.markdown-source-view.is-live-preview.colorful-highlight .cm-em.cm-highlight.cm-strong {
background-color: var(--bg-color-highlight-3) !important;
color: var(--color-highlight-3) !important;
-webkit-text-fill-color: unset;
font-style: normal;
font-weight: var(--font-weight-highlight-3);
}
body:not(.remove-colorful-highlight-bg) .markdown-source-view.is-live-preview *:not([class*="cm-formatting-highlight"])~*:not([class*="cm-strong"])~.cm-highlight.cm-strong,
.markdown-source-view.is-live-preview.colorful-highlight .cm-highlight.cm-strong {
background-color: var(--bg-color-highlight-2) !important;
color: var(--color-highlight-2) !important;
font-weight: var(--font-weight-highlight-2);
}
body:not(.remove-colorful-highlight-bg) .markdown-source-view.is-live-preview *:not([class*="cm-formatting-highlight"])~*:not([class*="cm-em"])~.cm-em.cm-highlight,
.markdown-source-view.is-live-preview.colorful-highlight .cm-em.cm-highlight {
background-color: var(--bg-color-highlight-1) !important;
color: var(--color-highlight-1) !important;
font-style: normal;
font-weight: var(--font-weight-highlight-1);
}
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-em"]~span.cm-highlight[class*="cm-em"],
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-strong"]~span.cm-highlight[class*="cm-strong"],
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-em"]:not([class*="cm-formatting-highlight"]),
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-strong"]:not([class*="cm-formatting-highlight"]) {
background-color: var(--text-highlight-bg) !important;
}
/* cssclass: cloze */
.markdown-source-view.is-live-preview.cloze .cm-highlight.cm-strikethrough:not([class*="formatting"]),
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-highlight.cm-strikethrough:not([class*="formatting"]) {
background-color: var(--cloze-bg-color) !important;
color: var(--cloze-bg-color);
text-decoration: underline var(--cloze-decoration) var(--cloze-decoration-color);
}
.markdown-source-view.is-live-preview.cloze .cm-highlight.cm-strikethrough:hover,
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-highlight.cm-strikethrough:hover {
background-color: transparent !important;
color: var(--text-normal) !important;
transition: all 400ms ease-in-out;
}
body:not(.remove-cloze-style) .markdown-rendered mark:has(> del) {
background-color: transparent !important;
}
body:not(.remove-cloze-style) .markdown-rendered mark:empty {
background-color: initial !important;
}
.markdown-source-view.is-live-preview.cloze .cm-em.cm-highlight.cm-strikethrough:not([class*="formatting"]),
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-em.cm-highlight.cm-strikethrough:not([class*="formatting"]) {
color: transparent !important;
background-color: transparent !important;
padding: 0 2px;
text-decoration: underline var(--cloze-decoration-2) var(--cloze-decoration-color-2) !important;
}
/*========floating-toc===========*/
div.markdown-source-view ul.floating-toc>li{
flex:none;
background-color: transparent;
border:0px;
}
div.markdown-source-view ul.floating-toc{
flex-wrap:unset;
}
/*=========================*/
/*==========tags===========*/
/*=========================*/
/*customised colorful tags*/
body.colorful-tag-bt .tag:not(.token):nth-child(5n+1) {
background-color: var(--tag1);
}
body.colorful-tag-bt .tag:not(.token):nth-child(5n+2) {
background-color: var(--tag2);
}
body.colorful-tag-bt .tag:not(.token):nth-child(5n+3) {
background-color: var(--tag3);
}
body.colorful-tag-bt .tag:not(.token):nth-child(5n+4) {
background-color: var(--tag4);
}
body.colorful-tag-bt .tag:not(.token):nth-child(5n) {
background-color: var(--tag5);
}
/*rainbow tag alt*/
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+1) {
--tag-border-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 20%);
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+2) {
--tag-border-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+3) {
--tag-border-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+4) {
--tag-border-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n) {
--tag-border-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n):hover {
color: white !important;
background-color: hsl(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+1):hover {
color: white !important;
background-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+2):hover {
color: white !important;
background-color: hsl(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+3):hover {
color: white !important;
background-color: hsl(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+4):hover {
color: white !important;
background-color: hsl(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
--tag-border-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 20%);
background-color: var(--theme-color-translucent-01) !important;
color: var(--theme-color) !important;
}
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
--tag-border-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
--tag-border-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
--tag-border-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l-alt)) !important;
}
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
--tag-border-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 20%);
background-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 10%) !important;
color: hsl(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l-alt)) !important;
}
/*rainbow tag*/
body.rainbow-tag .tag:not(.token):nth-child(5n+1) {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
}
body.rainbow-tag .tag:not(.token):nth-child(5n+2) {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(70deg);
}
body.rainbow-tag .tag:not(.token):nth-child(5n+3) {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(140deg);
}
body.rainbow-tag .tag:not(.token):nth-child(5n+4) {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(210deg);
}
body.rainbow-tag .tag:not(.token):nth-child(5n) {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(280deg);
}
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--theme-color-translucent-01) !important;
color: var(--theme-color) !important;
}
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--theme-color-translucent-01) !important;
color: var(--theme-color) !important;
filter: hue-rotate(210deg);
}
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--theme-color-translucent-01) !important;
color: var(--theme-color) !important;
filter: hue-rotate(70deg);
}
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--theme-color-translucent-01) !important;
color: var(--theme-color) !important;
filter: hue-rotate(280deg);
}
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--theme-color-translucent-01) !important;
color: var(--theme-color) !important;
filter: hue-rotate(140deg);
}
/*tag font size and font family*/
body.colorful-tag-bt a.tag:not(.token) {
font-size: var(--font-size-tag);
font-family: var(--font-family-tag) !important;
border: none;
color: var(--tag-text);
text-align: center;
text-decoration: none;
cursor: pointer;
}
body:not(.tag-default) .tag:not(.token):hover {
color: white !important;
background-color: var(--theme-color) !important;
}
body:is(:not(.tag-default),:not(.font-family-change-to-default)) .cm-s-obsidian span.cm-hashtag {
font-family: var(--font-family-tag);
font-size: var(--font-size-tag) !important;
text-decoration: none;
}
body:not(.tag-default) .cm-s-obsidian span.cm-hashtag-begin {
border-top-left-radius: var(--radius-l);
border-bottom-left-radius: var(--radius-l);
border-right: none !important;
text-decoration: none;
padding-left: 0.3em;
}
body:not(.tag-default) .cm-s-obsidian span.cm-hashtag-end {
border-radius: 0 var(--radius-l) var(--radius-l) 0;
padding-right: 0.3em !important;
border-left: none;
text-decoration: none;
}
body:not(.tag-default) .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta {
padding-right: 0;
border-left: none !important;
}
body:is(.rainbow-tag,.tag-pill-outlined,.tag-clear-style,.colorful-tag-bt) .cm-s-obsidian span:is(.cm-hashtag,.cm-hashtag-begin,.cm-hashtag-end,.cm-hashtag-begin+.cm-hashtag.cm-meta,.cm-hashtag-begin+.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-hashtag-end) {
color: var(--tag-text) ;
}
body:not(.tag-default) .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-hashtag-end {
padding-left: 0;
border-top-right-radius: var(--radius-l);
border-bottom-right-radius: var(--radius-l);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-right: 0.3em;
}
body:not(.tag-default).tag-pill-outlined .tag:not(.token) {
color: var(--text-normal);
background-color: transparent !important;
border: var(--tag-border-width) solid;
padding: 0px 8px;
}
a.tag,
.editor .cl-hashtag,
.cm-hashtag {
padding-top: 0.1em;
padding-bottom: 0.1em;
}
.is-live-preview a.tag {
line-height: 1.8;
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+1) {
border-color: var(--tag1);
color: var(--tag1);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+2) {
border-color: var(--tag2);
color: var(--tag2);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+3) {
border-color: var(--tag3);
color: var(--tag3);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+4) {
border-color: var(--tag4);
color: var(--tag4);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n) {
border-color: var(--tag5);
color: var(--tag5);
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-hashtag-end {
color: var(--text-normal) !important;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
border: var(--tag-border-width) solid var(--tag1);
background-color: transparent !important;
color: var(--tag1) !important;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
border: var(--tag-border-width) solid var(--tag2);
background-color: transparent !important;
color: var(--tag2) !important;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
border: var(--tag-border-width) solid var(--tag3);
background-color: transparent !important;
color: var(--tag3) !important;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
border: var(--tag-border-width) solid var(--tag4);
background-color: transparent !important;
color: var(--tag4) !important;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
border: var(--tag-border-width) solid var(--tag5);
background-color: transparent !important;
color: var(--tag5) !important;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag:not([class*="-end"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+.cm-hashtag.cm-meta:not([class*="-end"]) {
border-left: none;
border-right: none;
}
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
border-left: none;
}
body.tag-clear-style .tag:not(.token):nth-child(n) {
background-color: transparent;
border: none;
color: var(--text-accent);
text-decoration: underline;
padding: 0 2px;
}
body.tag-clear-style .tag:not(.token):nth-child(n):hover {
background-color: var(--theme-color-translucent-015) !important;
}
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-end,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+span.cm-hashtag.cm-meta.cm-hashtag-end,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta {
background-color: transparent;
border: none;
color: var(--text-accent) !important;
text-decoration: underline;
padding: 0;
}
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: transparent;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-dailynote,
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-weeklynote,
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-ideas,
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-inprogress,
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-important,
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-questions,
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-complete {
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
display: inline;
color: var(--white) !important;
}
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--tag1);
}
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--tag2);
}
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--tag3);
}
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--tag4);
}
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
background-color: var(--tag5);
}
/*special tags*/
body.tag-pill-outlined .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end:is(.cm-tag-important,.cm-tag-complete,.cm-tag-ideas,.cm-tag-questions,.cm-tag-weeklynote,.cm-tag-dailynote,.cm-tag-inprogress):not(.cm-formatting-hashtag) {
border-top: var(--tag-border-width) solid var(--tag1);
border-bottom: var(--tag-border-width) solid var(--tag1);
}
body:not(.tag-default) .tag[href ^="#important"]:not(.token) {
background-color: var(--stag1-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-important:not(.cm-formatting-hashtag) {
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
background-color: var(--stag1-bg) !important;
color: var(--white) !important;
font-size: calc(var(--font-size-tag) - 0.3em);
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href^="#重要"]:not(.token) {
background-color: var(--stag1-bg) !important;
font-weight: 600;
font-family: Webdings, 'Microsoft YaHei';
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href^="#complete"]:not(.token) {
background-color: var(--stag3-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-complete:not(.cm-formatting-hashtag) {
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
background-color: var(--stag3-bg) !important;
color: var(--white) !important;
font-size: 0.95em;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href^="#完成"]:not(.token) {
background-color: var(--stag3-bg) !important;
font-family: Origin, 'Microsoft YaHei';
font-weight: 600;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#inprogress"]:not(.token) {
background-color: var(--stag2-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-inprogress:not(.cm-formatting-hashtag) {
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
background-color: var(--stag2-bg) !important;
color: var(--white) !important;
font-size: 0.95em;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#进行中"]:not(.token) {
background-color: var(--stag2-bg) !important;
font-weight: 600;
font-family: Wingdings, 'Microsoft YaHei';
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#dailynote"]:not(.token) {
background-color: var(--tag-dailynote-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#dailynote"]::after {
content: ' 🐈';
font-size: var(--font-size-emoji-after-tag);
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-dailynote:not(.cm-formatting-hashtag)::after {
content: ' 🐈';
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-dailynote:not(.cm-formatting-hashtag) {
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
background-color: var(--tag-dailynote-bg) !important;
color: var(--white) !important;
font-size: 0.95em;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#weeklynote"]:not(.token) {
background-color: var(--tag-weeklynote-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href^="#weeklynote"]::after {
content: ' 🥑';
font-size: var(--font-size-emoji-after-tag);
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-weeklynote:not(.cm-formatting-hashtag)::after {
content: ' 🥑';
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-weeklynote:not(.cm-formatting-hashtag) {
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
background-color: var(--tag-weeklynote-bg) !important;
color: var(--white) !important;
font-size: 0.95em;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#questions"]:not(.token) {
background-color: var(--tag-questions-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href^="#questions"]::after {
content: ' ❓';
font-size: var(--font-size-emoji-after-tag);
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-questions:not(.cm-formatting-hashtag)::after {
content: ' ❓';
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-questions:not(.cm-formatting-hashtag) {
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
background-color: var(--tag-questions-bg) !important;
color: var(--white) !important;
font-size: 0.95em;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href ^="#ideas"]:not(.token) {
background-color: var(--tag-ideas-bg) !important;
font-weight: 600;
font-family: var(--font-family-special-tag) !important;
color: var(--white) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .tag[href^="#ideas"]::after {
content: ' 💡';
font-size: var(--font-size-emoji-after-tag);
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-ideas:not(.cm-formatting-hashtag)::after {
content: ' 💡';
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-ideas:not(.cm-formatting-hashtag) {
background-color: var(--tag-ideas-bg) !important;
font-family: var(--font-family-special-tag) !important;
font-weight: 600;
color: var(--white) !important;
font-size: 0.95em;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-important {
background-color: var(--stag1-bg) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-weeklynote {
background-color: var(--tag-weeklynote-bg) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-dailynote {
background-color: var(--tag-dailynote-bg) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-ideas {
background-color: var(--tag-ideas-bg) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-inprogress {
background-color: var(--stag2-bg) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-questions {
background-color: var(--tag-questions-bg) !important;
filter: hue-rotate(0) !important;
}
body:not(.tag-default) .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-complete {
background-color: var(--stag3-bg) !important;
filter: hue-rotate(0) !important;
}
/*source mode*/
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag {
background-color: transparent !important;
color: var(--text-muted) !important;
text-decoration: underline;
}
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag,
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag-begin,
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag-end,
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag-begin+.cm-hashtag.cm-meta {
padding: 0 !important;
}
/*thanks to Klaas from Obsidian Members Group on discord*/
/* Selection highlight */
.suggestion-item.is-selected {
background-color: var(--theme-color-translucent-015);
}
:is(.markdown-preview-view,.markdown-rendered):not([class*="kanban-plugin"]) {
position: relative;
overflow-y: auto;
overflow-wrap: break-word;
color: var(--text-normal);
user-select: text;
}
/*edit mode font size*/
pre.CodeMirror-line {
font-size: var(--font-size-edit-normal) !important;
}
/*preview mode font size*/
p {
font-size: var(--font-size-preview-normal);
}
:is(.markdown-preview-view,.markdown-rendered) p {
margin-block-start: calc(var(--paragraph-spacing) * 1em);
margin-block-end: calc(var(--paragraph-spacing) * 1em);
}
:is(.markdown-preview-view,.markdown-rendered) :is(ol,ul) {
margin-block-start: calc((var(--paragraph-spacing) - 1) * 1em);
margin-block-end: calc((var(--paragraph-spacing) - 1) * 1em);
}
body.toggle-paragraph-spacing :is(.markdown-preview-view,.markdown-rendered) p>br {
content:" ";
margin-top: calc((var(--paragraph-spacing) - 1) * 1em);
display: block;
}
body.toggle-left-aligned-content .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-scroller > *:first-child {
margin-left: 0;
}
body.toggle-left-aligned-content :is(.markdown-preview-view,.markdown-rendered).is-readable-line-width:not(.matrix) .markdown-preview-sizer, .markdown-source-view.is-readable-line-width:not(.matrix) .CodeMirror, :is(.markdown-preview-view,.markdown-rendered):not(.matrix) .is-readable-line-width :is(.markdown-preview-section,.markdown-rendered), :is(.markdown-preview-view,.markdown-rendered):not(.matrix) .is-readable-line-width :is(.markdown-preview-section,.markdown-rendered) > div, :is(.markdown-preview-view,.markdown-rendered).is-readable-line-width:not(.matrix) :is(.markdown-preview-section,.markdown-rendered) {
margin-left: 0;
}
.markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-codeblock) {
padding-bottom: calc((var(--paragraph-spacing) - 1) * 1em) ;
}
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-header),
.markdown-source-view.mod-cm6.indent div.cm-line:not(.HyperMD-header) {
text-indent: 2em;
}
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-header) .cm-hmd-frontmatter:first-of-type,
.markdown-source-view.mod-cm6.indent div.cm-line:not(.HyperMD-header) .cm-hmd-frontmatter:first-of-type {
margin-left: -2em;
}
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.has-banner.cm-line:not(.HyperMD-header) .cm-def.cm-hmd-frontmatter,
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.has-banner.cm-line:not(.HyperMD-header) .collapse-indicator,
.markdown-source-view.mod-cm6.indent div.has-banner.cm-line:not(.HyperMD-header) .cm-def.cm-hmd-frontmatter,
.markdown-source-view.mod-cm6.indent div.has-banner.cm-line:not(.HyperMD-header) .collapse-indicator {
margin-left: 0;
left: -3em;
}
body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p,
[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered).indent div[class="el-p"]:not(blockquote) > p {
text-indent: 2em;
}
body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p>br,
[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered).indent div[class="el-p"]:not(blockquote) > p>br {
content: ' ';
white-space: pre;
line-height: calc((var(--paragraph-spacing) + 0.3) * 1em);
display:unset;
}
body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p>br::after,
[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered).indent div[class="el-p"]:not(blockquote) >p>br::after {
content: '\A\9\9';
}
body.justify-align div[data-type="markdown"] div.cm-line:not(.HyperMD-codeblock),
body.justify-align div[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered),
.markdown-source-view.text-justify div.cm-line:not(.HyperMD-codeblock),
:is(.markdown-preview-view,.markdown-rendered).text-justify {
text-align: justify;
hyphens: auto;
}
/*edit mode blockquote font size*/
.cm-s-obsidian span.cm-quote {
font-size: var(--font-size-edit-blockquote);
}
.CodeMirror-code span.cm-formatting.cm-formatting-quote.cm-formatting-quote.cm-quote::before {
content: "";
border-left: 7px solid var(--theme-color);
border-radius: 0; /*5px 0 0 5px;*/
height: 100%;
margin-left: -7px;
position: absolute;
}
.markdown-source-view.mod-cm6 .cm-blockquote-border {
border-color: var(--theme-color);
}
.CodeMirror-line span.cm-formatting-quote + *::before,
.CodeMirror-line span.cm-formatting-quote + span.cm-hmd-indent-in-quote + span.cm-quote:not(.cm-formatting-quote)::before,
.CodeMirror-line span.cm-inline-code + *::before,
.CodeMirror-line span.cm-highlight + *::before,
.CodeMirror-line span.cm-quote + *::before,
.CodeMirror-line span.cm-hmd-html-end + *::before,
.CodeMirror-line span.cm-formatting-math + *::before {
border-left: none;
}
/*Quote (> lorem ipsum ...) in edit mode with left border rendered instead of >*/
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-quote {
color: transparent !important;
}
.CodeMirror-line span.cm-formatting-quote {
color: var(--red) !important;
}
.HyperMD-quote.CodeMirror-line {
background-color: var(--background-blockquote);
}
.cm-quote:not([class*="link"]):not([class*="string"]):not([class*="em"]):not([class*="strong"]) {
color: var(--text-normal);
}
/* highlight */
:is(.markdown-preview-view,.markdown-rendered) mark {
background-color: var(--text-highlight-bg);
padding: 1px 2px;
color: var(--text-highlight);
border-radius: var(--radius-xs);
}
.cm-s-obsidian span.cm-highlight,
.cm-highlight.cm-quote {
color: var(--text-highlight);
padding: 2px 0 1px 0;
}
body:not(.no-rounded-corners-highlight):not(.all-rounded-corners-highlight) .cm-s-obsidian .cm-widgetBuffer[aria-hidden="true"]+span.cm-highlight:has(+ .cm-widgetBuffer[aria-hidden="true"]) {
border-radius: 3px;
padding: 1px 2px;
}
.cm-s-obsidian span.cm-formatting-highlight {
border-radius: 3px 0 0 3px;
}
.cm-s-obsidian span[class="cm-highlight"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-list"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-quote"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-header"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-formatting-code"][class*="cm-inline-code"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-formatting-link"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-hmd-internal-link"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-strong"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-em"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="strikethrough"]+span.cm-formatting-highlight {
border-radius: 0 3px 3px 0;
}
span.cm-formatting.cm-formatting-code.cm-highlight.cm-inline-code,
span.cm-highlight.cm-inline-code {
border-radius: 0;
padding: 2px 0 1px !important;
}
.theme-dark .cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-color: var(--text-highlight-bg);
color: var(--text-highlight);
}
.CodeMirror-lines span.cm-strong.cm-em.cm-highlight {
padding: 0 1px 1px;
}
/*cloze*/
body:not(.remove-cloze-style) :is(.markdown-preview-view,.markdown-rendered) mark > del,
:is(.markdown-preview-view,
.markdown-rendered).cloze mark > del {
background-color: var(--cloze-bg-color);
color: var(--cloze-bg-color);
text-decoration: underline var(--cloze-decoration) var(--cloze-decoration-color);
border-radius:5px;
padding:2px;
}
body:not(.remove-cloze-style) .cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em),
body:not(.remove-cloze-style) .cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough,
.markdown-source-view.cloze .cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em),
.markdown-source-view.cloze *:not([class*="cm-formatting-em"]).cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough {
text-decoration: underline var(--cloze-decoration) var(--cloze-decoration-color);
background-color: transparent !important;
}
body:not(.remove-cloze-style) .cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-formatting-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em):hover,
.markdown-source-view.cloze .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-formatting-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em):hover {
background-color: var(--text-highlight-bg);
color: var(--text-normal);
transition: all 400ms ease-in-out;
}
body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) mark > del:hover,
:is(.markdown-preview-view,
.markdown-rendered).cloze mark > del:hover {
background-color: transparent;
color: var(--accent-strong);
transition: all 400ms ease-in-out;
}
body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > mark > del,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > mark > del {
color: transparent;
background-color: transparent;
padding: 0 2px;
text-decoration: underline var(--cloze-decoration-2) var(--cloze-decoration-color-2) !important;
}
body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > mark > del:hover,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > mark > del:hover {
cursor: pointer;
color: transparent;
}
body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > mark > del:active,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > mark > del:active {
color: var(--accent-strong);
background-color: transparent;
transition: all 400ms ease-in-out;
}
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough:not([class*="formatting"]),
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough:not([class*="formatting"]),
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough,
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough {
color: var(--accent-strong) !important;
text-decoration: underline var(--cloze-decoration-2) var(--cloze-decoration-color-2) !important;
}
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough,
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough{
background-color: transparent !important;
}
body:not(.remove-cloze-style) .markdown-source-view:not([class*="cm5"]) .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
.markdown-source-view:not([class*="cm5"]).cloze .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight {
background-color: var(--bg-color-highlight-1) !important;
color: var(--color-highlight-1);
font-style: normal;
}
body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > del,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > del {
background-color: var(--cloze-bg-color-3);
color: var(--cloze-bg-color-3);
font-style: normal;
text-decoration: underline var(--cloze-decoration-3) var(--cloze-decoration-color-3);
}
body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > del:hover,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > del:hover {
background-color: transparent;
color: var(--text-normal);
transition: all 400ms ease-in-out;
}
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-em.cm-strikethrough,
.markdown-source-view.is-live-preview.cloze .cm-em.cm-strikethrough {
background-color: var(--cloze-bg-color-3);
color: var(--cloze-bg-color-3);
font-style: normal;
text-decoration: underline var(--cloze-decoration-3) var(--cloze-decoration-color-3);
}
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-em.cm-strikethrough:hover,
.markdown-source-view.is-live-preview.cloze .cm-em.cm-strikethrough:hover {
background-color: transparent !important;
color: var(--text-normal) !important;
transition: all 400ms ease-in-out;
}
body:not(.remove-cloze-style) .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough,
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough {
color: var(--accent-strong);
text-decoration: none;
}
body:not(.remove-cloze-style) .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough~span.cm-em.cm-strikethrough:not([class*="formatting"]),
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough~span.cm-em.cm-strikethrough:not([class*="formatting"]) {
font-style: normal;
color: var(--accent-strong);
text-decoration: underline var(--cloze-decoration-3) var(--cloze-decoration-color-3);
}
span.cm-strong.cm-em.cm-highlight {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: var(--strong-em-highlight-color);
background-color: var(--text-highlight-bg);
}
/* body.default-icons .nav-folder.mod-root .nav-folder > .nav-folder-children {
margin: 0 0 0 16px;
} */
/* .nav-folder.mod-root .nav-folder > .nav-folder-children {
margin: 0 0 0 13px;
} */
.nav-folder.mod-root .nav-folder > .nav-folder-children:hover {
border-left-color: var(--theme-color-translucent-04);
}
.view-header-title-container:after,
.view-header-title-container::before {
display: none;
}
.workspace-leaf.mod-active .view-header-icon {
color: var(--interactive-accent);
cursor: grab;
position: relative;
}
body.hide-titlebar-text .titlebar-text {
display: none
}
.titlebar-left {
width: 30px;
}
/*change color when hover*/
.titlebar-button.mod-back:hover,
.titlebar-button.mod-forward:hover,
.titlebar-button.mod-maximize:hover,
.titlebar-button.mod-minimize:hover,
.workspace-ribbon-collapse-btn:hover {
color: var(--theme-color);
}
.titlebar-button {
-webkit-app-region: no-drag;
padding: 0 9px;
cursor: pointer;
opacity: 0.8;
}
.titlebar-button:hover {
opacity: 1;
}
.workspace-tab-header-inner {
padding: 3px 9px;
}
/*reduce space of header buttons*/
body:not(.is-mobile) div.nav-header {
padding: 3px 2px;
line-height: 1;
}
div.nav-buttons-container {
margin: 1px;
}
.workspace-leaf-content[data-type='file-explorer'] .nav-buttons-container {
margin-right: 2px;
border-radius: var(--radius-s);
}
input.search-input {
margin: -2px 0px -3px 0px;
}
.nav-action-button {
margin: 0px 5px !important;
}
/*tag page button*/
.nav-buttons-container>.nav-action-button,
.nav-buttons-container>.nav-action-button.is-active {
padding: 3px 2px 1px;
}
.titlebar-text {
font-size: var(--font-size-obsidian-titlebar);
font-weight: 600;
}
body:not(.is-focused) .titlebar-text {
opacity: 0.5;
}
.side-dock-ribbon-tab:hover,
.side-dock-ribbon-action:hover {
color: var(--theme-color);
}
.side-dock-settings {
margin-top: auto;
margin-bottom: 2px;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title {
padding-left: 5px;
font-size: var(--font-size-vault-name);
font-family: var(--font-family-vault);
font-weight: bolder;
text-shadow: 1px 1px 6px var(--theme-color-translucent-04);
cursor: default;
}
.theme-dark .nav-folder.mod-root>.nav-folder-title {
color: var(--theme-color);
text-shadow: none;
}
.theme-dark .nav-folder.mod-root>.nav-folder-title:hover {
background-color: var(--background-secondary-alt);
color: var(--text-muted);
opacity: 1;
}
.theme-light .nav-folder.mod-root>.nav-folder-title:hover {
background-color: var(--background-secondary-alt);
text-shadow: 1px 1px 5px #ffffff7c;
color: var(--theme-color);
opacity: 1;
}
/*=======search panel=======*/
.search-result-file-title {
color: var(--search-result-file-title-color);
}
.workspace-leaf-content[data-type="outgoing-link"] .search-result-file-match {
padding: 4px 10px;
left: 0;
}
.backlink-pane .search-result-container {
margin-left: 3px;
}
.search-result-file-matches {
border-bottom: none;
margin-bottom: 0;
}
.tree-item-self.is-clickable:hover {
background-color: transparent;
color: var(--search-result-file-title-color);
}
.tree-item-self.is-clickable.is-collapsed .tree-item-inner {
opacity: 0.6;
}
.tag-container .tree-item-self.tag-pane-tag.is-clickable:hover {
background-color: var(--theme-color-translucent-015);
color: var(--text-normal);
}
.outline .tree-item-self.is-clickable:hover {
background-color: var(--theme-color-translucent-015);
color: var(--text-normal);
}
.outline .tree-item-self {
font-size: var(--font-size-outline);
}
.search-result-file-match:hover {
background-color: var(--background-secondary-alt);
color: var(--text-normal);
}
span.search-result-file-matched-text {
color: var(--search-text);
background-color: var(--search-result-file-matched-bg);
opacity: 0.8;
}
.is-flashing {
background-color: var(--search-result-file-matched-bg);
}
/* background of search result */
.search-result {
border-radius: var(--radius-s);
margin: 0 0 0 1px;
}
.tree-item.search-result .tree-item-self.search-result-file-title.is-clickable {
padding-left: 15px;
}
span.obsidian-search-match-highlight {
background-color: var(--text-search-highlight-bg) !important;
}
.search-result-file-match:after {
display: none;
}
.search-input {
display: block;
margin: 0 auto 10px auto;
width: calc(100% - 20px);
}
.nav-action-button>svg {
width: 17px;
height: 17px;
}
/*code box unfold icon*/
.CodeMirror-foldgutter-open.CodeMirror-guttermarker-subtle::after {
color: var(--text-accent);
}
.CodeMirror-gutter.CodeMirror-linenumbers,
.CodeMirror-gutter.CodeMirror-foldgutter {
background-color: transparent;
}
/*checkbox*/
span.cm-formatting-task.cm-property {
color: var(--text-accent);
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-reading-view) .task-list-item-checkbox {
top: 0.25em;
}
/*
.markdown-source-view.mod-cm6 .task-list-label .task-list-item-checkbox {
margin-left: -1.5px;
margin-top: 0px;
margin-bottom: 2px;
margin-right:3px;
vertical-align: middle;
top: 0;
}
.markdown-source-view.mod-cm6 .cm-formatting-list-ol ~ .task-list-label .task-list-item-checkbox {
margin-left: 3px;
}
*/
input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
border-radius: var(--radius-xs);
border: 1px solid var(--background-modifier-border-checkbox);
padding: 0;
margin: 0 2px 2px 0;
width: var(--checkbox-size);
height: var(--checkbox-size);
}
input[type=checkbox]:hover {
border: 1px solid var(--theme-color);
}
ul > li.task-list-item.is-checked,
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task] {
text-decoration: none;
}
body.toggle-checked-decoration .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
body.toggle-checked-decoration .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"],
body.toggle-checked-decoration ul > li.task-list-item[data-task="x"],
body.toggle-checked-decoration ul > li.task-list-item[data-task="X"] {
text-decoration: var(--checklist-done-decoration);
}
.task-list-item-checkbox {
filter: hue-rotate(0);
}
input[type=checkbox]:checked:after {
display: none;
}
.is-flashing input[type=checkbox]:checked,
input[type=checkbox]:checked {
border-radius: var(--radius-xs);
border: none;
background-repeat: no-repeat;
background-position: center;
background-size: 120%;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z"></path></svg>');
background-color: var(--checkbox-color-0);
}
body:not(.unmute-checkbox-animation) .is-flashing input.task-list-item-checkbox[type=checkbox]:checked:hover,
body:not(.unmute-checkbox-animation) input.task-list-item-checkbox[type=checkbox]:checked:hover {
animation: tada 1s;
filter: hue-rotate(160deg) !important;
}
/* SVG Plane-right; bujo: task-migrated/waiting */
input[data-task=">"]:checked,
li[data-task=">"]>input:checked,
li[data-task=">"]>p>input:checked {
background-color: var(--checkbox-color-1);
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M10.061 19.061 17.121 12l-7.06-7.061-2.122 2.122L12.879 12l-4.94 4.939z"></path></svg>');
}
:is(.markdown-preview-view,.markdown-rendered) ul.contains-task-list li.task-list-item.is-checked[data-task=">"],
:is(.markdown-preview-view,.markdown-rendered) ol.contains-task-list li.task-list-item.is-checked[data-task=">"],
.markdown-source-view.is-live-preview input.task-list-item-checkbox[data-task=">"] {
text-decoration: none !important;
color: var(--text-normal);
}
/* SVG Plane-left; bujo: task-scheduled/delegated */
input[data-task="<"]:checked,
li[data-task="<"]>input:checked,
li[data-task="<"]>p>input:checked {
background-color: var(--checkbox-color-2);
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z"></path></svg>');
}
input[data-task="?"]:checked,
li[data-task="?"]>input:checked,
li[data-task="?"]>p>input:checked {
background-color: var(--checkbox-color-3);
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="red"><path d="M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z"></path></svg>');
}
input[data-task="!"]:checked,
li[data-task="!"]>input:checked,
li[data-task="!"]>p>input:checked {
background-color: var(--checkbox-color-4);
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(212, 163, 0)"><path d="M9 20h6v2H9zm7.906-6.288C17.936 12.506 19 11.259 19 9c0-3.859-3.141-7-7-7S5 5.141 5 9c0 2.285 1.067 3.528 2.101 4.73.358.418.729.851 1.084 1.349.144.206.38.996.591 1.921H8v2h8v-2h-.774c.213-.927.45-1.719.593-1.925.352-.503.726-.94 1.087-1.363zm-2.724.213c-.434.617-.796 2.075-1.006 3.075h-2.351c-.209-1.002-.572-2.463-1.011-3.08a20.502 20.502 0 0 0-1.196-1.492C7.644 11.294 7 10.544 7 9c0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.521-.643 2.274-1.615 3.413-.373.438-.796.933-1.203 1.512z"></path></svg>');
}
input[data-task="+"]:checked,
li[data-task="+"]>input:checked,
li[data-task="+"]>p>input:checked {
background-color: var(--checkbox-color-5);
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"></path></svg>');
}
input[data-task="-"]:checked,
li[data-task="-"]>input:checked,
li[data-task="-"]>p>input:checked {
background-color: var(--checkbox-color-6);
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M5 11h14v2H5z"></path></svg>');
}
ul > li[data-task="-"].task-list-item.is-checked, .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"] {
text-decoration: line-through !important;
}
body.extend-checkbox-list input[data-task="“"]:checked,
body.extend-checkbox-list li[data-task="“"]>input:checked,
body.extend-checkbox-list li[data-task="“"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(47, 167, 188);transform: ;msFilter:;"><path d="M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z"></path></svg>');
}
body.extend-checkbox-list input[data-task="…"]:checked,
body.extend-checkbox-list li[data-task="…"]>input:checked,
body.extend-checkbox-list li[data-task="…"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(128, 128, 128);transform: ;msFilter:;"><path d="M10 10h4v4h-4zm6 0h4v4h-4zM4 10h4v4H4z"></path></svg>');
}
body.extend-checkbox-list input[data-task="/"]:checked,
body.extend-checkbox-list li[data-task="/"]>input:checked,
body.extend-checkbox-list li[data-task="/"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="rgb(213, 155, 48)"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93s3.05-7.44 7-7.93v15.86zm2-15.86c1.03.13 2 .45 2.87.93H13v-.93zM13 7h5.24c.25.31.48.65.68 1H13V7zm0 3h6.74c.08.33.15.66.19 1H13v-1zm0 9.93V19h2.87c-.87.48-1.84.8-2.87.93zM18.24 17H13v-1h5.92c-.2.35-.43.69-.68 1zm1.5-3H13v-1h6.93c-.04.34-.11.67-.19 1z"/></svg>');
}
body.extend-checkbox-list input[data-task="."]:checked,
body.extend-checkbox-list li[data-task="."]>input:checked,
body.extend-checkbox-list li[data-task="."]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="rgb(115, 115, 115)"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z"/></svg>');
}
body.extend-checkbox-list input[data-task="d"]:checked,
body.extend-checkbox-list li[data-task="d"]>input:checked,
body.extend-checkbox-list li[data-task="d"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(159, 84, 212);transform: ;msFilter:;"><path d="m14 9.586-4 4-6.293-6.293-1.414 1.414L10 16.414l4-4 4.293 4.293L16 19h6v-6l-2.293 2.293z"></path></svg>');
}
body.extend-checkbox-list input[data-task="u"]:checked,
body.extend-checkbox-list li[data-task="u"]>input:checked,
body.extend-checkbox-list li[data-task="u"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(32, 101, 248);transform: ;msFilter:;"><path d="m10 10.414 4 4 5.707-5.707L22 11V5h-6l2.293 2.293L14 11.586l-4-4-7.707 7.707 1.414 1.414z"></path></svg>');
}
body.extend-checkbox-list input[data-task="A"]:checked,
body.extend-checkbox-list li[data-task="A"]>input:checked,
body.extend-checkbox-list li[data-task="A"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1066" y="514" width="16" height="16"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1066 -514)"><rect x="1066" y="514" width="16.0001" height="16.0002"/></g></svg>');
}
body.extend-checkbox-list input[data-task="D"]:checked,
body.extend-checkbox-list li[data-task="D"]>input:checked,
body.extend-checkbox-list li[data-task="D"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(218, 78, 78)"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"/></svg>');
}
body.extend-checkbox-list input:is([data-task="¥"],[data-task="$"]):checked,
body.extend-checkbox-list li:is([data-task="¥"],[data-task="$"])>input:checked,
body.extend-checkbox-list li:is([data-task="¥"],[data-task="$"])>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(57, 211, 49);transform: ;msFilter:;"><path d="M12 6C7.03 6 2 7.546 2 10.5v4C2 17.454 7.03 19 12 19s10-1.546 10-4.5v-4C22 7.546 16.97 6 12 6zm-8 8.5v-1.197a9.989 9.989 0 0 0 2 .86v1.881c-1.312-.514-2-1.126-2-1.544zm12 .148v1.971c-.867.179-1.867.31-3 .358v-2a21.75 21.75 0 0 0 3-.329zm-5 2.33a18.788 18.788 0 0 1-3-.358v-1.971c.959.174 1.972.287 3 .33v1.999zm7-.934v-1.881a9.931 9.931 0 0 0 2-.86V14.5c0 .418-.687 1.03-2 1.544zM12 13c-5.177 0-8-1.651-8-2.5S6.823 8 12 8s8 1.651 8 2.5-2.823 2.5-8 2.5z"></path></svg>');
}
body.extend-checkbox-list input[data-task="*"]:checked,
body.extend-checkbox-list li[data-task="*"]>input:checked,
body.extend-checkbox-list li[data-task="*"]>p>input:checked {
background-color: transparent;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(218, 192, 22)"><path d="M21.947 9.179a1.001 1.001 0 0 0-.868-.676l-5.701-.453-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082c.297-.268.406-.686.278-1.065z"></path></svg>');
}
@keyframes fade-left {
0% {-webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0;}
75% {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}
@keyframes tada {
from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
10%,
20% {-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);}
30%,
50%,
70%,
90% {-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);}
40%,
60%,
80% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}
to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
body.circular-checkbox input[type=checkbox] {
border-radius: 50%;
}
/* headers */
/*编辑状态是否显示H1 H2标记*/
/*适配Live preview模式*/
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(.cm-highlight).cm-header::before {
font-size: 0.6rem;
width: auto;
margin-right: 1px;
border-radius: var(--radius-xs);
color: var(--text-muted);
overflow: visible;
font-family: var(--font-interface);
font-weight: normal !important;
}
body.clutter-free-headings div.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header ~ span.cm-header::before,
body.clutter-free-headings div.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header.cm-hmd-internal-link::before {
display: none;
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-1::before {
content: 'H1';
margin-top: calc(var(--h1-size) - 0.1em);
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-2::before {
content: 'H2';
margin-top: calc(var(--h2-size) - 0.2em);
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-3::before {
content: 'H3';
margin-top: calc(var(--h3-size) - 0.2em);
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-4::before {
content: 'H4';
margin-top: calc(var(--h4-size) - 0.3em);
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-5::before {
content: 'H5';
margin-top: calc(var(--h5-size) - 0.4em);
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-6::before {
content: 'H6';
margin-top: calc(var(--h6-size) - 0.4em);
}
/*适配source mode 模式*/
body.clutter-free-headings div.mod-cm6:not(.is-live-preview) div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header ~ span.cm-header::before {
display: none;
}
body.clutter-free-headings div.mod-cm6:not(.is-live-preview) div:not(.cm-active).cm-line span.cm-formatting-header {
display:none;
}
/*适配传统模式*/
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line.hmd-inactive-line span.cm-formatting-header::before {
position: absolute;
margin-top: 10px;
font-size: 0.7rem;
width: auto;
margin-left: -18px;
padding: 0px 2px;
border-radius: var(--radius-xs);
color: var(--text-muted);
overflow: visible;
font-family: var(--font-default);
font-weight: normal !important;
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line:not(.hmd-inactive-line) span.cm-formatting-header::before {
position: absolute;
margin-top: 10px;
font-size: 0.7rem;
width: auto;
margin-left: -6px;
border-radius: var(--radius-xs);
color: var(--text-muted);
overflow: visible;
font-family: var(--font-default);
font-weight: normal !important;
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header {
color: transparent !important;
background: none;
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-1::before {
content: 'H1';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-2::before {
content: 'H2';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-3::before {
content: 'H3';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-4::before {
content: 'H4';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-5::before {
content: 'H5';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-6::before {
content: 'H6';
}
body.h1-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h1,
body.h1-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-1.cm-line {
border-bottom: var(--h1-underline-width, 2px) var(--h1-underline-style, solid) var(--h1-underline-color, var(--h1-color));
}
body.h2-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h2,
body.h2-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-2.cm-line {
border-bottom: var(--h2-underline-width, 1px) var(--h2-underline-style, solid) var(--h2-underline-color, var(--h2-color));
}
body.h3-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h3,
body.h3-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-3.cm-line {
border-bottom: var(--h3-underline-width, 1px) var(--h3-underline-style, solid) var(--h3-underline-color, var(--h3-color));
}
body.h4-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h4,
body.h4-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-4.cm-line {
border-bottom: var(--h4-underline-width, 1px) var(--h4-underline-style, solid) var(--h4-underline-color, var(--h4-color));
}
body.h5-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h5,
body.h5-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-5.cm-line {
border-bottom: var(--h5-underline-width, 1px) var(--h5-underline-style, solid) var(--h5-underline-color, var(--h5-color));
}
body.h6-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h6,
body.h6-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-6.cm-line {
border-bottom: var(--h6-underline-width, 1px) var(--h6-underline-style, solid) var(--h6-underline-color, var(--h6-color));
}
body.inline-title-toggle-underline .inline-title {
border-bottom: var(--inline-title-underline-width, 2px) var(--inline-title-underline-style, solid) var(--inline-title-underline-color, var(--h1-color));
}
body.h1-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h1,
body.h2-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h2,
body.h3-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h3,
body.h4-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h4,
body.h5-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h5,
body.h6-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h6,
body.h1-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-1.cm-line,
body.h2-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-2.cm-line,
body.h3-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-3.cm-line,
body.h4-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-4.cm-line,
body.h5-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-5.cm-line,
body.h6-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-6.cm-line,
body.inline-title-toggle-short-underline .inline-title {
text-decoration: underline;
}
body.header-1-background .cm-header-1,
body.header-1-background :is(.markdown-preview-view,.markdown-rendered) h1 {
background-color: var(--h1-bg-color);
}
body.header-2-background .cm-header-2,
body.header-2-background :is(.markdown-preview-view,.markdown-rendered) h2 {
background-color: var(--h2-bg-color);
}
body.header-3-background .cm-header-3,
body.header-3-background :is(.markdown-preview-view,.markdown-rendered) h3 {
background-color: var(--h3-bg-color);
}
body.header-4-background .cm-header-4,
body.header-4-background :is(.markdown-preview-view,.markdown-rendered) h4 {
background-color: var(--h4-bg-color);
}
body.header-5-background .cm-header-5,
body.header-5-background :is(.markdown-preview-view,.markdown-rendered) h5 {
background-color: var(--h5-bg-color);
}
body.header-6-background .cm-header-6,
body.header-6-background :is(.markdown-preview-view,.markdown-rendered) h6 {
background-color: var(--h6-bg-color);
}
body.toggle-inline-title-background .inline-title {
background: no-repeat center/100% var(--inline-title-bg-url) var(--inline-title-bg-color);
}
.cm-contentContainer :is(.cm-header-1,.cm-header-2,.cm-header-3,.cm-header-4) {
line-height: calc(var(--paragraph-spacing) + 0.5);
}
body.h1-text-align-center .HyperMD-header.HyperMD-header-1.cm-line,
body.h2-text-align-center .HyperMD-header.HyperMD-header-2.cm-line,
body.h3-text-align-center .HyperMD-header.HyperMD-header-3.cm-line,
body.h4-text-align-center .HyperMD-header.HyperMD-header-4.cm-line,
body.h5-text-align-center .HyperMD-header.HyperMD-header-5.cm-line,
body.h6-text-align-center .HyperMD-header.HyperMD-header-6.cm-line,
body.h1-text-align-center :is(.markdown-preview-view,.markdown-rendered) h1,
body.h2-text-align-center :is(.markdown-preview-view,.markdown-rendered) h2,
body.h3-text-align-center :is(.markdown-preview-view,.markdown-rendered) h3,
body.h4-text-align-center :is(.markdown-preview-view,.markdown-rendered) h4,
body.h5-text-align-center :is(.markdown-preview-view,.markdown-rendered) h5,
body.h6-text-align-center :is(.markdown-preview-view,.markdown-rendered) h6,
body.inline-title-text-align-center .inline-title {
text-align: center;
}
body.h1-text-align-end .HyperMD-header.HyperMD-header-1.cm-line,
body.h2-text-align-end .HyperMD-header.HyperMD-header-2.cm-line,
body.h3-text-align-end .HyperMD-header.HyperMD-header-3.cm-line,
body.h4-text-align-end .HyperMD-header.HyperMD-header-4.cm-line,
body.h5-text-align-end .HyperMD-header.HyperMD-header-5.cm-line,
body.h6-text-align-end .HyperMD-header.HyperMD-header-6.cm-line,
body.h1-text-align-end :is(.markdown-preview-view,.markdown-rendered) h1,
body.h2-text-align-end :is(.markdown-preview-view,.markdown-rendered) h2,
body.h3-text-align-end :is(.markdown-preview-view,.markdown-rendered) h3,
body.h4-text-align-end :is(.markdown-preview-view,.markdown-rendered) h4,
body.h5-text-align-end :is(.markdown-preview-view,.markdown-rendered) h5,
body.h6-text-align-end :is(.markdown-preview-view,.markdown-rendered) h6,
body.inline-title-text-align-end .inline-title {
text-align: end;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) strong em,
body.retain-header-color .cm-s-obsidian .cm-header[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header[class*="cm-strong"] {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-color: initial;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h1 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h1 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h1 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-1[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-1[class*="cm-strong"] {
color: var(--h1-color) !important;
font-family: var(--h1-font) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h2 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h2 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h2 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-2[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-2[class*="cm-strong"] {
color: var(--h2-color) !important;
font-family: var(--h2-font) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h3 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h3 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h3 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-3[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-3[class*="cm-strong"] {
color: var(--h3-color) !important;
font-family: var(--h3-font) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h4 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h4 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h4 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-4[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-4[class*="cm-strong"] {
color: var(--h4-color) !important;
font-family: var(--h4-font) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h5 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h5 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h5 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-5[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-5[class*="cm-strong"] {
color: var(--h5-color) !important;
font-family: var(--h5-font) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h6 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h6 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h6 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-6[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-6[class*="cm-strong"] {
color: var(--h6-color) !important;
font-family: var(--h6-font) !important;
}
:is(.markdown-preview-section,.markdown-rendered):not(:first-child) :is(h1,h2,h3,h4,h5) {
margin-top: 13px !important;
}
:is(.markdown-preview-section,.markdown-rendered):not(:first-child) h6 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/*preview Header hover*/
/* adapted from Obsidian-Typora-Vue https://github.com/ZekunC/Obsidian-Typora-Vue-Theme */
:is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) {
position: relative;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h1:hover::before {
content: 'H1';
position: absolute;
font-size: 0.7rem;
width: auto;
margin-left: -24px;
border: 1px solid;
padding: 0px 2px;
border-radius: var(--radius-xs);
top: 25px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h2:hover::before {
content: 'H2';
position: absolute;
font-size: 0.7rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0px 2px;
border-radius: var(--radius-xs);
top: 23px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h3:hover::before {
content: 'H3';
position: absolute;
font-size: 0.65rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0px 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h4:hover::before {
content: 'H4';
position: absolute;
font-size: 0.6rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0px 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h5:hover::before {
content: 'H5';
position: absolute;
font-size: 0.6rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0px 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h6:hover::before {
content: 'H6';
position: absolute;
font-size: 0.6rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0px 2px;
border-radius: var(--radius-xs);
top: 22px;
}
/*---*/
.markdown-rendered hr {
border-color: var(--background-modifier-border-hr);
}
/* inspired by Obsidianite */
body.fancy-hr-icon .markdown-rendered hr {
overflow: initial;
margin-block-start: 2.5em;
margin-block-end: 2.5em;
border: none;
height: 0;
min-height: 0.7em;
border-bottom: 2px solid;
border-image-slice: 1;
border-width: 2px;
border-image: linear-gradient(to right, transparent 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, transparent 100%) 1;
}
body.fancy-hr-icon .markdown-rendered hr::after {
content: var(--fancy-hr-icon);
display: inline-block;
position: relative;
left: 50%;
font-size: 1em;
transform: translate(-50%, -0.35em) rotate(var(--fancy-hr-rotate));
transform-origin: 50% 50%;
padding: 0.3rem;
color: var(--theme-color);
}
body.fancy-hr-icon div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-hr {
opacity: 0;
position: relative;
}
body.fancy-hr-icon div > .CodeMirror-line span.cm-hr {
display: inline-block;
}
body.fancy-hr-icon div:not(.CodeMirror-activeline) > .CodeMirror-line.HyperMD-hr::before {
position: absolute;
content: '';
width: 100%;
height: 2px;
border-image: linear-gradient(to right, transparent 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, transparent 100%) 1;
left: 0;
top: 50%;
}
body.fancy-hr-icon div:not(.CodeMirror-activeline) > .CodeMirror-line.HyperMD-hr::after {
content: var(--fancy-hr-icon);
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
font-size: 1em;
transform: translate(-50%, -50%) rotate(var(--fancy-hr-rotate));
transform-origin: 50% 50%;
padding: 0.5rem;
color: var(--theme-color);
}
body.fancy-hr-icon .cm-s-obsidian hr {
border-image: linear-gradient(to right, transparent 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, transparent 100%) 1;
border-width: 2px;
}
body.fancy-hr-icon .markdown-source-view.mod-cm6 .hr::after {
content: var(--fancy-hr-icon);
display: inline-block;
position: absolute;
font-size: 1em;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(var(--fancy-hr-rotate));
transform-origin: 50% 50%;
padding: 0.5rem;
color: var(--theme-color);
}
body.fancy-hr-no-icon .cm-s-obsidian hr {
border-image: linear-gradient(to right, transparent 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, transparent 100%) 1;
border-width: 2px;
}
body.fancy-hr-no-icon .markdown-rendered hr {
margin-block-start: 2.5em;
margin-block-end: 2.5em;
border: none;
height: 0;
border-bottom: 2px solid;
border-width: 2px;
border-image: linear-gradient(to right, transparent 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, transparent 100%) 1;
}
body.fancy-hr-no-icon div:not(.CodeMirror-activeline) > .CodeMirror-line.HyperMD-hr::before {
position: absolute;
content: '';
width: 100%;
height: 2px;
background-image: linear-gradient(to right, transparent 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, transparent 100%);
left: 0;
top: 50%;
}
body.fancy-hr-number .markdown-rendered {
counter-reset: fancyhrno;
}
body.fancy-hr-number .markdown-rendered hr {
overflow: initial;
margin-block-start: 2.5em;
margin-block-end: 2.5em;
border: none;
height: 0;
min-height: 0.7em;
border-bottom: 2px solid;
border-image-slice: 1;
border-width: 2px;
border-image-source: linear-gradient(to right, transparent 0%, var(--hr-color-numbers-line-1) 30%, var(--hr-color-numbers-line-2) 46%, transparent 46%, transparent 54%, var(--hr-color-numbers-line-3) 54%, var(--hr-color-numbers-line-4) 70%, transparent 100%);
counter-increment: fancyhrno;
}
body.fancy-hr-number .markdown-rendered hr::after {
content: counter(fancyhrno);
display: inline-block;
font-family: var(--font-monospace-theme);
font-weight: bold;
position: relative;
left: 50%;
transform: translate(-50%, -0.2em);
color: var(--hr-color-numbers-color);
background: var(--hr-color-numbers-bg-color);
border-radius: 50%;
padding: 0 0.44em 0 0.5em;
}
body.fancy-hr-number.hollow-number .markdown-rendered hr::after,
body.fancy-hr-number.hollow-number .markdown-source-view.mod-cm6 hr::after,
body.fancy-hr-number.hollow-number .markdown-source-view div:not(.CodeMirror-activeline) > .HyperMD-hr.CodeMirror-line::after {
-webkit-text-fill-color: var(--hr-numbers-text-fill);
-webkit-text-stroke: 1px var(--hr-numbers-text-stroke);
font-family: var(--font-text-theme);
}
body.fancy-hr-number div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-hr {
opacity: 0;
position: relative;
}
body.fancy-hr-number div > .CodeMirror-line span.cm-hr {
display: inline-block;
}
body.fancy-hr-number .markdown-source-view {
counter-reset: fancyhrno1;
}
body.fancy-hr-number .markdown-source-view div:not(.CodeMirror-activeline) > .HyperMD-hr.CodeMirror-line::before {
position: absolute;
content: '';
width: 100%;
height: 2px;
background-image: linear-gradient(to right, transparent 0%, var(--hr-color-numbers-line-1) 30%, var(--hr-color-numbers-line-2) 46%, transparent 46%, transparent 54%, var(--hr-color-numbers-line-3) 54%, var(--hr-color-numbers-line-4) 70%, transparent 100%);
left: 0;
top: 50%;
counter-increment: fancyhrno1;
}
body.fancy-hr-number .markdown-source-view div:not(.CodeMirror-activeline) > .HyperMD-hr.CodeMirror-line::after {
content: counter(fancyhrno1);
display: inline-block;
font-family: var(--font-monospace-theme);
font-weight: bold;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--hr-color-numbers-color);
background: var(--hr-color-numbers-bg-color);
border-radius: 50%;
padding: 0 0.44em 0 0.5em;
}
body.fancy-hr-number .cm-s-obsidian hr {
border-image: linear-gradient(to right, transparent 0%, var(--hr-color-numbers-line-1) 30%, var(--hr-color-numbers-line-2) 46%, transparent 46%, transparent 54%, var(--hr-color-numbers-line-3) 54%, var(--hr-color-numbers-line-4) 70%, transparent 100%) 1;
border-width: 2px;
counter-increment: fancyhrno;
}
body.fancy-hr-number .markdown-source-view.mod-cm6 {
counter-reset: fancyhrno;
}
body.fancy-hr-number .markdown-source-view.mod-cm6 .hr::after {
left: 50%;
top: 50%;
content: counter(fancyhrno);
display: inline-block;
font-family: var(--font-monospace-theme);
font-weight: bold;
position: absolute;
transform: translate(-50%, -50%);
color: var(--hr-color-numbers-color);
background: var(--hr-color-numbers-bg-color);
border-radius: 50%;
padding: 0 0.45em 0 0.5em;
}
.nav-files-container {
padding: 0 3px 10px;
}
/* blockquote */
:is(.markdown-preview-view,.markdown-rendered) blockquote {
padding: 0.5em 0.5em 0.5em 0.6em;
border-right-width: 0;
border-left: solid;
border-top-width: 0;
border-bottom-width: 0;
border-left-width: 5px;
border-color: var(--theme-color);
background-color: var(--background-blockquote);
border-radius: var(--radius-s);
margin-inline-start: 2.5%;
margin-inline-end: 2.5%;
}
:is(.markdown-preview-view,.markdown-rendered) blockquote p {
margin-left: 1px;
margin-right: 0;
font-size: var(--font-size-preview-blockquote);
}
body:not(.font-family-change-to-default) :is(.markdown-preview-view,.markdown-rendered),
body:not(.font-family-change-to-default) .markdown-source-view.mod-cm6 .cm-scroller,
body:not(.font-family-change-to-default) .markdown-source-view {
font-family: var(--font-text);
}
/* preview page */
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width :is(.markdown-preview-section,.markdown-rendered),
.markdown-source-view.is-readable-line-width .CodeMirror,
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width .markdown-preview-sizer,
:is(.markdown-preview-view,.markdown-rendered) :is(.markdown-preview-section,.markdown-rendered),
.markdown-source-view .CodeMirror,
:is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer,
.markdown-source-view.mod-cm6 .cm-scroller,
.cm-s-obsidian.is-folding.is-readable-line-width .markdown-reading-view {
line-height: var(--line-height-main);
letter-spacing: calc(var(--letter-space-main) * 0.03em);
/*text-align: var();*/
-webkit-font-smoothing: subpixel-antialiased;
}
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width:not(.matrix) .markdown-preview-sizer,
.markdown-source-view.is-readable-line-width:not(.matrix) .CodeMirror,
:is(.markdown-preview-view,.markdown-rendered):not(.matrix) .is-readable-line-width :is(.markdown-preview-section,.markdown-rendered),
:is(.markdown-preview-view,.markdown-rendered):not(.matrix) .is-readable-line-width :is(.markdown-preview-section,.markdown-rendered) > div,
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width:not(.matrix) :is(.markdown-preview-section,.markdown-rendered) {
width: var(--file-line-width);
max-width: 100%;
margin: 0 auto;
}
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer {
max-width: var(--file-line-width);
}
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-content {
/* width: var(--file-line-width);
max-width: 100%; */
margin: 0 auto;
}
.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) {
max-width: 100%;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .CodeMirror,
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-scroller,
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .markdown-preview-sizer {
line-height: var(--line-height-split);
font-size: var(--font-size-split);
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) :is(.markdown-preview-view,.markdown-rendered) {
padding: 7px 9px 7px 19px;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-scroller {
padding: 7px 10px 7px 30px;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-gutters {
padding-right: 10px;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-lineNumbers .cm-gutterElement {
padding: 0;
}
/* code */
.cm-s-obsidian .hmd-fold-html-stub,
.cm-s-obsidian .hmd-fold-code-stub,
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
body:not(.tag-default) .cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock,
.cm-s-obsidian .HyperMD-hr,
.cm-s-obsidian .cm-hmd-frontmatter,
.cm-s-obsidian .cm-hmd-orgmode-markup,
.cm-s-obsidian .cm-formatting-code,
.cm-s-obsidian .cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder,
.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd {
font-family: var(--font-monospace);
}
.is-live-preview .admonition-content .math-block>mjx-container {
padding: 0.3em 0;
}
.math.math-block mjx-container[jax='CHTML'] {
outline: none;
font-size: var(--font-size-latex);
}
.markdown-source-view mjx-math,
:is(.markdown-preview-view,.markdown-rendered) :not(:is(h1,h2,h3,h4,h5,h6))>.math>mjx-container>mjx-math {
color: var(--mjx-inline-math-color);
}
.markdown-source-view .cm-header-1 ~ .math mjx-math {
color: var(--h1-color);
}
.markdown-source-view .cm-header-2 ~ .math mjx-math {
color: var(--h2-color);
}
.markdown-source-view .cm-header-3 ~ .math mjx-math {
color: var(--h3-color);
}
.markdown-source-view .cm-header-4 ~ .math mjx-math {
color: var(--h4-color);
}
.markdown-source-view .cm-header-5 ~ .math mjx-math {
color: var(--h5-color);
}
.markdown-source-view .cm-header-6 ~ .math mjx-math {
color: var(--h6-color);
}
div.math.math-block mjx-math{
color: var(--mjx-math-color);
}
.cm-s-obsidian pre.HyperMD-codeblock,
:is(.markdown-preview-view,.markdown-rendered) code,
.markdown-rendered code {
color: var(--text-color-code);
font-size: var(--font-size-code) !important;
font-family: var(--font-monospace);
text-align: start;
}
.cm-s-obsidian span.cm-math:not(.cm-formatting-math-begin):not(.cm-formatting-math-end) {
font-size: var(--font-size-code) !important;
font-family: var(--font-monospace);
text-align: start;
}
.cm-s-obsidian .cm-widgetBuffer[aria-hidden="true"]+.cm-inline-code:has(+ .cm-widgetBuffer[aria-hidden="true"]) {
border-radius: var(--radius-s);
padding: 2px 2px 1px;
}
.cm-s-obsidian div.HyperMD-codeblock-bg {
border-left: none;
border-right: none;
border-top: none;
}
:is(.markdown-preview-view,.markdown-rendered) pre {
background-color: var(--background-code);
padding: 1em 1.5em;
}
:is(.markdown-preview-view,.markdown-rendered) code {
vertical-align: auto;
background-color: var(--background-code-2) ;
}
:is(.markdown-preview-view,.markdown-rendered) pre code {
background-color: transparent !important;
color:var(--code-normal);
}
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
.cm-formatting.cm-formatting-code.cm-inline-code {
color: var(--text-color-code);
background-color: var(--background-code-2);
}
.cm-s-obsidian .cm-inline-code.cm-strong {
color: var(--text-color-code) !important;
}
/*******codebox settings*******/
/* ================================== */
/* ===== editor syntax highlight ==== */
/* ================================== */
body.theme-dark {
--code-tag: var(--red);
}
body {
--code-selection-background: var(--text-selection);
--code-selection-color: var(--code-normal);
--code-type: var(--code-function);
--code-qualifier: var(--aqua);
--code-property: var(--blue);
--code-value: var(--green);
--code-tag: var( --purple);
--code-operator: var(--code-property);
--code-hr: var(--code-punctuation);
--code-string-2: var(--code-string);
--code-language: var(--text-muted);
--code-attribute: var(--code-function);
--code-atom: var(--orange-1);
--code-comment: var(--darkgreen);
}
:root,
.code-theme-custom {
/* material: palenight theme */
--code-keyword: #c792ea;
--code-atom: #f78c6c;
--code-number: #ff5370;
--code-type: #decb6b;
--code-def: #82aaff;
--code-property: #c792ea;
--code-variable: #f07178;
--code-variable-2: #53ada3;
--code-variable-3: #e7852fe7;
--code-definition: #82aaff;
--code-callee: #89ddff;
--code-qualifier: #decb6b;
--code-operator: #89ddff;
--code-hr: #98e342;
--code-link: #696d70;
--code-error-bg: #ff5370;
--code-header: #da7dae;
--code-builtin: #ffcb6b;
--code-meta: #ffcb6b;
--code-matching-bracket: #ffffff;
--code-tag: #ff5370;
--code-tag-in-comment: #ff5370;
--code-string-2: #f07178;
--code-bracket: #ff5370;
--code-comment: #676e95;
--code-string: #c3e88d;
--code-attribute: #c792ea;
--code-attribute-in-comment: #c792ea;
--background-code: #292d3e;
--code-normal: #d4d4d4;
}
.theme-light,
.theme-dark {
--code-active-line-background-color: var(--activeline-background);
}
.code-theme-custom {
--code-active-line-background-color: #353a50c2;
}
body.theme-light.code-theme-material-palenight,
body.theme-dark.code-theme-material-palenight {
/* material: palenight theme */
--code-keyword: #c792ea;
--code-atom: #f78c6c;
--code-number: #ff5370;
--code-type: #decb6b;
--code-def: #82aaff;
--code-property: #c792ea;
--code-variable: #f07178;
--code-variable-2: #eeffff;
--code-variable-3: #f07178;
--code-definition: #82aaff;
--code-callee: #89ddff;
--code-qualifier: #decb6b;
--code-operator: #89ddff;
--code-hr: #98e342;
--code-link: #696d70;
--code-error-bg: #ff5370;
--code-header: #da7dae;
--code-builtin: #ffcb6b;
--code-meta: #ffcb6b;
--code-matching-bracket: #ffffff;
--code-tag: #ff5370;
--code-tag-in-comment: #ff5370;
--code-string-2: #f07178;
--code-bracket: #ff5370;
--code-comment: #676e95;
--code-string: #c3e88d;
--code-attribute: #c792ea;
--code-attribute-in-comment: #c792ea;
--background-code: #292d3eba;
--code-active-line-background-color: #353a50;
--code-normal: #d4d4d4;
}
body.theme-light.code-theme-solarized-light,
body.theme-dark.code-theme-solarized-light {
/* solarized */
--code-keyword: #cb4b16;
--code-atom: #d33682;
--code-number: #d33682;
--code-type: #6c71c4;
--code-def: #2aa198;
--code-property: #2aa198;
--code-variable: #839496;
--code-variable-2: #b58900;
--code-variable-3: #6c71c4;
--code-function: var(--code-def) ;
--code-definition: #82aaff;
--code-callee: #89ddff;
--code-qualifier: #b58900;
--code-operator: #6c71c4;
--code-hr: #98e342;
--code-link: #93a1a1;
--code-error-bg: #ff5370;
--code-header: #586e75;
--code-builtin: #d33682;
--code-meta: #859900;
--code-matching-bracket: #859900;
--code-tag: #93a1a1;
--code-tag-in-comment: #ff5370;
--code-string-2: #b58900;
--code-bracket: #cb4b16;
--code-comment: #586e75;
--code-string: #859900;
--code-attribute: #2aa198;
--code-attribute-in-comment: #c792ea;
--background-code: #fdf6e3e1;
--code-active-line-background-color: #fffcf4;
--code-normal: #657b83;
}
body.theme-dark.code-theme-bt-default {
--background-code: #1111118c;
--code-variable: var(--red) ;
--code-normal: #ebdbb2;
--code-comment: var(--darkgreen) ;
--code-function: var(--light-yellow) ;
--code-important: var(--darkblue);
--code-keyword: var(--darkblue);;
--code-operator: #a89984;
--code-property: var(--blue) ;
--code-punctuation: var(--gray-2) ;
--code-string: var(--green) ;
--code-tag: var(--red) ;
--code-value: var(--green) ;
--code-string-2:var(--yellow) ;
--code-active-line-background-color: #111111eb;
}
body.theme-light.code-theme-bt-default {
--code-keyword:var(--blue-green);
--code-tag: var(--purple);
--code-function: var(--red);
--code-important: var(--blue-green);
--code-active-line-background-color: var(--activeline-background);
--code-string-2: var(--orange-1);
--code-variable-2: var(--light-purple);
--code-meta: var(--text-faint);
}
body.code-theme-Gruvbox-dark {
--code-selection-color: #fbf1c7;
--code-selection-background: #7c6f6456;
--code-active-line-background-color: #533c3cee;
--background-code: #1d2021c6;
--code-variable: var(--code-property);
--code-normal: #ebdbb2;
--code-comment: #a89984;
--code-function: #fabd2f;
--code-important: #fb4934;
--code-keyword: #fb4934;
--code-operator: #a89984;
--code-property: #fb4934;
--code-punctuation: #a89984;
--code-string: #b8bb26;
--code-tag: #fabd2f;
--code-value: #d3869b;
--code-meta:var(--code-comment);
}
body.theme-light.code-theme-dracula {
--background-code: #e6e6e671;
--code-normal: var(--tex-normal);
--code-string: var(--orange) ;
--code-string-2: var(--orange-1) ;
--code-variable: var(--blue-green);
--code-variable-2: var(--light-purple) ;
--code-meta: var(--text-faint);
--code-active-line-background-color:#dee1b9a5;
}
body.code-theme-dracula {
--background-code: #282a36c0;
--code-normal: #f8f8f2;
--code-comment: #6272a4;
--code-string: #f1fa8c;
--code-string-2: #ffb86c;;
--code-number: #bd93f9;
--code-variable: #50fa7b;
--code-variable-2: #ffffff;
--code-def: #50fa7b;
--code-operator: #8be9fd;
--code-keyword: #ff79c6;
--code-atom: #bd93f9;
--code-meta: #f8f8f2;
--code-tag: #ff79c6;
--code-attribute: #50fa7b;
--code-qualifier: #50fa7b;
--code-property: #66d9ef;
--code-builtin: #50fa7b;
--code-variable-3: #dc8e3b;
--code-type: #ffb86c;
--code-active-line-background-color: #414458;
--code-matchingbracket: #fffff;
}
body.theme-light.code-theme-monokai {
--code-comment: #aca47a;
}
body.code-theme-monokai {
--background-code: #272822d9;
--code-normal: #F8F8F2;
--code-keyword:#F92772;
--code-value: #AE81FF;
--code-string-2:#E6DB74;
--code-comment: #75715E;
--code-active-line-background-color: #17013f9f;
}
body.code-theme-sublime {
--code-operator: #9a6e3a;
--code-variable: #5180de;
--code-keyword: #EA5E66;
--code-string: #40bf31;
--code-function: #F9AE58;
--code-string-2: #F9AE58;
--code-type: #F9AE58;
--code-def: #F9AE58;
}
.cm-s-obsidian span.cm-variable {
color: var(--code-variable);
}
.cm-s-obsidian span.cm-variable-2 {
color: var(--code-variable-2);
}
.cm-s-obsidian span.cm-variable-3 {
color: var(---code-variable-3);
}
.token.class,
.token.class-name {
color: var(--code-string-2) ;
}
span.cm-variable + .cm-hmd-codeblock + span.cm-variable {
color: var(--code-variable-2);
}
span.cm-variable + .cm-hmd-codeblock + span.cm-variable + .cm-hmd-codeblock + span.cm-variable {
color: var(--code-variable-3);
}
span.cm-type {
color: var(--code-keyword);
}
span.cm-def {
color:var(--code-function);
}
.cm-type {
color: var(--code-type);
}
.token.atrule,
.token.attr-value,
.cm-property,
.cm-attribute {
color: var(--code-attribute);
}
.cm-qualifier {
color: var(--code-qualifier);
}
.cm-operator {
color:var(--code-operator);
}
.cm-hr {
color: var(--code-hr);
}
.cm-string-2 {
color: var(--code-string-2);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-atom,
.cm-s-obsidian .cm-templater-command.cm-atom,
.cm-s-obsidian .cm-math.cm-atom,
.cm-s-obsidian .HyperMD-codeblock .cm-atom,
.markdown-preview-view pre.cm-s-obsidian .cm-atom {
color: var(--code-atom);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-meta,
.cm-s-obsidian .cm-templater-command.cm-meta,
.cm-s-obsidian .cm-math.cm-meta,
.cm-s-obsidian .HyperMD-codeblock .cm-meta,
.markdown-preview-view pre.cm-s-obsidian .cm-meta {
color: var(--code-meta);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-builtin,
.cm-s-obsidian .cm-templater-command.cm-builtin,
.cm-s-obsidian .cm-math.cm-builtin,
.cm-s-obsidian .HyperMD-codeblock .cm-builtin,
.markdown-preview-view pre.cm-s-obsidian .cm-builtin,
.markdown-preview-view pre code span.builtin {
color: var(--code-builtin);
}
.markdown-preview-view pre code span.class {
color: var(--code-qualifier);
}
.markdown-preview-view pre code span.function {
color: var(--code-function);
}
.markdown-preview-view pre code span.punctuation {
color: var(--code-punctuation);
}
.markdown-preview-view pre code span.operator {
color: var(--code-operator);
background: transparent;
}
.markdown-preview-view pre code span.entity {
color: var(--code-attribute);
}
.markdown-preview-view pre code span.parameter {
color: var(--code-property);
}
.markdown-preview-view pre code span.property {
color: var(--code-property);
}
.markdown-preview-view pre code span.important {
color: var(--code-important);
}
.markdown-preview-view pre code span.attr-name {
color: var(--code-tag);
}
.markdown-preview-view pre code span.attr-value {
color: var(--code-string);
}
.markdown-preview-view pre code span.builtin {
color: var(--code-builtin);
}
.markdown-preview-view pre code span.unit {
color: var(--code-value);
}
.markdown-preview-view span.token.macro-name {
color: var(--code-important);
}
span.token.directive-hash {
color: var(--code-tag);
}
.cm-s-obsidian span.cm-comment {
color: var(--code-comment);
}
.muted-code-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg {
background-color: var(--background-code) !important;
}
.muted-code-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg::before {
background-color: unset !important;
}
.markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg::before {
display: none;
}
.markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg {
background-color: var(--code-active-line-background-color) !important;
--text-selection:var(--code-selection-background);
z-index: -1;
}
pre code[class*="language-"] {
padding: 1em 0.5em;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
color: var(--code-selection-color);
background: var(--code-active-line-background-color);
}
/*Advanced Codeblock */
.HyperMD-codeblock.HyperMD-codeblock-bg.cm-line span.live-preview-codeblock-line-nums {
margin-left: -1.5em;
}
.code-line-number .HyperMD-codeblock-begin {
counter-reset: line-numbers;
}
.code-line-number .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end) {
padding-left: 3em;
position: relative;
}
.code-line-number .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end)::after {
align-items: flex-start;
color: var(--text-faint);
content: counter(line-numbers);
counter-increment: line-numbers;
display: flex;
font-size: 0.8em;
height: 100%;
justify-content: flex-end;
left: 0;
position: absolute;
text-align: right;
width: 2em;
padding-right: 0.5em;
bottom: -2px;
border-right: 1px solid var(--scrollbar-thumb-bg);
}
.code-line-number .HyperMD-codeblock.cm-line.cm-active:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end)::after {
color: var(--color-accent);
}
.code-line-number .HyperMD-codeblock .cm-foldPlaceholder::before {
display: none;
}
/* ================================== */
.cm-s-obsidian .cm-hmd-frontmatter.cm-qualifier,
.cm-s-obsidian .cm-math.cm-qualifier,
.cm-s-obsidian .cm-qualifier {
color: var(--yellow) ;
}
.cm-s-obsidian pre.HyperMD-codeblock .cm-qualifier {
color: var(--code-qualifier) ;
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-property,
.cm-s-obsidian .cm-math.cm-property,
.cm-s-obsidian pre.HyperMD-codeblock .cm-property {
color: var(--code-property) ;
}
.cm-s-obsidian .cm-math.cm-atom,
.cm-s-obsidian pre.HyperMD-codeblock .cm-atom {
color: var(--text-normal) ;
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-number,
.cm-s-obsidian .cm-math.cm-number,
.cm-s-obsidian pre.HyperMD-codeblock .cm-number {
color: var(--code-value) ;
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-comment,
.cm-s-obsidian .cm-math.cm-comment,
.cm-s-obsidian pre.HyperMD-codeblock .cm-comment {
color: var(--code-comment) ;
}
.theme-dark .cm-s-obsidian .cm-hmd-frontmatter.cm-tag,
.theme-dark .cm-s-obsidian .cm-math.cm-tag,
.theme-dark .cm-s-obsidian pre.HyperMD-codeblock .cm-tag {
color: var(--code-tag) ;
}
.theme-light .cm-s-obsidian .cm-hmd-frontmatter.cm-tag,
.theme-light .cm-s-obsidian .cm-math.cm-tag,
.theme-light .cm-s-obsidian pre.HyperMD-codeblock .cm-tag {
color: var(--code-tag) ;
}
.cm-atom.cm-hmd-frontmatter {
color: var(--code-atom) ;
}
.cm-meta.cm-hmd-frontmatter {
color: var(--code-meta) ;
}
.token.punctuation,
.cm-punctuation,
.cm-bracket {
color: var(--code-punctuation) !important ;
}
.theme-dark .cm-s-obsidian span.cm-keyword {
font-weight: 600 ;
}
/*inline code*/
.cm-s-obsidian.mod-cm6 .HyperMD-codeblock span.cm-inline-code {
display: inline-block;
padding: unset;
}
.cm-s-obsidian span.cm-formatting-code.cm-inline-code {
color: var(--text-muted);
border-radius: 3px 0 0 3px;
}
.cm-s-obsidian span[class="cm-inline-code"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-list"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-quote"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-header"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-em"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-strong"]+span.cm-formatting-code.cm-inline-code {
color: var(--text-muted);
border-radius: 0 3px 3px 0;
}
.cm-formatting.cm-formatting-code-block.cm-hmd-codeblock {
color: var(--code-language);
}
.cm-hmd-frontmatter {
color: var(--code-normal);
}
.cm-hmd-frontmatter.cm-string {
color: var(--code-string);
}
/*bold code text except code language*/
:not(pre)>code:not([class*='language-']) {
font-weight: var(--font-weight-inline-code);
padding: 2px 2px 1px;
font-family: var(--font-family-inline-code) !important;
}
.cm-s-obsidian span.cm-inline-code {
padding: 2px 0 1px;
color: var(--text-color-code);
font-weight: var(--font-weight-inline-code);
font-family: var(--font-family-inline-code) !important;
font-size: var(--font-size-code) !important;
}
.cm-formatting.cm-formatting-list.cm-formatting-list-ol {
color: var(--list-ol-number-color);
}
:not(.default-ol-list-marker) .cm-formatting.cm-formatting-list.cm-formatting-list-ol {
margin-left: -2px;
}
.cm-s-obsidian .HyperMD-table-row.HyperMD-table-row.HyperMD-table-row {
min-width: max-content;
white-space: pre-wrap;
}
.markdown-source-view.mod-cm6 .HyperMD-list-line.cm-line {
font-family: var(--font-family-list);
}
li {
line-height: var(--line-height-list);
font-family: var(--font-family-list);
}
li>p:not(.task-list-item) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.markdown-source-view ol > li,
.markdown-source-view ul > li,
.markdown-preview-view ol > li,
.markdown-preview-view ul > li,
.markdown-rendered ul > li,
.mod-cm6 .HyperMD-list-line.cm-line {
padding-top: calc(var(--list-spacing-bt) * 0.075em);
padding-bottom: calc(var(--list-spacing-bt) * 0.075em);
}
ul,
ol ul,
ol ol ul,
ol ol ol ul {
list-style: disc;
}
ul ul,
ol ul ul,
ul ol ul,
ol ol ul ul {
list-style: circle;
}
ul ul ul,
ol ul ul ul,
ul ol ul ul,
ul ul ol ul {
list-style: square;
}
ul ul ul ul,
ol ul ul ul ul,
ul ol ul ul ul,
ul ul ol ul ul,
ul ul ul ol ul {
list-style: circle;
}
body.custom-ordered-list ol {
list-style: var(--list-ol-marker-1);
}
body.custom-ordered-list :is(ul, ol) ol {
list-style: var(--list-ol-marker-2);
}
body.custom-ordered-list :is(ul, ol) :is(ul, ol) ol {
list-style: var(--list-ol-marker-3);
}
body.custom-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ol {
list-style: var(--list-ol-marker-4);
}
body.custom-ordered-list ol>li::marker {
font-weight: 600;
color: var(--list-ol-number-color);
white-space: pre;
font-family: Inter;
}
:is(ol,ul) li {
font-size: var(--font-size-list);
}
ol > li::marker {
color: var(--list-ol-number-color);
}
ol > li.is-collapsed::marker,
ul > li.is-collapsed::marker,
.cm-s-obsidian .is-collapsed ~ .cm-formatting-list {
color: var(--list-marker-color-collapsed);
}
/*list-no-border*/
body.list-no-border ul>li:not(.task-list-item) {
border-left: none !important;
}
body.list-no-border ol>li {
border-left: none !important;
}
/* Adapted from https://gist.github.com/KillyMXI/cbef8edff6dd55d9e6ea4df66567e9b1 */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3, .HyperMD-list-line-2):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-2:hover, ~ .HyperMD-list-line-2 ~ :is(.HyperMD-list-line-3, .HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-3, .HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
--list-threading-offset: calc(4px + 0.12em);
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-3:hover, ~ .HyperMD-list-line-3 ~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
--list-threading-offset: calc(4px + 0.12em + var(--list-indent));
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-4:hover, ~ .HyperMD-list-line-4 ~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
--list-threading-offset: calc(4px + 0.12em + 2 * var(--list-indent));
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-5:hover, ~ .HyperMD-list-line-5 ~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
--list-threading-offset: calc(4px + 0.12em + 3 * var(--list-indent));
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-6:hover, ~ .HyperMD-list-line-6 ~ :is(.HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7):hover))::before {
--list-threading-offset: calc(4px + 0.12em + 4 * var(--list-indent));
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-7:hover, ~ .HyperMD-list-line-7 ~ :is(.HyperMD-list-line-8):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-7:not(:has(~ .HyperMD-list-line-7 ~ .HyperMD-list-line:hover)):hover::before {
--list-threading-offset: calc(4px + 0.12em + 5 * var(--list-indent));
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-3:hover, ~ .HyperMD-list-line-3 ~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
filter: hue-rotate(60deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-4:hover, ~ .HyperMD-list-line-4 ~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
filter: hue-rotate(120deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-5:hover, ~ .HyperMD-list-line-5 ~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
filter: hue-rotate(180deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-6:hover, ~ .HyperMD-list-line-6 ~ :is(.HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7):hover))::before {
filter: hue-rotate(240deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-7:hover, ~ .HyperMD-list-line-7 ~ :is(.HyperMD-list-line-8):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-7:not(:has(~ .HyperMD-list-line-7 ~ .HyperMD-list-line:hover)):hover::before {
filter: hue-rotate(300deg);
}
/* tails */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3, .HyperMD-list-line-2):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7):hover)::after {
content: "";
position: absolute;
left: var(--list-threading-offset);
bottom: 0;
height: calc(100% - 1em);
width: var(--bt-indentation-width-hover);
background-color: var(--bt-connected-indent-line-color);
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line.HyperMD-task-line::after {
max-height: calc(100% - 1.2em);
}
/* in-between lines */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-2:hover, ~ .HyperMD-list-line-2 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-3:hover, ~ .HyperMD-list-line-3 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-4:hover, ~ .HyperMD-list-line-4 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-5:hover, ~ .HyperMD-list-line-5 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-6:hover, ~ .HyperMD-list-line-6 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-7:hover)::before {
content: "";
position: absolute;
left: var(--list-threading-offset);
top: 0;
height: 100%;
width: var(--bt-indentation-width-hover);
background-color: var(--bt-connected-indent-line-color);
}
/* elbows */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-7:not(:has(~ .HyperMD-list-line-7 ~ .HyperMD-list-line:hover)):hover::before {
content: "";
position: absolute;
left: var(--list-threading-offset);
width: var(--list-indent);
top: 0;
height: calc(var(--line-height-list) / 2 * var(--font-size-list) + var(--list-spacing-bt) * 0.075em * 1.5);
border-bottom-left-radius: var(--radius-m);
border-bottom: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
border-left: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line.HyperMD-task-line::before {
max-width: calc(var(--list-indent) - 0.35em);
}
body.bt-colorful-indentation-lines.bt-indentation-line-gradient ul ul::before,
body.bt-colorful-indentation-lines.bt-indentation-line-gradient ol ol::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
border-image: linear-gradient(var(--bt-indentation-gradient-color-1), var(--bt-indentation-gradient-color-2)) 10;
}
body.bt-colorful-indentation-lines.bt-indentation-line-image :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
border-image: var(--bt-indentation-line-image) 10;
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
border-right-width: var(--bt-colorful-indentation-width);
border-right-style: double;
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
filter: hue-rotate(60deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
filter: hue-rotate(120deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
filter: hue-rotate(180deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
filter: hue-rotate(240deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
border-right-color: var(--bt-connected-indent-line-color) !important;
filter: hue-rotate(300deg);
}
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-2 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-3 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-4 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent::before {
border-color: var(--bt-connected-indent-line-color)
}
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-3 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-4 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before {
border-color: var(--bt-connected-indent-line-color);
filter: hue-rotate(60deg);
}
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-4 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before {
border-color: var(--bt-connected-indent-line-color);
filter: hue-rotate(120deg);
}
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before {
border-color: var(--bt-connected-indent-line-color);
filter: hue-rotate(180deg);
}
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before {
border-color: var(--bt-connected-indent-line-color);
filter: hue-rotate(240deg);
}
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before{
border-color: var(--bt-connected-indent-line-color);
filter: hue-rotate(300deg);
}
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) li {
position: relative;
}
/* In-between items */
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li:has(~ li:hover)::before,
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) :is(ul, ol):has(~ *:hover) > li::before {
content: "";
position: absolute;
background-color: var(--bt-connected-indent-line-color);
width: var(--bt-indentation-width-hover);
top: calc(var(--list-spacing-bt) * 0.075em - var(--font-size-list) * 0.6);
left: calc(-1.5 * var(--list-indent) - 1px);
bottom: calc(var(--list-spacing-bt) * 0.075em - var(--font-size-list) * 0.5);
}
/* Elbows items */
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li:hover::before {
content: "";
position: absolute;
background-color: transparent;
top: calc(var(--list-spacing-bt) * 0.075em - var(--font-size-list) * 0.6);
left: calc(-1.5 * var(--list-indent) - 1px);
width: calc(1em + var(--size-4-4));
height: calc(var(--font-size-list) * 1.27);
border-bottom-left-radius: var(--radius-m);
border-bottom: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
border-left: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > ol:has(+ ul) > li::before {
filter: hue-rotate(60deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
filter: hue-rotate(120deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) >li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
filter: hue-rotate(180deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) >li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
filter: hue-rotate(240deg);
}
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
filter: hue-rotate(300deg);
}
/*===========*/
:is(.markdown-preview-view,.markdown-rendered) :is(b,strong),
.view-header-title {
font-weight: bold;
}
span.cm-strong,
:not(font)>strong,
.cm-s-obsidian .cm-highlight.cm-strong {
font-weight: var(--font-weight-strong);
}
span.cm-strong,
:not(font)>strong,
.cm-s-obsidian .cm-highlight.cm-strong {
color: var(--accent-strong) !important;
font-family: var(--font-family-strong) !important;
}
font>strong {
font-family: var(--font-family-strong) !important;
}
span.cm-em,
span.cm-em.cm-highlight,
span.cm-em.cm-quote,
span.cm-em.cm-highlight.cm-quote,
:is(.markdown-preview-view,.markdown-rendered) :not(font):not(strong)>em,
:is(.markdown-preview-view,.markdown-rendered) em>mark {
color: var(--accent-em);
font-family: var(--font-family-em);
font-style: var(--font-style-em);
}
*:not(font)>em>strong,
*:not(font)>strong>em,
.cm-strong.cm-em {
padding-right: 0.05em;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-color: #f55454;
background-image: linear-gradient(120deg, var(--strong-em-color-1) 0%, var(--strong-em-color-2) 80%);
font-family: var(--font-family-strong) !important;
}
:is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark {
background-color: var(--mark-highlight-strong-em);
padding: 1px 3px;
border-radius: var(--radius-xs);
}
em>strong>font,
strong>em>font,
strong>em>mark>font {
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-color: initial;
}
/*internal link with strong&em*/
strong>em>.internal-link,
.cm-strong.cm-em.cm-hmd-internal-link {
-webkit-text-fill-color: initial;
text-decoration: underline !important;
}
.markdown-source-view.mod-cm5 span.cm-formatting.cm-formatting-strong.cm-strong,
.markdown-source-view.mod-cm5 span.cm-formatting.cm-formatting-em.cm-em {
opacity: 0.2;
}
.theme-dark .markdown-source-view.mod-cm5 .cm-formatting.cm-formatting-strong.cm-em.cm-strong {
opacity: 0.2;
-webkit-text-fill-color: var(--green);
}
.theme-light .markdown-source-view.mod-cm5 .cm-formatting.cm-formatting-strong.cm-em.cm-strong {
opacity: 0.2;
-webkit-text-fill-color: var(--orange);
}
a:not([class*="is-unresolved"]).internal-link>strong,
a.external-link>strong,
a:not([class*="is-unresolved"]).internal-link>em,
a.external-link>em {
color: var(--text-accent);
}
body.remove-external-link-icon a.external-link {
background-image: none;
}
body.remove-external-link-icon span.external-link
{
background-image:none;
}
/*link format [[]]*/
.cm-formatting-link.cm-strong.cm-em {
-webkit-text-fill-color: var(--text-faint);
opacity: 0.2;
}
div.CodeMirror-activeline .CodeMirror-line span.cm-formatting-link.cm-strong.cm-em {
opacity: 1;
}
.theme-dark div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-strong {
opacity: 1;
color: var(--text-accent);
}
.theme-dark div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-em.cm-em {
opacity: 1;
color: var(--text-orange);
}
.theme-dark div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-em.cm-strong {
opacity: 1;
color: var(--green);
}
.theme-light div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-strong {
opacity: 1;
color: var(--orange);
}
.theme-light div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-em.cm-em,
.theme-light div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-em.cm-strong {
opacity: 1;
color: var(--orange);
}
.workspace>.workspace-split>.workspace-leaf:first-of-type:last-of-type .view-header {
border: none;
background: var(--background-primary);
}
/*smaller header title*/
.view-header-title {
font-size: var(--font-size-file-header-title);
}
.popover.hover-popover {
overflow: hidden;
box-shadow: 0 0 6px 6px var(--theme-color-translucent-015);
}
.popover.hover-popover:not(.hover-editor) > *:not(.mod-empty) {
width: calc(var(--popover-width) * var(--popover-width-factor));
height: calc(var(--popover-height) * var(--popover-height-factor));
max-height: calc(var(--popover-height) * var(--popover-height-factor));
}
/*hover editor plugin*/
.popover.hover-editor .popover-title:after {
background: none !important;
}
body:not(.remove-heading-indicator) .popover h1:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h1:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h1:hover::before {
content: 'H1';
position: absolute;
font-size: 0.4em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h2:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h2:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h2:hover::before {
content: 'H2';
position: absolute;
font-size: 0.45em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h3:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h3:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h3:hover::before {
content: 'H3';
position: absolute;
font-size: 0.45em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h4:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h4:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h4:hover::before {
content: 'H4';
position: absolute;
font-size: 0.5em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h5:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h5:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h5:hover::before {
content: 'H5';
position: absolute;
font-size: 0.55em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h6:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h6:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h6:hover::before {
content: 'H6';
position: absolute;
font-size: 0.6em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.remove-heading-indicator) .markdown-embed :is(h1, h2, h3, h4, h5, h6):hover::before,
body:not(.remove-heading-indicator) .callout-content :is(h1, h2, h3, h4, h5, h6):hover::before{
margin-left: 0 !important;
}
body:not(.remove-heading-indicator) .callout-content :is(h1, h2, h3, h4, h5, h6):hover::before {
top: -1.25em;
}
:is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table) {
border-collapse: collapse;
overflow: auto;
margin: 20px auto;
}
body.table-width-100 :is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table) {
width: 100%;
}
body.table-width-auto :is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table) {
width: auto;
}
:is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table):active,
:is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table):hover {
overflow: hidden;
resize: both !important;
}
body .markdown-preview-view th,
body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th,
body .table-view-table>thead>tr>th {
background-image: none;
}
/*修复Itinerary插件显示问题*/
:is(.markdown-preview-view,.markdown-rendered) :is(.markdown-preview-section,.markdown-rendered) .block-language-itinerary.fc table {
overflow: unset;
}
/*modified from https://codepen.io/brettdewoody/pen/oBjbbB */
body.no-wrapped-table-cell table:not([class*="table-view-table"]),
body.no-wrapped-dvtable-cell .dataview.table-view-table {
width: 100%;
table-layout: fixed;
}
body.no-wrapped-table-cell table:not([class*="table-view-table"]) :is(th,td),
body.no-wrapped-dvtable-cell .dataview.table-view-table :is(th,td) {
white-space: nowrap;
overflow-x: auto;
text-overflow: ellipsis;
}
body.no-wrapped-table-cell table:not([class*="table-view-table"]) :is(th,td):hover,
body.no-wrapped-dvtable-cell .dataview.table-view-table :is(th,td):hover {
text-overflow: clip;
}
/*modified from https://forum.obsidian.md/t/custom-css-for-tables-5-new-styles-ready-to-use-in-your-notes/17084 */
/****dataview table***/
table.table-view-table > thead > tr > th {
font-size: 0.9em;
}
table.table-view-table > tbody > tr > td {
font-size: 0.85em;
}
body.wrapped-dvtable:not(.no-wrapped-dvtable-cell):not(.no-wrapped-dvtable) :is(.markdown-preview-view,.markdown-rendered) table.dataview.table-view-table>thead>tr,
body.wrapped-dvtable:not(.no-wrapped-dvtable-cell):not(.no-wrapped-dvtable) :is(.markdown-preview-view,.markdown-rendered) .table.dataview.table-view-table>tbody>tr,
body.wrapped-table:not(.no-wrapped-table-cell):not(.no-wrapped-table) :is(.markdown-preview-view,.markdown-rendered) table:not([class*="table-view-table"]) >thead>tr,
body.wrapped-table:not(.no-wrapped-table-cell):not(.no-wrapped-table) :is(.markdown-preview-view,.markdown-rendered) table:not([class*="table-view-table"]) >tbody>tr {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: anywhere;
}
body.no-wrapped-dvtable .block-language-dataview,
body.no-wrapped-table table:not([class*="table-view-table"]) {
width: 100%;
margin: 0;
overflow-x: auto;
white-space: nowrap;
}
body.no-wrapped-dvtable table.dataview th {
padding: 0 20px;
font-size: 1em;
}
body.no-wrapped-dvtable table.dataview tbody tr td:first-child {
font-size: 0.9em;
}
body.no-wrapped-dvtable table.dataview td:not(:first-child),
body.no-wrapped-dvtable table.dataview tr > td:last-of-type {
font-size: 0.9em;
max-width: unset;
}
body.auto-serial-number-dvtable .markdown-source-view:not(.cards) .dataview.table-view-table {
counter-reset: sec;
}
body.auto-serial-number-dvtable .markdown-source-view:not(.cards) .dataview.table-view-table> tbody > tr> td:first-child::before {
counter-increment: sec;
content:counter(sec) ". ";
}
body.auto-serial-number-dvtable .markdown-preview-view:not(.cards) .dataview.table-view-table {
counter-reset: section;
}
body.auto-serial-number-dvtable .markdown-preview-view:not(.cards) .dataview.table-view-table> tbody > tr> td:first-child::before {
counter-increment: section;
content:counter(section) ". ";
}
body:not(.no-wrapped-dvtable) :is(.markdown-preview-view,.markdown-rendered) .table-view-table>tbody>tr>td,
body:not(.no-wrapped-dvtable) .markdown-source-view.mod-cm6 .table-view-table>tbody>tr>td {
max-width: 18em;
}
:is(.markdown-preview-view,.markdown-rendered) table tbody>tr:nth-child(odd),
.markdown-source-view table tbody>tr:nth-child(odd) {
background-color: var(--table-background-color-odd);
}
:is(.markdown-preview-view,.markdown-rendered) table tbody>tr,
.markdown-source-view table tbody>tr {
background-color: var(--table-background-color);
}
:is(.markdown-preview-view,.markdown-rendered) :is(th,td) {
padding: 4px 10px;
border: none;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) th,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) thead tr > th:nth-child(2n+2) {
background-color: var(--table-thead-background-color);
font-family: var(--font-family-strong);
}
/*table hover*/
:is(.markdown-preview-view,.markdown-rendered) td:hover,
.markdown-rendered tbody tr > td:nth-child(2n+2):hover {
background-color: var(--table-hover-color);
}
/*table raw hover*/
:is(.markdown-preview-view,.markdown-rendered) table tbody>tr:hover,
.markdown-rendered tbody tr:nth-child(odd):hover {
background-color: var(--table-hover-raw-color);
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) th:hover,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) thead tr > th:nth-child(2n+2):hover {
background-color: var(--table-hover-thead-color);
}
body.toggle-table-transition :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody tr:nth-child(odd):hover,
body.toggle-table-transition :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody tr:hover{
background: var(--table-hover-raw-color);
transform: scale(1.02);
transition: transform 0.1s cubic-bezier(0.11, 0.33, 0.23, 0.33);
}
body.toggle-table-transition :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody td:hover{
background: var(--table-hover-color);
transform: scale(1.02);
transition: transform 0.1s cubic-bezier(0.22, 0.66, 0.46, 0.66);
}
body.show-border-table :is(.markdown-preview-view,.markdown-rendered) :is(th,td) {
border: 1px solid var(--table-border-color);
}
:is(.markdown-preview-view,.markdown-rendered) table {
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
}
body.table-style-one.theme-light {
--table-background-color-odd: rgba(0, 0, 0, 0.02);
--table-background-color: rgba(0, 0, 0, 0.02);
--table-thead-background-color: rgba(0, 0, 0, 0.1);
--table-hover-color: rgba(0, 0, 0, 0.03);
--table-hover-raw-color: rgba(0, 0, 0, 0.05);
--table-hover-thead-color: var(--table-thead-background-color);
}
body.table-style-one.theme-dark {
--table-background-color-odd: rgba(0, 0, 0, 0.3);
--table-background-color: rgba(0, 0, 0, 0.3);
--table-thead-background-color: rgba(0, 0, 0, 0.5);
--table-hover-color: rgba(0, 0, 0, 0.5);
--table-hover-raw-color: rgba(0, 0, 0, 0.5);
--table-hover-thead-color: var(--table-thead-background-color);
}
body.table-style-two.theme-light {
--table-background-color-odd: rgba(0, 0, 0, 0.02);
--table-background-color: rgba(0, 0, 0, 0.05);
--table-thead-background-color: rgba(0, 0, 0, 0.1);
--table-hover-color: rgba(0, 0, 0, 0.03);
--table-hover-raw-color: rgba(0, 0, 0, 0.09);
--table-hover-thead-color: var(--table-thead-background-color);
}
body.table-style-two.theme-dark {
--table-background-color-odd: rgba(0, 0, 0, 0.3);
--table-background-color: rgba(0, 0, 0, 0.4);
--table-thead-background-color: rgba(0, 0, 0, 0.5);
--table-hover-color: rgba(0, 0, 0, 0.5);
--table-hover-raw-color: rgba(0, 0, 0, 0.5);
--table-hover-thead-color: var(--table-thead-background-color);
}
body.table-style-two :is(.markdown-preview-view,.markdown-rendered) th {
border: none;
border-bottom: 2px solid;
}
body.table-style-two :is(.markdown-preview-view,.markdown-rendered) td {
border: none;
}
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) th,
body.table-style-three .markdown-source-view th,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) th:hover,
body.table-style-three .markdown-source-view th:hover,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) td:hover,
body.table-style-three .markdown-source-view td:hover,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) table tbody>tr:hover,
body.table-style-three .markdown-source-view table tbody>tr:hover,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) table tbody>tr:nth-child(odd),
body.table-style-three .markdown-source-view table tbody>tr:nth-child(odd),
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) table tbody>tr,
body.table-style-three .markdown-source-view table tbody>tr {
background-color: transparent;
}
/*Full-width table dvtable callout backlinks layout*/
/*modified from https://github.com/efemkay */
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content .cm-table-widge {
max-width: 100%;
/* width: 100%; ob1.0*/
}
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div {
max-width: 100%;
margin-inline: auto;
width: 100%;
}
/* Editing View -- set all divs back to normal width (ensuring specificity rule over some theme), then expand to full-width for each selected css class */
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) div.markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) div.markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > .cm-line {
max-width: var(--file-line-width);
margin-inline: auto !important;
} /* important for margin needed because app.css:2842 use it */
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block:not(.admonition-parent),
body.full-width-table .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
body.full-width-callout .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
body.full-width-backlinks .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div:is(.embedded-backlinks) > div {
max-width: 100%;
}
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not(.block-language-dataview) {
max-width: var(--file-line-width);
margin-inline: auto;
}
/* Reading View -- similar to Editing View, set all divs to normal-width and then selected divs to full-width,
however, for Reading View, wide-dataview and wide-table will require Contextual Typography plugin */
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) div.markdown-preview-view:not(.fullwidth) .markdown-preview-sizer.markdown-preview-sizer > div:not(.obsidian-banner-wrapper) {
max-width: var(--file-line-width);
margin-inline: auto;
}
body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-lang-dataview),
body.full-width-table .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-table),
body.full-width-callout .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is([data-callout],.admonition-parent),
body.full-width-backlinks .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.embedded-backlinks) {
max-width: 100%!important;
}
/*Full-width table dvtable callout backlinks layout*/
/*modified from https://github.com/efemkay */
/* Editing View -- set Readable Line Length (RLL) to wide (100%) for any css class with "wide" word in it. / "width:100%" added for Blue Topaz / div.cm-content added to override Mado 11 */
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content .cm-table-widget {
max-width: 100%;
/* width: 100%; ob1.0*/
}
/* Reading View -- similar to Editing View, set the RLL to 100% for any css class with "wide" word in it. "width:100%" added for Blue Topaz */
div[class*="wide-"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer,
div[class*="wide-"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div {
max-width: 100%;
margin-inline: auto;
width: 100%;
}
/* === Wide Dataview, Table & Backlink === */
/* Editing View -- set all divs back to normal width (ensuring specificity rule over some theme), then expand to full-width for each selected css class (i.e. wide-dataview, wide-table and wide-backlinks) */
div.markdown-source-view.mod-cm6:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .cm-contentContainer.cm-contentContainer > div > div,
div.markdown-source-view.mod-cm6:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .cm-contentContainer.cm-contentContainer > div > .cm-line {
max-width: var(--file-line-width);
margin-inline: auto !important;
} /* important for margin needed because app.css:2842 use it */
div[class*="-dataview"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block:not(.admonition-parent),
div[class*="-table"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
div[class*="-callout"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
div[class*="-backlinks"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div:is(.embedded-backlinks) > div {
max-width: 100%;
}
div[class*="-dataview"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not(.block-language-dataview) {
max-width: var(--file-line-width);
margin-inline: auto;
}
/* Reading View -- similar to Editing View, set all divs to normal-width and then selected divs to full-width, however, for Reading View, wide-dataview and wide-table will require Contextual Typography plugin */
div.markdown-preview-view:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .markdown-preview-sizer.markdown-preview-sizer > div {
max-width: var(--file-line-width);
margin-inline: auto;
}
div[class*="-dataview"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-lang-dataview),
div[class*="-table"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-table),
div[class*="-callout"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is([data-callout],.admonition-parent),
div[class*="-backlinks"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.embedded-backlinks) {
max-width: 100%!important;
}
/***end--Full-width table display--end****/
.popover mark {
color: var(--text-normal);
}
.theme-light .cm-s-obsidian span.cm-formatting-highlight,
.theme-light .cm-s-obsidian span.cm-highlight:not([class*="code"]),
.theme-light :is(.markdown-preview-view,.markdown-rendered) mark,
.theme-light .cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight,
.theme-light .popover mark,
.theme-light span.cm-strong.cm-em.cm-highlight {
background-color: hsla(var(--text-highlight-bg-h-light), var(--text-highlight-bg-s-light), var(--text-highlight-bg-l-light), var(--text-highlight-bg-a-light));
}
.theme-dark .cm-s-obsidian span.cm-formatting-highlight,
.theme-dark .cm-s-obsidian span.cm-highlight:not([class*="code"]),
.theme-dark :is(.markdown-preview-view,.markdown-rendered) mark,
.theme-dark .cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight,
.theme-dark .popover mark,
.theme-dark span.cm-strong.cm-em.cm-highlight {
background-color: hsla(var(--text-highlight-bg-h-dark), var(--text-highlight-bg-s-dark), var(--text-highlight-bg-l-dark), var(--text-highlight-bg-a-dark));
}
.theme-light :is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark {
background-color: hsla(var(--text-highlight-bg-h-light), calc(var(--text-highlight-bg-s-light) * 1.5), calc(var(--text-highlight-bg-l-light) * 0.6), calc(var(--text-highlight-bg-a-light) * 0.28));
}
.theme-dark :is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark {
background-color: hsla(var(--text-highlight-bg-h-dark), calc(var(--text-highlight-bg-s-dark) * 1.5), calc(var(--text-highlight-bg-l-dark) * 1.1), calc(var(--text-highlight-bg-a-dark) * 0.55));
}
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight + .cm-em.cm-highlight:not([class*="strong"]),
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight + .cm-em.cm-highlight:not([class*="strong"]),
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font):not(strong)>em>mark,
:is(.markdown-preview-view,.markdown-rendered).colorful-highlight :not(font):not(strong)>em>mark {
background-color: var(--bg-color-highlight-1);
color: var(--color-highlight-1);
font-style: normal;
font-weight: var(--font-weight-highlight-1);
}
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font):not(strong)>em>mark {
border-radius: var(--radius-xs);
}
body:not(.remove-colorful-highlight-bg) .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-highlight.cm-strong:not([class*="em"]),
.markdown-source-view.colorful-highlight .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
.markdown-source-view.colorful-highlight .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-highlight.cm-strong:not([class*="em"]),
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font):not(em)>strong>mark,
:is(.markdown-preview-view,.markdown-rendered).colorful-highlight :not(font):not(em)>strong>mark {
background-color: var(--bg-color-highlight-2) !important;
color: var(--color-highlight-2) !important;
font-weight: var(--font-weight-highlight-2);
}
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-em.cm-highlight.cm-strong,
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-em.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark,
:is(.markdown-preview-view,.markdown-rendered).colorful-highlight :not(font)>strong>em>mark {
background-color: var(--bg-color-highlight-3) !important;
color: var(--color-highlight-3) !important;
font-style: normal;
font-weight: var(--font-weight-highlight-3);
background-image: initial;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-em.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight + .cm-em.cm-highlight:not([class*="strong"]) {
padding: 1px 0;
}
body.all-rounded-corners-highlight .cm-s-obsidian span.cm-highlight,
body.all-rounded-corners-highlight :is(.markdown-preview-view,.markdown-rendered) mark {
-webkit-box-decoration-break: clone;
border-radius: 5px;
padding: 1px 2px;
margin: 0 2px;
}
body.all-rounded-corners-highlight .cm-s-obsidian .cm-formatting.cm-formatting-highlight:has(+ span.cm-highlight) {
border-radius: 5px 0 0 5px;
padding: 1px 0;
margin: 0 -5px 0 2px;
}
body.all-rounded-corners-highlight .cm-s-obsidian .cm-formatting.cm-formatting-highlight+span.cm-highlight:has(+ span.cm-highlight) {
padding: 1px 4px;
}
body.all-rounded-corners-highlight .cm-s-obsidian span.cm-highlight+.cm-formatting.cm-formatting-highlight {
border-radius: 0 5px 5px 0;
padding: 1px 0;
margin: 0 2px 0 -5px;
}
body.no-rounded-corners-highlight .cm-s-obsidian span.cm-highlight,
body.no-rounded-corners-highlight :is(.markdown-preview-view,.markdown-rendered) mark {
border-radius: 0;
padding: 0;
margin: 0;
}
.status-bar,
.side-dock.mod-right,
.side-dock.mod-left {
border-color: var(--panel-border-color);
border-width: 1px;
}
/* ----状态栏透明开关----------- */
body.bt-search-bar-bottom .document-search-container {
bottom: 38px;
width: 100% !important;
position: absolute;
height: 62px !important;
margin: 0 5px;
}
body.bt-status-on .status-bar {
position: sticky;
}
.status-bar {
--bar-vertical-padding: 5px;
--bar-height: calc(22px + (var(--bar-vertical-padding)));
line-height: 1;
height: var(--bar-height);
max-height: var(--bar-height);
min-height: var(--bar-height);
overflow: hidden;
color: var(--status-bar-text-color);
border-top: 1px solid var(--panel-border-color);
background-color: var(--status-bar-bg);
}
.is-translucent .status-bar {
margin: 0;
}
body.dark-background-file .nav-file-title.is-active {
background-color: var(--theme-color);
color: var(--white);
}
/** file name**/
body.file-name-animation .nav-file-title-content:not(.is-being-renamed):hover {
animation: filemove 1.5s 1 normal linear;
}
body.file-name-animation .nav-file-title-content:not(.is-being-renamed) {
min-width: 200px;
white-space: nowrap;
}
body.file-name-animation .nav-file {
display: table;
}
/** file folder name**/
body.file-name-animation .obsidian-icon-folder-icon {
vertical-align: middle;
display: inline;
}
body.file-name-animation .nav-folder-title {
white-space: nowrap;
}
.nav-folder-title-content.is-being-renamed {
white-space: break-spaces;
}
body.file-name-animation .nav-folder-title-content:not(.is-being-renamed) {
min-width: 200px;
white-space: nowrap;
}
body.file-name-animation .nav-folder-title-content:not(.is-being-renamed):hover {
animation: filemove 1.5s 1 normal linear;
}
@keyframes filemove {
0% {transform: translate(0, 0);}
100% {transform: translate(calc(-100% + 200px), 0);}
}
body.file-bg-rounded-rectangle .nav-file-title.is-active,
body.file-bg-rounded-rectangle .nav-folder-title.is-active,
body:not(.is-grabbing).file-bg-rounded-rectangle .nav-file-title:hover,
body:not(.is-grabbing).file-bg-rounded-rectangle .nav-folder-title:hover {
border-radius: var(--radius-m);
}
body.file-bg-pill .nav-file-title.is-active,
body.file-bg-pill .nav-folder-title.is-active,
body:not(.is-grabbing).file-bg-pill .nav-file-title:hover,
body:not(.is-grabbing).file-bg-pill .nav-folder-title:hover {
border-radius: 15px;
}
body.file-bg-pill .nav-folder.mod-root>.nav-folder-title {
margin-left: -2px;
}
.item-list {
padding: 0;
}
body.file-bg-pill .item-list {
padding: 0 4px 0 1px;
}
.item-list .nav-file-icon {
margin-left: 2px;
}
.nav-file-title.is-active {
background-color: var(--theme-color-translucent-01);
}
body:not(.is-grabbing) .tree-item-self.is-clickable.nav-folder-title:hover {
background-color: color-mix(in srgb, var(--nav-item-background-active), transparent 0%);
color: var(--text-normal);
font-weight: bold;
}
.nav-folder-title.is-being-dragged-over {
border-radius: var(--radius-xs);
color: var(--theme-color);
background: var(--theme-color-translucent-015);
}
body:not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title.is-active:hover,
body:not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title:hover,
.nav-file:not(.is-active):hover .nav-file-title,
.nav-folder:hover .nav-folder-content {
background-color: var(--theme-color-translucent-01);
}
body.is-grabbing .nav-folder-title:hover,
body.is-grabbing .nav-file-title:hover {
font-weight: bold !important;
color: var(--theme-color);
filter: hue-rotate(160deg);
background-color: var(--theme-color-translucent-015);
opacity: 1;
}
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
.workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
background-color: var(--theme-color-translucent-015);
}
body.is-grabbing:not(.remove-file-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before,
body:not(.remove-file-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]:hover>.nav-file-title-content::before {
filter: hue-rotate(160deg);
}
.side-dock-plugin-panel-inner {
padding-left: 6px;
}
/*link*/
:is(.markdown-preview-view,.markdown-rendered) .internal-link {
font-family: var(--font-family-strong) !important;
}
body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved>*,
body:not(.default-unresolved-link) *>.internal-link.is-unresolved,
body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .cm-hmd-internal-link .is-unresolved {
color: var(--unresolved-link) !important;
}
body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved,
body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved {
opacity: 0.7;
}
body.link-underline-unresolved :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved>*,
body.link-underline-unresolved *>.internal-link.is-unresolved,
body.link-underline-unresolved .markdown-source-view.mod-cm6 .cm-hmd-internal-link .is-unresolved,
body.link-underline-unresolved .markdown-source-view.mod-cm6 .is-unresolved,
body.link-underline-unresolved :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved,
body.link-underline-unresolved .cm-hmd-internal-link .is-unresolved .cm-underline {
text-decoration: none !important;
}
body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) mark .internal-link.is-unresolved {
opacity: 0.9;
}
:is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved:hover {
opacity: 1 !important;
}
a.internal-link,
.cm-s-obsidian span.cm-link,
.cm-s-obsidian span.cm-hmd-internal-link {
color: var(--internal-link-color) !important;
}
.cm-s-obsidian span.cm-link:hover,
.cm-s-obsidian span.cm-hmd-internal-link:hover {
background: var(--theme-color-translucent-01);
}
/* internal link in highlight
.cm-highlight.cm-hmd-internal-link,
:is(.markdown-preview-view,.markdown-rendered) mark .internal-link:not(.is-unresolved) {
color: var(--internal-link-color-in-highlight) !important;
}
*/
:is(.markdown-preview-view,.markdown-rendered) a:hover {
color: var(--text-accent);
border-radius: var(--radius-xs);
text-decoration: none !important;
transition: all 0.4s ease-in-out;
text-shadow: var(--window-shadow-hover);
background: var(--theme-color-translucent-01);
}
body.colorful-link-animation :is(.markdown-preview-view,.markdown-rendered) a:hover {
animation: 2s colorful-link infinite;
}
@keyframes colorful-link {
0% { filter: hue-rotate(0deg); }
100% { filter: hue-rotate(360deg); }
}
a.external-link {
text-decoration: underline;
color: var(--external-link-color);
}
body.link-underline-external .markdown-source-view.mod-cm6 .cm-link .cm-underline,
body.link-underline-externa .markdown-source-view.mod-cm6 .cm-url .cm-underline,
body.link-underline-external a.external-link,
body:not(.link-underline-internal) .markdown-source-view.mod-cm6 .cm-hmd-internal-link >*:not(.is-unresolved).cm-underline,
body:not(.link-underline-internal) :is(.markdown-preview-view,.markdown-rendered) .internal-link:not(.is-unresolved) {
text-decoration-line:none;
}
.cm-url:hover {
transition: all 600ms;
}
.cm-s-obsidian div.HyperMD-codeblock-bg {
background: var(--background-code);
}
.theme-dark :not(pre)>code[class*='language-'],
.theme-dark pre[class*='language-'] {
background: var(--background-code) ;
border-radius: var(--radius-m);
}
.theme-light :not(pre)>code[class*='language-'],
.theme-light pre[class*='language-'] {
background: var(--background-code);
border-radius: var(--radius-m);
}
.theme-light code[class*="language-"],
.theme-light pre[class*="language-"] {
text-shadow: none;
color: var(--code-normal);
letter-spacing: calc(var(--letter-space-code) * 0.02em);
}
.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
color: var(--code-normal);
text-shadow: none;
letter-spacing: calc(var(--letter-space-code) * 0.02em);
}
body.codebox-frosted-glass .canvas-node-container pre[class*='language-'] {
backdrop-filter: none;
}
body.codebox-frosted-glass .cm-s-obsidian div.HyperMD-codeblock-bg,
body.codebox-frosted-glass :not(pre)>code[class*='language-'],
body.codebox-frosted-glass pre[class*='language-'] {
backdrop-filter: blur(calc(var(--blur-codebox-frosted-glass) * 2px));
}
code[class*="language-"] {
padding: 1em 0.5em;
}
/*embedded*/
body.naked-embed.theme-dark,
body.naked-embed.theme-light {
--embed-color: transparent !important;
}
body.naked-embed .markdown-source-view.mod-cm6 .markdown-embed {
border: none;
}
body.hide-embed-title .markdown-embed-title{
display: none;
}
body.embed-hd .markdown-embed :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) {
display: none;
}
.hide-embed-banner .markdown-embed-content .obsidian-banner-wrapper {
display: none;
}
.popover.hover-popover :is(.markdown-preview-view,.markdown-rendered) .markdown-embed,
.popover .markdown-preview-sizer:is(.markdown-preview-section,.markdown-rendered) {
height: auto;
min-height: min-content !important;
}
body.embed-hover.theme-light :is(.markdown-preview-view,.markdown-rendered) .internal-embed .markdown-embed:hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .25);
transition: all .2s ease-in-out;
transform: translate3d(0px, -3px, 0px);
}
body.embed-hover.theme-light .markdown-source-view .internal-embed .markdown-embed:hover {
background: var(--background-primary-alt);
color: var(--text-normal);
border-radius: 6px;
border-width: 1px;
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
body.embed-hover.theme-dark .internal-embed .markdown-embed:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transform: translate3d(0px, -3px, 0px);
}
body:not(.is-mobile).hover-scrollbars .markdown-embed:not(.canvas-node-content),
body:not(.is-mobile).hover-scrollbars .popover.hover-popover .markdown-embed .markdown-embed {
padding: 0 0 0 1em;
}
.markdown-embed:not(.canvas-node-content),
.popover.hover-popover .markdown-embed .markdown-embed {
background-color: var(--embed-color);
border: 1px solid var(--embed-color);
border-radius: var(--radius-xs);
margin-bottom: 0;
padding: 0 0.5em 0 1em;
margin-top: 0;
}
.popover.hover-popover,
.popover.hover-popover .markdown-embed {
background-color: var(--background-popover);
}
.markdown-embed-link,
.file-embed-link {
position: absolute;
top: 2px;
right: 2px;
color: var(--text-faint);
cursor: pointer;
opacity: 0;
}
.markdown-embed:hover .markdown-embed-link,
.markdown-embed:hover .file-embed-link {
opacity: 1;
}
.markdown-source-view .markdown-embed {
border-color: transparent;
border-radius: var(--radius-xs);
}
:is(.markdown-preview-view,.markdown-rendered,.cm-s-obsidian) .file-embed {
border: 2px solid var(--embed-color);
border-radius: var(--radius-l);
padding: 0.1em 0.5em;
margin: 0.1em 0;
background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered,.cm-s-obsidian) .file-embed:hover {
border: 2px solid var(--theme-color-translucent-04);
background-color: var(--embed-color);
border-radius: var(--radius-m);
}
.markdown-embed .markdown-preview-sizer:is(.markdown-preview-section,.markdown-rendered):first-child :is(h1,h2,h3,h4,h5,h6) {
margin-block-start: 0.5em;
}
.inline-embed .markdown-embed-content p:first-child {
margin: 0.5em 0;
}
body:not(.adjustable-embed-content-height) :is(.markdown-preview-view,.markdown-rendered) .markdown-embed-content {
padding-right: 0;
max-height: 100%;
max-width: 100%;
overflow: auto;
}
body.adjustable-embed-content-height :is(.markdown-preview-view,.markdown-rendered) .markdown-embed-content {
padding-right: 0;
max-height: var(--embed-content-height);
max-width: 100%;
overflow: auto;
}
.file-embed-icon {
color: var(--theme-color);
vertical-align: middle;
}
.markdown-embed-title {
font-weight: 600;
font-size: var(--font-size-embed-title-size);
line-height: inherit;
height: unset;
word-wrap: break-word;
white-space: pre-wrap;
}
.file-embed-title {
font-weight: 600;
text-align: left;
line-height: 1.5em;
font-size: var(--font-size-embed-file);
}
/* Source: https://github.com/AGMStudio/prism-theme-one-dark */
body:not(.whole-code-wrap) code[class*='language-'],
body:not(.whole-code-wrap) pre[class*='language-'] {
word-spacing: normal;
word-break: normal;
word-wrap: break-word;
white-space: pre;
-moz-tab-size: 4 !important;
-o-tab-size: 4 !important;
tab-size: 4 !important;
}
body.whole-code-wrap code[class*='language-'],
body.whole-code-wrap pre[class*='language-'] {
word-spacing: normal;
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
/* Inline code */
:not(pre)>code[class*='language-'] {
padding: .1em !important;
border-radius: var(--radius-s) !important;
white-space: normal !important;
}
.token.important,
.token.bold {
font-weight: bold !important;
}
.token.italic {
font-style: italic !important;
}
.token.entity {
cursor: help !important;
}
/*show language type in preview mode*/
/*Thanks to elutao from https://snippets.cacher.io/snippet/018387c872dc39277996 */
body:not(.remove-language-type) pre::before {
font-family: var(--font-default);
color: #95a3b5;
opacity: 0.7;
font-size: 0.85em;
font-weight: 600;
position: absolute;
right: 48px;
top: 0.05em;
}
pre {
position: relative;
}
body:not(.remove-language-type) pre[class~='language-c']::before {
content: "C";
}
body:not(.remove-language-type) pre[class~='language-py']::before,
body:not(.remove-language-type) pre[class~='language-python']::before {
content: "PYTHON";
}
body:not(.remove-language-type) pre[class~='language-nginx']::before {
content: "NGINX";
}
body:not(.remove-language-type) pre[class~='language-css']::before {
content: "CSS";
}
body:not(.remove-language-type) pre[class~='language-javascript']::before {
content: "JS";
}
body:not(.remove-language-type) pre[class~='language-js']::before {
content: "JS";
}
body:not(.remove-language-type) pre[class~='language-php']::before {
content: "PHP";
}
body:not(.remove-language-type) pre[class~='language-shell']::before,
body:not(.remove-language-type) pre[class~='language-bash']::before {
content: "SHELL";
}
body:not(.remove-language-type) pre[class~='language-flow']::before {
content: "FLOW";
}
body:not(.remove-language-type) pre[class~='language-sequence']::before {
content: "SEQUENCE";
}
body:not(.remove-language-type) pre[class~='language-sql']::before {
content: "SQL";
}
body:not(.remove-language-type) pre[class~='language-yaml']::before {
content: "YAML";
}
body:not(.remove-language-type) pre[class~='language-ini']::before {
content: "INI";
}
body:not(.remove-language-type) pre[class~='language-xml']::before {
content: "XML";
}
body:not(.remove-language-type) pre[class~='language-git']::before {
content: "GIT";
}
body:not(.remove-language-type) pre[class~='language-cs']::before {
content: "C#";
}
body:not(.remove-language-type) pre[class~='language-cpp']::before {
content: "C++";
}
body:not(.remove-language-type) pre[class~='language-java']::before {
content: "JAVA";
}
body:not(.remove-language-type) pre[class~='language-html']::before {
content: "HTML";
}
body:not(.remove-language-type) pre[class~='language-txt']::before {
content: "TXT";
}
body:not(.remove-language-type) pre[class~='language-r']::before {
content: "R";
}
body:not(.remove-language-type) pre[class~='language-matlab']::before {
content: "MATLAB";
}
/* ==== fold icons ==== */
.CodeMirror-guttermarker-subtle {
color: var(--text-normal);
}
/*-- reduce left padding --*/
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting.cm-formatting-header {
font-size: 0.6rem !important;
opacity: 0.5;
}
div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-header {
font-size: 0.6rem !important;
opacity: 1;
}
span.cm-formatting.cm-formatting-header {
opacity: 0.45;
}
body.image-border img{
border: 1px solid rgba(var(--mono-rgb-100),0.1);
filter: drop-shadow(0px 0px 3px rgba(var(--mono-rgb-100),0.2));
}
/* images : reduce displayed size of embedded files, zoom on hover */
body:not(.obsidian-default-image) :is(.markdown-preview-view, .markdown-rendered) .workspace-leaf-content[data-type="markdown"] img:not([class*="emoji"]) {
max-width: var(--image-max-width);
margin-left: auto;
margin-right: auto;
}
body:not(.obsidian-default-image) .print :is(.markdown-preview-view, .markdown-rendered) img:not([class*="emoji"]) {
display: block;
}
body:not(.obsidian-default-image) .workspace-leaf-content[data-type="markdown"] .view-content :not(.canvas-node-content)>img:not([class*="emoji"]) {
cursor: zoom-in;
display: block;
margin-left: auto ;
margin-right: auto;
}
body:not(.image-zoom) .markdown-reading-view button img,
body:not(.image-zoom) .markdown-reading-view .callout-title-inner img {
pointer-events: none;
}
body:not(.image-zoom) .markdown-reading-view img:not([class*="emoji"]):active,
.workspace-leaf-content[data-type="image"] img:active {
cursor: zoom-out !important;
position: fixed;
object-fit: contain;
max-height: 100%;
max-width: 100%;
height: 100%;
width: 100%;
margin: 1px auto 0;
padding: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSIjRjJGNEY2Ii8+CiAgICA8ZyBmaWxsPSIjRkZGIj4KICAgICAgPHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iNzkiIHg9Ijc4Ii8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iMzkiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjU5Ii8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIgeT0iMjAiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjM5IiB5PSIyMCIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iNTkiIHk9IjIwIi8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIgeT0iNDAiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjM5IiB5PSI0MCIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iNTkiIHk9IjQwIi8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIgeT0iNjAiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjM5IiB5PSI2MCIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iNTkiIHk9IjYwIi8+CiAgICAgIDxyZWN0IHdpZHRoPSI3OSIgaGVpZ2h0PSIxIiB5PSIxOSIvPgogICAgICA8cmVjdCB3aWR0aD0iNzkiIGhlaWdodD0iMSIgeT0iMzkiLz4KICAgICAgPHJlY3Qgd2lkdGg9Ijc5IiBoZWlnaHQ9IjEiIHk9IjU5Ii8+CiAgICA8L2c+CiAgICA8cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMiIgeT0iNzgiIGZpbGw9IiNGRkYiLz4KICA8L2c+Cjwvc3ZnPgo=");
}
body:not(.obsidian-default-image) .internal-embed.image-embed.is-loaded img:not([class*="emoji"]) {
max-width: var(--image-max-width);
margin: 3px auto;
display: block;
}
.internal-embed[alt$="inline"],
.internal-embed[alt$="Inline"],
.internal-embed[alt$="INLINE"],
.internal-embed[alt$="inl"] {
display: inline ;
}
body:not(.obsidian-default-image) .markdown-source-view.mod-cm6 img:not([class*="emoji"]) {
display: block;
margin: auto !important;
cursor: help;
}
body.hide-vault-name .nav-folder.mod-root>.nav-folder-title {
display: none;
}
body.file-name-wrapped .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content,
body.file-name-wrapped .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
white-space: normal;
}
.nav-file-title-content.is-being-renamed {
margin-left: 0px;
text-indent: 0px;
color: black !important;
}
/* Cursor color in normal vim mode and opacity */
.cm-fat-cursor .CodeMirror-cursor,
.cm-animate-fat-cursor {
width: 0.6em;
background: #db9a1f;
opacity: 0.6 !important;
}
/*an active line highlight in vim normal mode */
.cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground,
.CodeMirror-activeline-background.CodeMirror-linebackground,
.cm-active.cm-line {
background-color: var(--activeline-background) !important;
}
.mute-code-indent-line .markdown-source-view.mod-cm6 .HyperMD-codeblock .cm-indent::before {
display: none;
}
.muted-activeline-bg .CodeMirror-activeline-background.CodeMirror-linebackground,
.muted-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line:not(.HyperMD-codeblock-bg) {
background-color: transparent !important;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding-left: 0;
}
.CodeMirror pre.HyperMD-codeblock.CodeMirror-line {
padding-left: 4px;
letter-spacing: calc(var(--letter-space-code) * 0.02em);
}
.CodeMirror pre.HyperMD-quote.CodeMirror-line {
padding-left: 4px;
}
.cm-s-obsidian pre.HyperMD-header {
padding-top: 0.25em;
}
/*linenumber*/
.is-mobile .cm-lineNumbers .cm-gutterElement,
.cm-s-obsidian .CodeMirror-linenumber {
font-family: var(--font-monospace-theme);
font-size: 0.85em;
}
.cm-gutter.cm-lineNumbers {
font-family: var(--font-monospace-theme);
}
.cm-lineNumbers .cm-active.cm-gutterElement {
color: var(--text-accent);
/* background: var(--activeline-background); */
}
/*----file explorer smaller fonts & line height----*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title {
font-size: var(--font-size-folder-and-file);
font-family: var(--font-family-folder-file-title);
border-radius: 0;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title {
padding: 1px 5px 3px 4px;
color: var(--text-folder-file);
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.mod-collapsible.nav-folder-title {
font-weight: 600;
padding: 4px 0 4px 23px;
color: var(--text-normal);
}
/*rename*/
.nav-file-title-content.is-being-renamed,
.nav-folder-title-content.is-being-renamed {
cursor: text;
border-color: transparent;
background-color: white;
color: black;
}
/*---- nav arrows adjust location ----*/
body:not(.default-icons) .nav-folder-collapse-indicator {
position: absolute;
transition: transform 20ms linear 0s;
}
/* body.default-icons .nav-folder-collapse-indicator {
margin-left: -9px;
} */
body:not(.default-icons):not(.remove-arrow) .nav-folder-collapse-indicator::before {
position: absolute;
content: "↓";
margin-left: 3px;
font-family: 'Inter';
font-weight: bold;
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body:not(.default-icons) .nav-folder-collapse-indicator svg {
display: none;
color: var(--accent-strong);
height: 7px;
width: 7px;
}
body:not(.unmuted-collapsed-folder):not(.is-grabbing) .nav-folder.is-collapsed .nav-folder-title-content:not(.is-being-renamed) {
opacity: 0.55;
}
body:not(.default-icons) .nav-folder.is-collapsed .nav-folder-collapse-indicator::before {
transform: rotate(-90deg);
opacity: 0.55;
}
/*search icon 1*/
body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon {
transition: transform 20ms linear 0s;
}
body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon::before {
content: "↓";
font-size: 14px;
font-family: 'Inter';
font-weight: bold;
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon svg {
display: none;
color: var(--accent-strong);
height: 7px;
width: 7px;
}
body:not(.default-icons) .backlink-pane .search-result-container .tree-item.search-result.is-collapsed .collapse-icon::before {
transform: rotate(-90deg);
opacity: 0.5;
}
/* search panel icons */
body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item-self.search-result-file-title.is-clickable .collapse-icon {
transition: transform 20ms linear 0s;
}
body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item-self.search-result-file-title.is-clickable .collapse-icon::before {
content: "↓";
font-size: 14px;
font-weight: bold;
font-family: 'Inter';
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item-self.search-result-file-title.is-clickable .collapse-icon svg {
display: none;
color: var(--accent-strong);
height: 7px;
width: 7px;
}
body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item.search-result.is-collapsed .collapse-icon::before {
transform: rotate(-90deg);
opacity: 0.5;
}
/* header collaspe indicators*/
:is(.markdown-preview-view,.markdown-rendered) div.is-collapsed :is(h1,h2,h3,h4,h5,h6)::after,
:is(.markdown-preview-view,.markdown-rendered) li.is-collapsed::after {
content: "...";
padding: 5px;
color: var(--text-faint);
}
body:not(.default-icons) div.heading-collapse-indicator.collapse-indicator {
position: absolute;
margin: 15px 0 0 -20px;
padding: 0;
transition: transform 20ms linear 0s;
}
body:not(.default-icons) :is(h1,h2) div.heading-collapse-indicator.collapse-indicator {
position: absolute;
transition: transform 20ms linear 0s;
}
body:not(.default-icons) div.heading-collapse-indicator.collapse-indicator::before {
content: "↓";
position: absolute;
font-size: 15px;
font-weight: bold;
font-family: 'Inter';
color: var(--text-accent);
transition: transform 10ms linear 0s;
opacity: 0;
}
body:not(.default-icons) .heading-collapse-indicator.collapse-indicator.collapse-icon svg {
display: none;
}
body:not(.default-icons) div.is-collapsed div.heading-collapse-indicator.collapse-indicator {
transform: translateX(7px) translateY(7px) rotate(-90deg);
}
body:not(.default-icons) div.is-collapsed div.heading-collapse-indicator.collapse-indicator::before,
body:not(.default-icons) :is(h1,h2,h3,h4,h5,h6):hover div.heading-collapse-indicator.collapse-indicator::before {
opacity: 1;
}
body:not(.default-icons) .outline .tree-item .collapse-icon {
padding: 0;
transition: transform 20ms linear 0s;
}
body:not(.default-icons) .outline .tree-item .collapse-icon::before {
content: "↓";
font-size: 1em;
font-weight: bold;
font-family: 'Inter';
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body:not(.default-icons) .outline .tree-item .collapse-icon svg {
display: none;
color: var(--accent-strong);
height: 7px;
width: 7px;
}
body:not(.default-icons) .outline .tree-item.is-collapsed .collapse-icon::before {
transform: rotate(-90deg);
opacity: 0.5;
}
/*vertical lines in outline page*/
.outline .tree-item-children {
margin-left: 14px;
border-left: 1px solid #94949433;
border-radius: 0;
transition: all 400ms ease-in-out;
}
body.default-icons .outline .tree-item-children {
margin-left: 12.5px;
}
.outline .tree-item-children:hover {
border-left-color: var(--theme-color-translucent-04);
}
.tree-item-flair {
line-height: 17px;
padding-top: 3px;
height: 1.45rem;
}
body.nowrap-outline .outline .tree-item-inner {
white-space: nowrap;
}
/*****from https://www.yuque.com/fanmofeng/obsidian/ioifq0 *******/
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .collapse-icon {
padding-inline-end: var(--size-2-3);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .collapse-icon::before {
content: "" !important;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item {
position: relative;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self {
position: relative;
margin-bottom: 0;
white-space: nowrap;
margin-top: -1px; /* fix item gap */
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-inner {
padding-left: 4px;
overflow: hidden;
text-overflow: ellipsis;
height: calc(var(--nav-item-size) * 1.8);
line-height: calc(var(--nav-item-size) * 1.8);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-inner::before {
content: "";
width: var(--size-4-1);
height: var(--size-4-1);
border: 2px solid hsla(var(--color-accent-hsl), 0.9);
border-radius: 50%;
position: absolute;
margin-left:-1.5em;
top: 50%;
transform: translateY(-50%);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-icon ~ .tree-item-inner {
padding-left: 4px;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-icon ~ .tree-item-inner::before {
content: none;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item.is-collapsed .tree-item-icon::before {
box-shadow: 0 0 0 4px var(--background-modifier-hover);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item::after {
content: "";
width: 1.5px;
position: absolute;
background-color: transparent;
top: calc(calc(var(--nav-item-size) * 1.8) / 2 * -1);
left: -10px;
height: calc(100% - calc(var(--nav-item-size) * 1.8) + var(--size-4-8));
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon {
cursor: pointer;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon::before {
margin-top: 50%;
width: var(--size-4-2);
height: var(--size-4-2);
background-color: hsla(var(--color-accent-hsl), 0.9);
border-radius: 50%;
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon svg {
display: block;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon svg path {
display: none;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item::after {
background-color: hsla(var(--color-accent-hsl), 0.9);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-self:hover + .tree-item-children .tree-item::after {
background-color: transparent;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item:hover::after, body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item:hover ~ .tree-item::after {
background-color: transparent;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item:hover::before {
content: "";
position: absolute;
top: calc(calc(var(--nav-item-size) * 1.8) / 2 * -1);
left: -10px;
bottom: calc(100% - (calc(var(--nav-item-size) * 1.8) + var(--size-4-2)) / 2 - 1px);
width: 16px;
border-bottom-left-radius: var(--radius-m);
border-bottom: 1.5px solid hsla(var(--color-accent-hsl), 0.9);
border-left: 2px solid hsla(var(--color-accent-hsl), 0.9);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline :is(.tree-item-children, .tree-item-self .tree-item-self) {
padding-left: 0;
margin-left: var(--size-4-5);
border-left: none;
}
/*tag collapse indicator*/
.tag-container .tree-item-children {
border-left: 1px solid #94949433;
border-radius: 0 3px 3px 0;
transition: all 300ms ease-in-out;
}
.tag-container .tree-item-children > div[style="width: 1px; height: 0.1px; margin-bottom: 0px;"] {
height: 0 !important;
}
.tag-container .tree-item-self .tree-item-icon svg {
display: none;
}
.tag-container .tree-item-self .tree-item-icon::before {
content: "#";
font-size: 1em;
font-weight: bold;
font-family: 'Inter';
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
.tag-container .tree-item-children:hover {
border-left-color: var(--theme-color);
}
.tag-container .tree-item.is-collapsed .collapse-icon {
opacity: 0.5;
}
/*setting panel*/
.modal .modal-title {
margin-left: 1em;
}
.modal-content .cmdr-setting-content {
height: auto;
}
[class='modal'] {
max-width: unset ;
width: unset;
min-width: var(--dialog-width);
}
.modal.mod-settings {
border: none;
}
.modal.mod-narrow .modal-content {
overflow: hidden;
}
.vertical-tab-nav-item {
padding: 6px 6px 6px 24px;
margin-bottom: 0;
}
.modal.mod-settings .vertical-tab-content-container {
padding: 0;
}
.modal-content .cmdr-setting-content {
height: auto;
}
.vertical-tab-content .setting-item {
padding: 8px 0;
}
.is-phone .setting-item-heading {
margin-top: 0px;
margin-bottom: 0px;
}
.modal button:not(.mod-cta):not(.mod-warning):hover {
background-color: var(--interactive-accent-hover);
color: #fdfdfd;
}
.modal .community-modal-details {
background-color: var(--background-primary);
}
.community-theme-container .clickable-icon {
color: var(--accent-strong)
}
.dropdown {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMTI4MC4wMDAwMDBwdCIgaGVpZ2h0PSI2NDAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAxMjgwLjAwMDAwMCA2NDAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxtZXRhZGF0YT4KQ3JlYXRlZCBieSBwb3RyYWNlIDEuMTUsIHdyaXR0ZW4gYnkgUGV0ZXIgU2VsaW5nZXIgMjAwMS0yMDE3CjwvbWV0YWRhdGE+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDY0MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMyMTk2ZjMiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0xMCA2MzkyIGMwIC00IDE0MzggLTE0NDUgMzE5NSAtMzIwMiBsMzE5NSAtMzE5NCAzMTk1IDMxOTQgYzE3NTcKMTc1NyAzMTk1IDMxOTggMzE5NSAzMjAyIDAgNSAtMjg3NSA4IC02MzkwIDggLTM1MTUgMCAtNjM5MCAtMyAtNjM5MCAtOHoiLz4KPC9nPgo8L3N2Zz4K);
}
/*translucent setting panel*/
body.translucent-setting-panel .modal-bg {
background-color: var(--background-secondary-translucent-1);
}
body.setting-default-frosted-glass .prompt {
background-color: var(--bg-color-settings-4);
backdrop-filter: blur(3px);
}
body.setting-default-frosted-glass.theme-dark .prompt {
backdrop-filter: blur(8px);
}
body.setting-default-frosted-glass .vertical-tab-header-group-title {
color: var(--text-normal);
border-top: 1px dashed var(--text-muted);
}
body.translucent-setting-panel .modal-bg,
body.setting-default-frosted-glass .modal-bg {
background-color: var(--bg-color-settings-0);
backdrop-filter: blur(5px);
}
body.translucent-setting-panel .modal.mod-settings,
body.setting-default-frosted-glass .modal.mod-settings {
background-color: var(--bg-color-settings-0-1);
box-shadow: 0 0 20px var(--bg-color-settings-1);
}
body.translucent-setting-panel .modal.mod-settings,
body.setting-default-frosted-glass .modal.mod-settings {
border: none;
}
body.setting-default-frosted-glass .vertical-tab-header,
body.translucent-setting-panel .vertical-tab-header {
background-color: var(--bg-color-settings-1);
}
body.translucent-setting-panel .horizontal-tab-nav-item,
body.translucent-setting-panel .vertical-tab-nav-item,
body.setting-default-frosted-glass .horizontal-tab-nav-item,
body.setting-default-frosted-glass .vertical-tab-nav-item {
background-color: transparent;
}
body.translucent-setting-panel .horizontal-tab-nav-item:hover,
body.translucent-setting-panel .vertical-tab-nav-item:hover,
body.translucent-setting-panel .horizontal-tab-nav-item.is-active,
body.translucent-setting-panel .vertical-tab-nav-item.is-active,
body.setting-default-frosted-glass .horizontal-tab-nav-item:hover,
body.setting-default-frosted-glass .vertical-tab-nav-item:hover,
body.setting-default-frosted-glass .horizontal-tab-nav-item.is-active,
body.setting-default-frosted-glass .vertical-tab-nav-item.is-active {
background-color: var(--bg-color-settings-2);
color: var(--text-normal);
font-weight: bold;
}
body.translucent-setting-panel .horizontal-tab-content,
body.translucent-setting-panel .vertical-tab-content,
body.setting-default-frosted-glass .horizontal-tab-content,
body.setting-default-frosted-glass .vertical-tab-content {
background-color: var(--bg-color-settings-3);
}
body.translucent-setting-panel .vertical-tab-content {
background-color: var(--bg-color-settings-1);
}
body.setting-default-frosted-glass .vertical-tab-header-group-title {
border: none;
}
/* ======= graph view ==============*/
.workspace-leaf-content[data-type="graph"] .graph-controls {
background-color: var(--graph-control-bg);
border: none;
}
.workspace-split.mod-root .workspace-leaf-content[data-type="graph"] .view-content {
background-color: var(--graph-canvas-bg);
}
.graph-view.color-fill {
color: var(--graph-circle);
}
.graph-view.color-circle {
color: var(--graph-circle-outline);
}
.graph-view.color-line {
color: var(--graph-line);
}
.graph-view.color-text {
color: var(--graph-text-color);
}
.graph-view.color-fill-highlight {
color: var(--graph-circle-fill-highlight);
}
.graph-view.color-line-highlight {
color: var(--graph-line-fill-highlight);
}
.graph-view.color-fill-tag {
color: var(--graph-tag) !important;
}
.graph-view.color-fill-attachment {
color: var(--graph-attach) !important;
}
.graph-view.color-fill-unresolved {
color: var(--graph-unresolved);
opacity: 1;
}
.graph-view.color-arrow {
color: var(--graph-arrow);
opacity: 1;
}
/*Horizontal line in edit mode. Changes --- to full-width line*/
/*thanks to Piotr from obsidian forum*/
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-hr {
color: transparent;
}
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-hr:after {
content: "";
position: absolute;
height: 1px;
width: 100%;
background: var(--text-muted);
left: 0;
top: 50%;
}
/*change collapse icon position in left side*/
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
margin-top: 0;
padding: 7px 6px 2px 6px;
}
/* colourful notes */
/* from Notation by death_au https://github.com/deathau/Notation-for-Obsidian */
/* Original idea from: https://gist.github.com/mklepaczewski/54e451f09994b9d450de81c8baaf8aa4 */
/* but also with simpler classes so you can use `<span class='colour'>` as well */
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg code,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg code,
.print pre.language-note-gray-bg code,
.print pre.language-note-brown-bg code,
.print pre.language-note-orange-bg code,
.print pre.language-note-yellow-bg code,
.print pre.language-note-green-bg code,
.print pre.language-note-blue-bg code,
.print pre.language-note-purple-bg code,
.print pre.language-note-pink-bg code,
.print pre.language-note-red-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg code{
background: unset !important;
background-color:unset !important;
white-space: pre-wrap !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-notice,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg,
.gray-background,
.gray-bg,
.print pre.language-note-gray-bg .popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-notice,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg {
background-color: var(--background-gray) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg,
.brown-background,
.brown-bg,
.print pre.language-note-brown-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg {
background-color: var(--background-brown) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg,
.orange-background,
.orange-bg,
.print pre.language-note-orange-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg {
background-color: var(--background-orange) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg,
.yellow-background,
.yellow-bg,
.print pre.language-note-yellow-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg {
background-color: var(--background-yellow) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg,
.green-background,
.green-bg,
.print pre.language-note-green-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg {
background-color: var(--background-green) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg,
.blue-background,
.blue-bg,
.print pre.language-note-blue-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg {
background-color: var(--background-blue) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg,
.purple-background,
.purple-bg,
.print pre.language-note-purple-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg {
background-color: var(--background-purple) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg,
.pink-background,
.pink-bg,
.print pre.language-note-pink-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg {
background-color: var(--background-pink) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-background,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg,
.red-background,
.red-bg,
.print pre.language-note-red-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg {
background-color: var(--background-red) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-important,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-imp,
.print pre.language-note-important,
.print pre.language-note-imp,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-important,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-imp {
border: 4px dashed var(--note-important) !important;
}
pre.language-note-important:before,
pre.language-note-imp::before {
content: "Important";
color: var(--note-important) !important;
font-weight: 800;
top: -1px;
}
/*colourful text*/
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-red,
.print pre.language-note-gray,
.print pre.language-note-brown,
.print pre.language-note-orange,
.print pre.language-note-yellow,
.print pre.language-note-green,
.print pre.language-note-blue,
.print pre.language-note-purple,
.print pre.language-note-pink,
.print pre.language-note-red,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red {
background-color: transparent !important;
margin: 3px 0;
padding: 5px 10px;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray code.language-note-gray,
.print code.language-note-gray,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray code.language-note-gray {
color: var(--text-gray) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown code.language-note-brown,
.print code.language-note-brown,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown code.language-note-brown {
color: var(--text-brown) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange code.language-note-orange,
.print code.language-note-orange,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange code.language-note-orange {
color: var(--text-orange) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow code.language-note-yellow,
.print code.language-note-yellow,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow code.language-note-yellow {
color: var(--text-yellow) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green code.language-note-green,
.print code.language-note-green,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green code.language-note-green {
color: var(--text-green) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue code.language-note-blue,
.print code.language-note-blue,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue code.language-note-blue {
color: var(--text-blue) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple code.language-note-purple,
.print code.language-note-purple,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple code.language-note-purple {
color: var(--text-purple) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink code.language-note-pink,
.print code.language-note-pink,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink code.language-note-pink {
color: var(--text-pink) !important;
background: unset !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-red code.language-note-red,
.print code.language-note-red,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red code.language-note-red {
color: var(--text-red) !important;
background: unset !important;
}
/* cloze */
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze {
color: var(--text-normal) !important;
background-color: var(--text-normal)!important;
display: block;
padding: 0px !important;
text-shadow: none;
margin: 1em 0.7em 0;
font-size: var(--font-size-cloze) !important;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze {
background-color: transparent;
}
code.language-note-cloze.is-loaded:hover {
cursor: pointer;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze.is-loaded:active,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze.is-loaded:active {
background-color: transparent !important;
}
pre.language-note-cloze::before {
content: "TO RECALL";
color: var(--note-cloze);
font-weight: 800;
left: 22px;
}
/*hidden box*/
/*改自 https://github.com/chokcoco/iCSS/issues/153 */
@property --hibox {
syntax: '<length>';
inherits: false;
initial-value: 24px;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-hibox {
background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-hibox code.language-hibox:hover {
color: var(--text-normal);
--hibox: 900px;
overflow: auto;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-hibox code.language-hibox {
position: relative;
height: auto;
overflow: hidden;
background: radial-gradient(circle at 0px 0px, var(--theme-color-translucent-015) 0, var(--theme-color-translucent-015) var(--hibox), transparent var(--hibox), transparent 0);
transition: --hibox 0.4s linear;
color: var(--background-code);
color: transparent;
}
/*======== optionnal mermaid style below ========*/
.markdown-source-view.mod-cm6 .cm-content > [contenteditable=false] {
overflow: auto;
}
body.resizable-mermaid .mermaid {
resize: both;
overflow: auto;
position: relative;
}
:is(.markdown-preview-section,.markdown-rendered) .mermaid,
.markdown-source-view.mod-cm6 .cm-scroller .mermaid {
letter-spacing: 0;
}
.markdown-source-view.mod-cm6 .mermaid svg {
margin: 0 auto;
display: block;
}
.mermaid .label {
font-family: var(--mermaid-font-family) !important;
color: var(--text-normal) !important;
}
.mermaid .label text {
fill: var(--background-primary-alt) !important;
}
.mermaid .node:not([class*="id"]) rect:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) circle:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) ellipse:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) polygon:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) path:not([style*="fill"]):not([style*="stroke"]) {
fill: var(--background-primary) !important;
}
.mermaid .node .label {
text-align: center !important;
}
.mermaid .node.clickable {
cursor: pointer !important;
}
.mermaid .arrowheadPath {
fill: var(--text-faint) !important;
}
.mermaid .edgePath .path,
.mermaid .flowchart-link {
stroke: var(--text-faint) !important;
}
.mermaid .edgeLabel {
background-color: var(--background-primary) !important;
text-align: center !important;
}
.mermaid .edgeLabel rect {
opacity: 0 !important;
}
.mermaid .cluster rect {
fill: var(--background-primary-alt) !important;
stroke: var(--text-faint) !important;
}
.mermaid .cluster text {
fill: var(--background-primary) !important;
}
/* Sequence Diagram variables */
.mermaid .actor {
stroke: var(--text-accent) !important;
}
.mermaid .actor-line {
stroke: var(--text-muted) !important;
}
.mermaid .messageLine0 {
stroke-dasharray: none !important;
stroke: var(--text-muted) !important;
}
.mermaid .messageLine1 {
stroke-dasharray: 2, 2 !important;
stroke: var(--text-muted) !important;
}
.mermaid #arrowhead path,
.mermaid #crosshead path {
fill: var(--text-muted) !important;
stroke: var(--text-muted) !important;
}
.mermaid .sequenceNumber {
fill: var(--background-primary) !important;
}
.mermaid #sequencenumber,
.mermaid .messageText {
fill: var(--text-muted) !important;
}
.mermaid .labelBox {
stroke: var(--text-accent) !important;
fill: var(--background-secondary-alt) !important;
}
.mermaid .labelText,
.mermaid .labelText>tspan,
.mermaid .loopText,
.mermaid .loopText>tspan {
fill: var(--text-muted) !important;
stroke: none !important;
}
.mermaid .loopLine {
stroke-dasharray: 2, 2 !important;
stroke: var(--text-accent) !important;
fill: var(--text-accent) !important;
}
.mermaid .note {
stroke: var(--text-normal) !important;
fill: var(--mermaid-seq-dia-color) !important;
}
.mermaid .noteText,
.mermaid .noteText>tspan {
fill: var(--text-normal) !important;
stroke: none !important;
}
/* Gantt chart variables */
.mermaid .activation0,
.mermaid .activation1,
.mermaid .activation2 {
fill: var(--background-secondary) !important;
stroke: var(--text-accent) !important;
}
/** Section styling */
.mermaid .mermaid-main-font {
font-family: var(--mermaid-font-family) !important;
}
.mermaid .section {
stroke: none !important;
opacity: 0.3 !important;
}
.mermaid .section0 {
fill: var(--text-faint) !important;
}
.mermaid .section2 {
fill: var(--text-accent) !important;
}
.mermaid .section1,
.mermaid .section3 {
fill: var(--text-muted) !important;
opacity: 0.15 !important;
}
.mermaid .sectionTitle0,
.mermaid .sectionTitle1,
.mermaid .sectionTitle2,
.mermaid .sectionTitle3 {
fill: var(--text-normal) !important;
}
.mermaid .sectionTitle {
text-anchor: start !important;
font-size: 15px !important;
font-weight: bold;
line-height: 14px !important;
font-family: var(--mermaid-font-family) !important;
}
/* Grid and axis */
.mermaid .grid .tick {
stroke: var(--text-muted) !important;
opacity: 1 !important;
shape-rendering: crispEdges !important;
}
.mermaid .grid .tick text {
font-family: var(--mermaid-font-family) !important;
font-size: 13px;
}
.mermaid .grid path {
stroke-width: 0 !important;
}
/* Today line */
.today {
fill: none !important;
stroke: var(--background-modifier-error) !important;
stroke-width: 2px !important;
}
/* Task styling */
/* Default task */
.task {
stroke-width: 0.5px !important;
}
.taskText:not([font-size]) {
font-size: 9px !important;
}
.taskTextOutsideRight {
fill: var(--text-normal) !important;
text-anchor: start !important;
font-size: 12px !important;
font-family: var(--mermaid-font-family) !important;
}
.taskTextOutsideLeft {
fill: var(--text-normal) !important;
text-anchor: end !important;
font-size: 9px !important;
}
/* Special case clickable */
.task.clickable {
cursor: pointer !important;
}
.taskText.clickable {
cursor: pointer !important;
fill: var(--interactive-accent_hover) !important;
font-weight: bold !important;
}
.taskTextOutsideLeft.clickable {
cursor: pointer !important;
fill: var(--interactive-accent_hover) !important;
font-weight: bold !important;
}
.taskTextOutsideRight.clickable {
cursor: pointer !important;
fill: var(--interactive-accent_hover) !important;
font-weight: bold !important;
}
/* Specific task settings for the sections*/
.taskText0,
.taskText1,
.taskText2,
.taskText3 {
fill: var(--text-normal) !important;
font-size: 13px;
}
.task0,
.task1,
.task2,
.task3 {
fill: var(--theme-color-translucent-04) !important;
stroke: var(--text-muted) !important;
}
.taskTextOutside0,
.taskTextOutside2,
.taskTextOutside1,
.taskTextOutside3 {
fill: var(--text-muted) !important;
}
/* Active task */
.active0,
.active1,
.active2,
.active3 {
fill: var(--mermaid-active-task-color) !important;
stroke: var(--text-muted) !important;
}
.activeText0,
.activeText1,
.activeText2,
.activeText3 {
fill: var(--text-normal) !important;
}
/* Completed task */
.done0,
.done1,
.done2,
.done3 {
stroke: var(--text-muted) !important;
fill: var(--background-secondary) !important;
}
.doneText0,
.doneText1,
.doneText2,
.doneText3 {
fill: var(--text-normal) !important;
}
/* Tasks on the critical line */
.crit0,
.crit1,
.crit2,
.crit3 {
stroke: var(--red-1) !important;
fill: var(--red-1) !important;
}
.activeCrit0,
.activeCrit1,
.activeCrit2,
.activeCrit3 {
stroke: var(--accent-strong) !important;
fill: var(--text-accent) !important;
}
.doneCrit0,
.doneCrit1,
.doneCrit2,
.doneCrit3 {
stroke: var(--accent-strong) !important;
fill: var(--text-muted) !important;
cursor: pointer !important;
shape-rendering: crispEdges !important;
}
.milestone {
transform: rotate(45deg) scale(0.8, 0.8) !important;
}
.milestoneText {
font-style: italic !important;
}
.doneCritText0,
.doneCritText1,
.doneCritText2,
.doneCritText3,
.activeCritText0,
.activeCritText1,
.activeCritText2,
.activeCritText3 {
fill: var(--text-normal) !important;
}
.titleText {
text-anchor: middle !important;
font-size: 20px !important;
fill: var(--text-normal) !important;
font-family: var(--mermaid-font-family) !important;
}
g.classGroup text {
fill: var(--text-normal) !important;
stroke: none !important;
font-size: 8px !important;
}
g.classGroup text .title {
font-weight: bolder !important;
}
g.clickable {
cursor: pointer !important;
}
g.classGroup rect {
fill: var(--background-secondary-alt) !important;
stroke: var(--theme-color) !important;
}
g.classGroup line {
stroke: var(--theme-color) !important;
stroke-width: 1 !important;
}
.classLabel .box {
stroke: none !important;
stroke-width: 0 !important;
fill: var(--background-secondary-alt) !important;
opacity: 0.2 !important;
}
.classLabel .label {
fill: var(--text-accent) !important;
font-size: 10px !important;
}
.relation {
stroke: var(--text-accent) !important;
fill: none !important;
}
.dashed-line {
stroke-dasharray: 3 !important;
}
#compositionStart,
#compositionEnd,
#dependencyStart,
#dependencyEnd,
#extensionStart,
#extensionEnd {
fill: var(--text-accent) !important;
stroke: var(--text-accent) !important;
}
#aggregationStart,
#aggregationEnd {
fill: var(--background-secondary-alt) !important;
stroke: var(--text-accent) !important;
}
.commit-id,
.commit-msg,
.branch-label {
fill: var(--text-muted) !important;
color: var(--text-muted) !important;
font-family: var(--mermaid-font-family) !important;
}
.pieTitleText {
text-anchor: middle !important;
font-size: 18px !important;
fill: var(--text-normal) !important;
font-family: var(--mermaid-font-family) !important;
}
.slice {
font-family: var(--mermaid-font-family) !important;
}
g.stateGroup text {
fill: var(--text-accent) !important;
stroke: none !important;
font-size: 10px !important;
font-family: var(--mermaid-font-family) !important;
}
g.stateGroup text {
fill: var(--text-accent) !important;
stroke: none !important;
font-size: 10px !important;
}
g.stateGroup .state-title {
font-weight: bolder !important;
fill: var(--text-normal) !important;
}
g.stateGroup rect {
fill: var(--background-secondary-alt) !important;
stroke: var(--background-secondary-alt) !important;
}
g.stateGroup line,
.transition {
stroke: var(--text-accent) !important;
}
.stateGroup .composit {
fill: var(--background-secondary) !important;
border-bottom: 1px !important;
}
.stateGroup .alt-composit {
fill: var(--background-primary) !important;
border-bottom: 1px !important;
}
.state-note {
stroke: var(--text-faint) !important;
fill: var(--text-accent) !important;
}
.state-note text {
fill: black !important;
stroke: none !important;
font-size: 10px !important;
}
.stateLabel .box {
stroke: none !important;
stroke-width: 0 !important;
fill: var(--background-secondary-alt) !important;
opacity: 0.5 !important;
}
.stateLabel text {
fill: black !important;
font-size: 10px !important;
font-weight: bold !important;
font-family: var(--mermaid-font-family) !important;
}
.node circle.state-start {
fill: var(--text-normal) !important;
stroke: var(--text-normal) !important;
}
.node circle.state-end {
fill: var(--text-normal) !important;
stroke: var(--text-normal) !important;
stroke-width: 1.5 !important;
}
#statediagram-barbEnd {
fill: var(--text-accent) !important;
}
.statediagram-cluster rect {
fill: var(--background-secondary-alt) !important;
}
.statediagram-cluster rect.outer,
.statediagram-state .title-state,
.statediagram-state rect.basic {
rx: 5px !important;
ry: 5px !important;
}
.statediagram-state .divider {
stroke: var(--text-accent) !important;
}
.statediagram-cluster.statediagram-cluster .inner {
fill: var(--background-secondary) !important;
}
.statediagram-cluster.statediagram-cluster-alt .inner {
fill: var(--background-secondary-alt) !important;
}
.statediagram-cluster .inner {
rx: 0 !important;
ry: 0 !important;
}
.statediagram-state rect.divider {
stroke-dasharray: 10, 10 !important;
fill: var(--background-secondary) !important;
}
.note-edge {
stroke-dasharray: 5 !important;
}
.statediagram-note rect {
fill: var(--text-accent) !important;
stroke: var(--text-muted) !important;
stroke-width: 1px !important;
rx: 0 !important;
ry: 0 !important;
}
/* Classes common for multiple diagrams */
.error-icon {
fill: var(--text-error) !important;
}
.error-text {
fill: var(--text-muted) !important;
stroke: var(--text-muted) !important;
}
.edge-pattern-solid {
stroke-dasharray: 0 !important;
}
.edge-pattern-dashed {
stroke-dasharray: 3 !important;
}
.edge-pattern-dotted {
stroke-dasharray: 2 !important;
}
.marker {
fill: var(--text-muted) !important;
}
.marker.cross {
stroke: var(--text-muted) !important;
}
.mermaid div:not(text.tracker-month-label) #arrowhead,
.mermaid div:not(text.tracker-month-label) #sequencenumber,
.mermaid div:not(text.tracker-month-label) .cluster text,
.mermaid div:not(text.tracker-month-label) .label text,
.mermaid div:not(text.tracker-month-label) text,
.mermaid div:not(text.tracker-month-label) text.actor {
fill: var(--text-muted) !important;
}
/*emoji🙂*/
.mermaid g>g>circle,
.mermaid g>circle {
stroke: #000000 !important;
}
.mermaid line.task-line {
stroke: #6e6e6e !important;
}
/* scrollbar*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
background-clip: padding-box;
border: 3px solid transparent;
border-width: 3px 2px 3px 3px;
min-height: 65px;
background-color: var(--scrollbar-thumb-bg);
border: 3.5px solid transparent !important;
}
body:not(.native-scrollbars) ::-webkit-scrollbar {
background: transparent;
}
body:not(.native-scrollbars) textarea:hover::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-active-thumb-bg);
}
body.remove-scrollbars ::-webkit-scrollbar-thumb {
display: none;
}
/*adapted from the CSS snippet created by @subframe7536 https://forum-zh.obsidian.md/t/topic/11164*/
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container,.workspace-leaf-content .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion,
.prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container)::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 10px !important;
background-color: transparent !important;
}
body.body:not(.is-mobile).hover-scrollbars .community-modal-info div[class^='community-modal-info-'] {
color:var(--text-normal);
}
body.body:not(.is-mobile).hover-scrollbars .canvas-node-content .markdown-preview-view {
overflow-y: auto!important;
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container) {
color: transparent;
transition: color var(--anim-duration-fast) var(--anim-motion-smooth);
overflow-y: overlay;
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container):hover {
color: var(--scrollbar-thumb-bg);
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .community-modal-search-results-wrapper,.tag-container) > :not(h1, h2, h3, h4, h5, h6) {
color: var(--text-normal);
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container)::-webkit-scrollbar-thumb:active {
background-color: var(--scrollbar-active-thumb-bg) !important;
}
body.body:not(.is-mobile).hover-scrollbars .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view {
color: transparent !important;
}
body.body:not(.is-mobile).hover-scrollbars .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view:hover {
color: var(--scrollbar-thumb-bg) !important;
}
.workspace-split::-webkit-scrollbar:vertical {
display: none;
}
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::before,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::-webkit-scrollbar-thumb,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::-webkit-scrollbar,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::marker {
color: transparent !important;
background: none !important;
background-color: transparent !important;
border: none !important;
-webkit-text-fill-color: transparent !important;
}
body.plugin-sliding-panes.transparent-panes .workspace-split.mod-root .workspace-leaf:not(:first-of-type) .workspace-leaf-content {
background-color: transparent;
}
body.plugin-sliding-panes.transparent-panes .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle {
width: 0;
}
body.plugin-sliding-panes.plugin-sliding-panes.transparent-panes.theme-light .workspace-split.mod-vertical>.workspace-leaf {
box-shadow: -5px 0px 6px 0px rgba(0, 0, 0, 0.1) !important;
}
/*==========================*/
/* obsidian-calendar-plugin */
/*==========================*/
#calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
padding: 0 8px 0 8px;
margin: -21px -8px 0px -8px;
line-height: 0.6;
}
.theme-dark #calendar-container {
--color-tr: #11111166;
--color-tr-odd: #1e1e1e93;
--color-calendar-weekends: #cc8484;
--color-calendar-weekends-2: #ff9f9f21;
--calendar-today-background-color: #00b3005e;
--theme-color-translucent-3: #217cc769;
}
.theme-light #calendar-container {
--color-tr: #ffffff6a;
--color-tr-odd: #eeeeeea2;
--color-calendar-weekends: #c74a4a;
--color-calendar-weekends-2: #fdadad21;
--theme-color-translucent-3: #91c2eb80;
}
#calendar-container .calendar {
background-color: transparent;
padding: 0 4px 2px 4px;
margin-top: -8px;
margin-left: 2px;
border-collapse: separate;
border-spacing: 0;
}
#calendar-container .calendar tr {
background-color: transparent;
}
/*表格调整*/
/*星期*/
#calendar-container th:first-of-type {
border-top-left-radius: 3px !important;
}
#calendar-container th:last-of-type {
border-top-right-radius: 3px !important;
}
#calendar-container th {
padding: 8px 0;
border-bottom: 2px solid var(--text-accent);
border-radius: 0 !important;
}
/*天*/
#calendar-container td {
width: 12.5%;
border-right: none;
padding: 0 !important;
line-height: 23px;
}
#calendar-container tr {
background-color: var(--color-tr);
}
#calendar-container .day {
padding: 2px 0 0 !important;
}
#calendar-container .day.has-note.active:not(.today) {
background-color: var(--calendar-hover-color) !important;
color: var(--text-normal) !important;
font-weight: 700;
}
#calendar-container .day:not(:empty):hover {
background-color: var(--calendar-hover-color);
}
#calendar-container .day:active,
#calendar-container .active,
#calendar-container .active.today {
background-color: var(--calendar-active-color) !important;
font-weight: 700;
}
#calendar-container .active.today,
#calendar-container .day.has-note.active {
color: var(--text-accent) !important;
font-weight: 700;
}
body.toggle-calendar-shadow #calendar-container .active.today {
box-shadow: 0 0 1px 2px var(--text-accent);
}
body.toggle-calendar-shadow #calendar-container .today {
box-shadow: 0 0 5px var(--text-accent);
}
#calendar-container .today {
font-weight: bolder;
}
/*“Today”*/
#calendar-container .reset-button {
font-size: 14px !important;
margin: 0;
padding: 0;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
/*悬停Today*/
#calendar-container .reset-button:hover {
color: var(--sliding-panes-header-color);
background-color: var(--table-hover-raw-color);
}
/*悬停arrow*/
#calendar-container .arrow:hover {
color: var(--theme-color);
}
/*dot*/
#calendar-container .dot {
stroke: transparent;
margin: -3px 0 2px !important;
}
#calendar-container .hollow {
margin: -3px 0 2px !important;
}
#calendar-container .dot-container {
margin-top: 0;
margin-bottom: 0;
}
/*月份调整 month*/
#calendar-container .month {
font-size: 20px;
line-height: 1;
}
/*年份调整 year*/
#calendar-container .year {
font-size: 20px;
line-height: 1;
}
/*星期数 week*/
#calendar-container .week-num {
border-right: 2px solid var(--calendar-week-background-color) !important;
background-color: transparent;
font-weight: 600;
border-radius: 0;
}
#calendar-container .week-num.active {
background-color: var(--calendar-week-background-color) !important;
color: var(--color-text-weeknum) !important;
font-weight: 800;
}
/*星期数悬停 week hover*/
#calendar-container .week-num:hover {
background-color: var(--calendar-week-hover) !important;
}
/* calendar-1 translucent, v0.2, for Blue Topaz*/
body.style-options-for-calendar-plugin-style-one.theme-dark {
--color-calendar-weekends: #cc8484;
--color-calendar-weekends-2: #ff9f9f21;
--calendar-today-background-color: #00b3005e;
--theme-color-translucent-3: #217cc769;
}
body.style-options-for-calendar-plugin-style-one.theme-light {
--color-calendar-weekends: #c74a4a;
--color-calendar-weekends-2: #fdadad21;
--theme-color-translucent-3: #91c2eb80;
}
body.style-options-for-calendar-plugin-style-one.theme-dark #calendar-container {
--color-tr: #11111183;
}
body.style-options-for-calendar-plugin-style-one.theme-light #calendar-container {
--color-tr: #ffffffa9;
}
body.style-options-for-calendar-plugin-style-one #calendar-container th {
padding: 10px 0;
border-radius: 0 !important;
}
body.style-options-for-calendar-plugin-style-one #calendar-container th:nth-last-child(1),
body.style-options-for-calendar-plugin-style-one #calendar-container th:nth-last-child(2) {
color: var(--color-calendar-weekends) !important;
}
body.style-options-for-calendar-plugin-style-one #calendar-container td:nth-last-child(1),
body.style-options-for-calendar-plugin-style-one #calendar-container td:nth-last-child(2) {
background-color: var(--color-calendar-weekends-2) !important;
}
body.style-options-for-calendar-plugin-style-one #calendar-container .day {
border-radius: 50% !important;
}
body.style-options-for-calendar-plugin-style-one #calendar-container .today {
color: var(--text-accent) !important;
font-weight: 700 !important;
background-image: unset;
}
body.style-options-for-calendar-plugin-style-one #calendar-container .day:active,
body.style-options-for-calendar-plugin-style-one #calendar-container .active,
body.style-options-for-calendar-plugin-style-one #calendar-container .active.today {
background-color: var(--theme-color-translucent-3) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container .day {
border-radius: 0 !important;
}
body.style-options-for-calendar-plugin-style-two .day.adjacent-month {
background-color: var(--background-transparent-black-or-white-3) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:first-child {
background-color: rgba(var(--table-color-rgb), 0.1) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(2) {
background-color: rgba(var(--table-color-rgb), 0.2) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(3) {
background-color: rgba(var(--table-color-rgb), 0.3) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(4) {
background-color: rgba(var(--table-color-rgb), 0.4) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(5) {
background-color: rgba(var(--table-color-rgb), 0.5) !important;
}
body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(6) {
background-color: rgba(var(--table-color-rgb), 0.6) !important;
}
/*===========================*/
/*copy button for code blocks*/
/*===========================*/
button.copy-code-button:not([style="right: 32pt"]) {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAABU0lEQVRYhe2WMU4CQRSG/2eMjQRptQB7j8AJnIbKEq/A2qg0SjRROgauYGljTMALLN7AA7Ak1oRIY7HPYt0IuzPLMgxggK97u2/e/PPv25kBNh0yGSSavQqYqkHEDx2n0FqaANH0SmC8RIqU2k7+1YqAs9rH3uggcw+iMoBD7UDyi75PRESuLoeBT4CeMoPhzXPt5FuVsxt98JXL3hH4cpryduX4HQCE9LQ5BBwBfDXKZRlANZUAgMtAsMJwkt+JGAA6Tn7CtTBWvT9t9IpE5DL4XCdgR636b4Xz8HZR6I7XVKFwIJlwpbaIObBsUjsQ/fa2WLkDWwEz/wWzMq13Vu6AsQAh+10hPdc0nlsAwEwAm8cahPTY9m6XxPr0gGm+xR6wlL/tgbQsrAeCi2RwnUouaacHYvu0kP1HgK91ZWzfC2IO7A+GtwDVQyf+Let7FmwcPzCZvMtlTU3QAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-color: transparent;
color: transparent;
height: 1.6em;
}
button.copy-code-button:hover {
background-color: var(--theme-color-translucent-015);
}
.obsidian-banner-wrapper.has-copy-button {
position:unset;
}
/*====================*/
/*day planner plugin*/
/*====================*/
.day-planner-status-bar-text {
color: var(--text-accent);
font-weight: 600;
}
.progress-pie.day-planner {
background-color: var(--day-planner-pie);
float: left;
height: 20px;
margin: 0.3px 10px 0.3px 0;
width: 20px;
display: none;
}
#scroll-controls input#auto-scroll.toggle {
background-image: none;
}
.aside__line {
background: var(--day-planner-dot) !important;
left: 35px !important;
}
.ei_Dot {
background-color: var(--day-planner-line) !important;
left: 28px !important;
}
.ei_Title {
font-size: 15px !important;
margin-left: -10px !important;
}
.ei_Copy {
font-size: 15px !important;
margin-left: 5px !important;
}
.event_item {
overflow: hidden !important;
}
#now-line, .timeline-time {
background-color: var(--day-planner-timeline) !important;
}
.event_item:hover {
background-color: var(--day-planner-item-hover) !important;
box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
}
.event_item_color1 {
background-color: var(--event-item-color1) !important;
}
.event_item_color2 {
background-color: var(--event-item-color2) !important;
}
.event_item_color3 {
background-color: var(--event-item-color3) !important;
}
.event_item_color4 {
background-color: var(--event-item-color4) !important;
}
.event_item_color5 {
background-color: var(--event-item-color5) !important;
}
.event_item_color6 {
background-color: var(--event-item-color6) !important;
}
.event_item_color7 {
background-color: var(--event-item-color7) !important;
}
.event_item_color8 {
background-color: var(--event-item-color8) !important;
}
.event_item_color9 {
background-color: var(--event-item-color9) !important;
}
.event_item_color10 {
background-color: var(--event-item-color10) !important;
}
/* ================================== */
/* ============= kanban ============= */
/* ================================== */
.kanban-plugin__markdown-preview-view {
font-family: var(--font-text) !important;
}
/*body:not(.style-options-for-kanban-plugin-static-default)*/
.workspace-leaf .kanban-plugin__lane {
border-radius: 8px;
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
}
.kanban-plugin {
background-color: var(--background-secondary) !important;
}
.kanban-plugin__item-title ol:not(.contains-task-list)>li:not(.task-list-item),
.kanban-plugin__item-title ul:not(.contains-task-list)>li:not(.task-list-item) {
border-left: none;
padding: 0 1px;
margin-left: 0px;
}
.kanban-plugin .task-list-item-checkbox {
margin: 0px 7px 0px 0;
}
.kanban-plugin__markdown-preview-view blockquote {
padding-top: 1px;
padding-bottom: 1px;
}
.kanban-plugin__lane-header-wrapper {
background: var(--theme-color-translucent-015) !important;
padding: 8px 11px !important;
border-radius: 5px 5px 0 0;
margin-bottom: 0px !important;
z-index: 100 !important;
border-bottom: none !important;
}
.theme-dark .kanban-plugin__lane-header-wrapper {
background: unset !important;
padding: 8px 11px 0 !important;
}
.kanban-plugin__checkbox-wrapper {
background: var(--background-transparent-black-or-white-2);
}
.kanban-plugin__item {
border: none !important;
z-index: 100 !important;
}
.kanban-plugin__item-content-wrapper,
.kanban-plugin__item-title-wrapper {
background: var(--background-transparent-black-or-white-1) !important;
z-index: 100 !important;
}
.kanban-plugin__item-content-wrapper:hover,
.kanban-plugin__item-title-wrapper:hover {
background: var(--background-transparent-black-or-white-3-1) !important;
}
.kanban-plugin__item-button-wrapper {
background: var(--background-transparent-black-or-white-2) !important;
border-radius: 0 0 5px 5px;
}
button.kanban-plugin__new-item-button {
color: var(--text-muted) !important;
font-weight: bold;
font-size: 0.8em;
z-index: 100 !important;
}
button.kanban-plugin__new-item-button:hover {
color: var(--accent-strong) !important;
}
.kanban-plugin__lane {
border: none !important;
}
.kanban-plugin__lane-items {
padding: 4px !important;
}
.kanban-plugin__markdown-preview-view ol:not(.contains-task-list)>li:not(.task-list-item),
.kanban-plugin__markdown-preview-view:not(.kanban) ul>li:not(.task-list-item) {
margin-left: unset;
padding-left: unset;
margin-bottom: unset;
margin-top: unset;
}
/*meta*/
.kanban-plugin__meta-row {
background: transparent !important;
}
.kanban-plugin__item-metadata-wrapper:not(:empty) {
background: var(--background-transparent-black-or-white-3) !important;
}
.kanban-plugin__lane {
background: transparent !important;
}
.theme-light .kanban-plugin__lane {
background: var(--background-transparent-black-or-white-3) !important;
}
.kanban-plugin__lane-wrapper {
border-radius: var(--radius-s);
}
.kanban-plugin__lane-wrapper {
background-repeat: no-repeat;
background-size: cover;
}
/* checkbox */
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox] {
margin: 1px 6px 0 0;
width: 14px;
height: 14px;
filter: hue-rotate(var(--theme-color)) !important;
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+1) {
background: linear-gradient(to bottom, var(--kanban-color-1) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-1), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-1);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+2) {
background: linear-gradient(to bottom, var(--kanban-color-2) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-2), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-2);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+3) {
background: linear-gradient(to bottom, var(--kanban-color-3) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-3), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-3);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+4) {
background: linear-gradient(to bottom, var(--kanban-color-4) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-4), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-4);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+5) {
background: linear-gradient(to bottom, var(--kanban-color-5) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-5), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-5);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+6) {
background: linear-gradient(to bottom, var(--kanban-color-6) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-6), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-6);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+0) {
background: linear-gradient(to bottom, var(--kanban-color-7) 60%, transparent);
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-7), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-7);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light {
--kanban-color-1: #63a1e970;
--kanban-color-2: #63e6e970;
--kanban-color-3: #63e98270;
--kanban-color-4: #dee96370;
--kanban-color-5: #e8c89170;
--kanban-color-6: #e8919170;
--kanban-color-7: #bd91e870;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+1) {
background: linear-gradient(to bottom, var(--kanban-color-1) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-1), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-1);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+2) {
background: linear-gradient(to bottom, var(--kanban-color-2) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-2), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-2);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+3) {
background: linear-gradient(to bottom, var(--kanban-color-3) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-3), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-3);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+4) {
background: linear-gradient(to bottom, var(--kanban-color-4) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-4), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-4);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+5) {
background: linear-gradient(to bottom, var(--kanban-color-5) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-5), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-5);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+6) {
background: linear-gradient(to bottom, var(--kanban-color-6) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-6), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-6);
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+0) {
background: linear-gradient(to bottom, var(--kanban-color-7) 30%, transparent) !important;
--scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-7), transparent 60%);
--scrollbar-active-thumb-bg: var(--kanban-color-7);
}
body.style-options-for-kanban-plugin-static-all-color .kanban-plugin__item-title-wrapper {
background: transparent !important;
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper {
background-repeat: no-repeat;
background-size: cover;
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper {
background-repeat: no-repeat;
background-size: cover;
}
body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane-wrapper {
background: unset !important;
--scrollbar-thumb-bg: unset !important;
--scrollbar-active-thumb-bg: unset !important;
}
body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane {
border: 2px solid var(--background-modifier-border) !important;
}
body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane-header-wrapper {
background: unset !important;
border-bottom: 1px solid var(--background-modifier-border) !important;
}
body.style-options-for-kanban-plugin-static-plain.theme-dark .kanban-plugin__lane-header-wrapper,
body.style-options-for-kanban-plugin-static-little-color.theme-dark .kanban-plugin__lane-header-wrapper {
padding: 10px 11px !important;
}
body.style-options-for-kanban-plugin-static-plain .kanban-plugin__item-button-wrapper {
background: transparent !important;
}
body.style-options-for-kanban-plugin-static-little-color.theme-light {
--kanban-color-1: #91bae870;
--kanban-color-2: #91e8e070;
--kanban-color-3: #91e89a70;
--kanban-color-4: #e0e89170;
--kanban-color-5: #e8c89170;
--kanban-color-6: #e8919170;
--kanban-color-7: #bd91e870;
}
body.style-options-for-kanban-plugin-static-little-color.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-plain.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-little-color.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-plain.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-little-color.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-plain.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane {
border: none !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__item,
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane {
border: 1px solid var(--background-modifier-border) !important
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper {
background-image: unset !important;
background-color: transparent !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+1) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-1) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+2) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-2) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+3) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-3) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+4) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-4) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+5) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-5) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+6) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-6) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n) .kanban-plugin__lane-header-wrapper {
background-color: var(--kanban-color-7) !important;
}
/* Kanban Neon, v0.5, for Blue Topaz, modified from https://codepen.io/Chokcoco/pen/BaQzBEG by @Chokcoco */
body.style-options-for-kanban-plugin-dynamic-neon-one.theme-dark,
body.style-options-for-kanban-plugin-dynamic-neon-two.theme-dark,
body.style-options-for-kanban-plugin-dynamic-neon-three.theme-dark {
--background-transparent-black-or-white-1: #232323c2;
--background-transparent-black-or-white-2: #0f0f0f69;
--background-transparent-black-or-white-3: #2222224d;
--background-transparent-blue: #53a3ff41;
}
body.style-options-for-kanban-plugin-dynamic-neon-one.theme-light,
body.style-options-for-kanban-plugin-dynamic-neon-two.theme-light,
body.style-options-for-kanban-plugin-dynamic-neon-three.theme-light {
--background-transparent-black-or-white-1: #ffffffb0;
--background-transparent-black-or-white-2: #eeeeee88;
--background-transparent-black-or-white-3: #f5f5f583;
--background-transparent-blue: #5eb6ff44;
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin,
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin {
background-color: var(--background-secondary-alt) !important;
}
body.style-options-for-kanban-plugin-dynamic-neon-one.theme-dark .kanban-plugin__lane-header-wrapper,
body.style-options-for-kanban-plugin-dynamic-neon-two.theme-dark .kanban-plugin__lane-header-wrapper,
body.style-options-for-kanban-plugin-dynamic-neon-three.theme-dark .kanban-plugin__lane-header-wrapper {
background: var(--background-transparent-blue) !important;
padding: 5px 11px!important;
border-radius: 6px 6px 0 0;
margin-bottom: 5px !important;
z-index: 100 !important;
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n) {
position: relative;
z-index: 0;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
transition: .3s;
-webkit-box-reflect: below 10px linear-gradient(transparent, rgba(0, 0, 0, .4));
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n)::before,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n)::before {
content: '';
position: absolute;
z-index: -2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 38px;
height: 125%;
background-color: var(--background-secondary-alt) !important;
background-repeat: no-repeat;
background-size: 50% 50%;
background-position: 0 0;
background-image: conic-gradient(var(--kanban-shadow), var(--kanban-shadow));
animation: rotate 2s linear infinite;
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n)::after,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n)::after {
content: '';
position: absolute;
z-index: -1;
left: 2px;
top: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
background-color: var(--background-secondary-alt) !important;
border-radius: 10px;
}
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n) {
background: unset !important;
position: relative;
z-index: 0;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
transition: .3s;
box-shadow: 0px 0px 5px 1px var(--kanban-shadow);
}
@keyframes rotate {
100% {transform: translate(-50%, -50%) rotate(1turn);}
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n):hover
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n):hover {
box-shadow: 0 0 5px var(--kanban-shadow), 0 0 25px var(--kanban-shadow);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n):hover::after,
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n):hover::before,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n):hover::after,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n):hover::before {
transition: .3s;
background: linear-gradient(to bottom, var(--kanban-shadow) 30%, transparent) !important;
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+2),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+2) {
filter: hue-rotate(50deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+3),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+3) {
filter: hue-rotate(140deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+4),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+4) {
filter: hue-rotate(180deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+5),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+5) {
filter: hue-rotate(220deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+6),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+6) {
filter: hue-rotate(280deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n)
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n) {
filter: hue-rotate(330deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n) {
background: unset !important;
position: relative;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
transition: .3s;
animation: huerotate-1 6s infinite linear;
filter: hue-rotate(360deg);
}
@keyframes huerotate-1 {
0% {filter: hue-rotate(0deg);}
100% {filter: hue-rotate(360deg);}
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n)::before {
content: '';
position: absolute;
z-index: -2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 250%;
height: 300%;
background-color: var(--background-secondary-alt) !important;
background-repeat: no-repeat;
background-size: 50% 50%;
background-position: 0 0;
background-image: conic-gradient(var(--kanban-shadow), var(--kanban-shadow));
animation: rotate 2s linear infinite;
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n)::after {
content: '';
position: absolute;
z-index: -1;
left: 2px;
top: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
background-color: var(--background-secondary-alt) !important;
border-radius: 10px;
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n):hover {
box-shadow: 0 0 5px var(--kanban-shadow), 0 0 25px var(--kanban-shadow);
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n):hover::after,
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n):hover::before {
transition: .3s;
background: var(--kanban-shadow);
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+2) {
animation: huerotate-2 6s infinite linear;
filter: hue-rotate(410deg);
}
@keyframes huerotate-2 {
0% {filter: hue-rotate(50deg);}
100% {filter: hue-rotate(410deg);}
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+3) {
animation: huerotate-3 6s infinite linear;
filter: hue-rotate(500deg);
}
@keyframes huerotate-3 {
0% {filter: hue-rotate(140deg);}
100% {filter: hue-rotate(500deg);}
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+4) {
filter: hue-rotate(540deg);
animation: huerotate-4 6s infinite linear;
}
@keyframes huerotate-4 {
0% {filter: hue-rotate(180deg);}
100% {filter: hue-rotate(540deg);}
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+5) {
filter: hue-rotate(580deg);
animation: huerotate-5 6s infinite linear;
}
@keyframes huerotate-5 {
0% {filter: hue-rotate(220deg);}
100% {filter: hue-rotate(580deg);}
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+6) {
filter: hue-rotate(640deg);
animation: huerotate-6 6s infinite linear;
}
@keyframes huerotate-6 {
0% {filter: hue-rotate(280deg);}
100% {filter: hue-rotate(640deg);}
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+0) {
filter: hue-rotate(690deg);
animation: huerotate-7 6s infinite linear;
}
@keyframes huerotate-7 {
0% { filter: hue-rotate(330deg);}
100% { filter: hue-rotate(690deg);}
}
/* =========================================*/
/* =========tapes pins and stickies=========*/
/* =========================================*/
/* thanks to death_au, Gabroel and Lithou from Obsidian Members Group on Discord */
.stickies {
text-align: center;
transition: width 2s;
padding: 5px;
margin: 18px;
position: relative;
float: right;
right: -10px;
width: max(180px, 30%);
max-width: 50%;
background-color: var(--stickies-color-1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(2deg);
transition: all 2s ease;
z-index: 1;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 0;
color: black;
}
.stickies::after {
content: "";
left: -5%;
top: -10px;
height: 40px;
width: 15px;
border-radius: var(--radius-l);
border: 3px solid #979797;
display: inline-block;
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(-11deg);
z-index: 11;
}
.stickies::before {
width: 11px;
height: 20px;
content: "";
display: inline-block;
position: absolute;
left: -3.5%;
top: -2px;
border-radius: var(--radius-l);
border: 3px solid #979797;
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
z-index: 10;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(-11deg);
}
.stickies2 {
position: relative;
float: left;
box-shadow: 0 10px 10px 2px #9191912d;
width: max(180px, 30%);
max-width: 50%;
background-color: var(--stickies-color-2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(-2deg);
transition: all 2s ease;
z-index: 1;
padding: 20px;
margin: 10px;
color: black;
}
.stickies2::after {
content: "";
display: block;
height: 32px;
width: 2px;
position: absolute;
left: 50%;
top: -10px;
z-index: 1;
border-radius: 50%;
display: inline-block;
height: 15px;
width: 15px;
border: 1px;
box-shadow: inset -10px -10px 10px #f0b7a4, inset 3px 3px 5px;
}
.to-recall {
position: relative;
float: left;
max-width: 30%;
background-color: var(--text-normal);
border-radius: var(--radius-xs);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 1;
padding: 8px;
margin-right: 8px;
margin-top: 20px;
font-weight: bold;
font-family: Cooper;
color: var(--text-normal);
}
.to-recall:hover {
cursor: pointer;
}
.to-recall:active {
background-color: transparent;
transition: all 300ms ease;
}
.to-recall::after {
content: "Click";
position: absolute;
font-size: 12px;
top: 1px;
right: 5px;
font-weight: 600;
font-family: Arial;
color: var(--background-primary);
}
.to-recall:active:after {
display: none;
}
.to-recall::before {
content: " To Recall";
display: inline-block;
position: absolute;
top: -20px;
left: -8px;
border-radius: var(--radius-l);
font-size: 14px;
font-weight: bold;
font-family: OCR A;
color: #858585;
white-space: pre;
}
/* thanks to dcoales from obsidian member group on discord */
/* https://discord.com/channels/686053708261228577/702656734631821413/794236352857374764 */
aside {
float: right;
position: relative;
left: 5px;
padding: 0 0 0 2px;
}
aside>h1,
aside>h2 {
font-weight: normal !important;
font-size: 16px !important;
border: 1px solid;
border-bottom: 1px solid !important;
background-color: transparent;
padding: 0 5px;
max-width: 150px;
color: #467cf0 !important;
position: absolute;
}
aside>h1:hover::before,
aside>h2:hover::before {
display: none;
}
aside>h2 {
color: #dd9207 !important;
}
.is-readable-line-width.sidecomments .markdown-preview-sizer {
margin-left: 20px !important;
}
/* ================================== */
/* ====== markdown assitance ======== */
/* ================================== */
.command-list-view-row-selected {
background-color: gray !important;
}
/*
.cm-s-obsidian pre.HyperMD-codeblock,
.cm-s-obsidian span.cm-math:not(.cm-formatting-math-begin):not(.cm-formatting-math-end) {
color: var(--gray-2);
}
*/
/* ================================== */
/* ============ comments ============ */
/* ================================== */
.theme-light .ob-comment {
position: relative;
border-bottom: 1px dotted black;
color: var(--text-normal) !important;
background-color: #57b2ee77 !important;
border-radius: 10% !important;
}
.theme-dark .ob-comment {
position: relative;
border-bottom: 1px dotted rgb(255, 255, 255);
color: var(--text-normal) !important;
background-color: #0054b5e0 !important;
border-radius: 10% !important;
}
.theme-light .ob-comment:hover {
background-color: #57b2ee50 !important;
}
.theme-dark .ob-comment:hover {
background-color: #0062d1 !important;
}
.theme-light .ob-comment span {
visibility: hidden;
min-width: auto;
max-width: 500px;
width: max-content;
background-color: #c7e2f5e5 !important;
color: #0068c9 !important;
text-align: left;
border-radius: var(--radius-s);
padding: 10px 10px;
z-index: 1;
position: absolute;
top: 20px;
right: 20px;
box-shadow: 1px 1px 10px 5px var(--background-secondary);
transition: opacity 1s;
}
.theme-dark .ob-comment span {
visibility: hidden;
min-width: auto;
max-width: 500px;
width: max-content;
background-color: #aed6f3ef !important;
color: #005cb3 !important;
text-align: left;
border-radius: var(--radius-s);
padding: 10px 10px;
z-index: 1;
position: absolute;
top: 20px;
right: 20px;
box-shadow: 1px 1px 10px 5px var(--background-secondary);
transition: opacity 1s;
}
.theme-light .comment-pannel-p3 {
background-color: #c7e2f5e5 !important;
color: #0068c9 !important;
}
.theme-dark .comment-pannel-p3 {
background-color: #aed6f3ef !important;
color: #005cb3 !important;
}
.comment-pannel-bubble {
width: 90% !important;
padding: 0 5px !important;
text-decoration: none;
display: inline-block;
margin-right: 0 !important;
}
/* ======== tooltip ========= */
.tooltip,
.tooltip.mod-right {
color: var(--white);
background-color: var(--interactive-accent);
}
.tooltip .tooltip-arrow {
border-bottom: 5px solid var(--interactive-accent);
}
.tooltip.mod-right .tooltip-arrow {
border-right: 5px solid var(--interactive-accent);
}
.tooltip.mod-left .tooltip-arrow {
border-left: 5px solid var(--interactive-accent);
}
/* ================================== */
/* ======== better footnote ========= */
/* ================================== */
:is(.markdown-preview-view,.markdown-rendered) .tippy-content {
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
/* font-size: var(--font-size-better-footnote) !important;*/
font-family: var(--font-family-better-footnote) !important;
}
/*default footnote*/
section.footnotes ol>li:not(.task-list-item) {
border-left: none !important;
}
.cm-s-obsidian span.cm-footref {
color: var(--text-accent);
}
.tippy-box[data-theme~="obsidian"]
{
backdrop-filter: blur(8px);
}
.file-embed.mod-empty:hover {
backdrop-filter: blur(5px);
}
/* ================================== */
/* =========== admonition =========== */
/* ================================== */
body.style-options-for-admonition-plugin .admonition {
break-inside: avoid;
}
body.style-options-for-admonition-plugin .callout.admonition .admonition-content {
overflow: hidden;
}
.admonition.callout {
border-color: rgba(var(--callout-color),0.15);
}
.callout:not(.admonition).drop-shadow
{
box-shadow:var(--window-shadow2);
}
.callout.admonition.admonition-plugin.is-collapsed {
overflow: hidden;
}
/* ad伪看板效果*/
body.style-options-for-admonition-plugin .admonition-kanban {
overflow: visible;
background-color: rgba(255, 255, 255, 0) !important;
border-left: none !important;
margin: auto;
box-shadow: none !important;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-content {
overflow: visible;
margin: 0;
}
body.style-options-for-admonition-plugin .admonition-kanban .is-mobile ul {
display: flex;
}
body.style-options-for-admonition-plugin .admonition-kanban ul {
display: flex;
margin: 0;
flex-direction: row;
border: none;
padding: 0;
border-radius: var(--radius-m);
flex-wrap: wrap;
}
body.style-options-for-admonition-plugin .admonition-kanban ul>li:not(.task-list-item) {
flex: 1 1 20%;
padding: 0.1em 1em 0.1em 0.8em !important;
margin: 0 0.1em 0.3em 0 !important;
list-style: none;
border: 1px solid var(--p-kanban-border-color);
border-left: 1px solid var(--p-kanban-border-color) !important;
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
}
body.style-options-for-admonition-plugin .admonition-kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon {
margin-left: -1.2em;
position: absolute;
}
body.style-options-for-admonition-plugin .admonition-kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon::before {
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+1) {
background-color: var(--p-kanban-color-1);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+2) {
background-color: var(--p-kanban-color-2);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+3) {
background-color: var(--p-kanban-color-3);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+4) {
background-color: var(--p-kanban-color-4);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+5) {
background-color: var(--p-kanban-color-5);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+6) {
background-color: var(--p-kanban-color-6);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+7) {
background-color: var(--p-kanban-color-7);
padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n) {
background-color: var(--p-kanban-color-8);
padding-left: 1em;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
margin-top: 0.5rem;
border-radius: 0;
border: 0;
background: none;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul li:not(.task-list-item) {
width: 100%;
display: block;
background-color: var(--p-kanban-card-color-1) !important;
}
body.style-options-for-admonition-plugin .admonition-kanban ul>li:hover {
border-color: var(--p-kanban-border-color) !important;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul li:hover {
background: transparent !important;
border-color: var(--p-kanban-border-color) !important;
border-left: 1px solid var(--p-kanban-border-color) !important;
}
.theme-dark body.style-options-for-admonition-plugin .admonition-kanban ul ul li:hover {
border-color: #696969e1 !important;
border-left: 1px solid #696969e1 !important;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul li .task-list-item-checkbox {
margin-left: 1.5rem;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul ul {
margin-right: 0;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul::before {
border-left: 0;
}
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-widthbody.style-options-for-admonition-plugin .admonition-kanban .markdown-preview-sizer>div>ul {
max-width: 100%;
}
body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ul,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ul,
body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ol,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ol {
position: initial;
}
body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ul::before,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ul::before,
body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ol::before,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ol::before {
all: initial
}
body.style-options-for-admonition-plugin .admonition-kanban ul > li.task-list-item {
flex: 1 1 20%;
padding: 0.1em 1em;
margin: 0 0.1em 0.3em 0;
list-style: none;
border: 1px solid var(--p-kanban-border-color);
border-left: 1px solid var(--p-kanban-border-color) !important;
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
text-indent: 0;
}
body.style-options-for-admonition-plugin .admonition-kanban ul ul li.task-list-item {
width: 100%;
display: block;
padding-left: 2em;
text-indent: -3.1em;
background-color: var(--p-kanban-card-color-1) !important;
}
/*blank ad分栏
修改自 https://forum-zh.obsidian.md/t/topic/2081 */
body.style-options-for-admonition-plugin .is-live-preview .admonition-col2 .callout-content.admonition-content>div:nth-child(2),
body.style-options-for-admonition-plugin .is-live-preview .admonition-col3 .callout-content.admonition-content>div:nth-child(2),
body.style-options-for-admonition-plugin .is-live-preview .admonition-col4 .callout-content.admonition-content>div:nth-child(2) {
margin-top: -1.5em;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-title-icon,
body.style-options-for-admonition-plugin .admonition-flex .admonition-title-icon,
body.style-options-for-admonition-plugin .admonition-col2 .admonition-title-icon,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-title-icon,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-title-icon {
display: none;
}
body.style-options-for-admonition-plugin .is-live-preview :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote {
padding: 0;
margin: 0;
line-height:1em;
}
body.style-options-for-admonition-plugin :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote {
flex: 100%;
border-left: none;
padding-left: 0;
padding-right: 0;
margin-block-start: 0;
margin: 0;
box-shadow: none;
background-color: transparent;
color: var(--text-muted);
}
body.style-options-for-admonition-plugin :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote p::before {
display: none;
}
body.style-options-for-admonition-plugin :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote p {
margin: 0;
overflow-wrap: anywhere;
}
body.style-options-for-admonition-plugin :is(.callout.admonition-col2,.callout.admonition-col3,.callout.admonition-col4,.callout.admonition-flex)>.admonition-content>ul {
margin-left: auto;
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content>ul,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content>ul,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content>ul,
body.style-options-for-admonition-plugin .admonition-flex .admonition-content>ul {
padding-inline-start: 20px !important;
margin-left: -20px;
margin-block-start:0;
}
body.style-options-for-admonition-plugin :is(.admonition-flex,.admonition-col2,.admonition-col3,.admonition-col4) .admonition-content .admonition-content>ul>li{
list-style-type: none;
padding:0;
}
.markdown-rendered .admonition ul li p:last-of-type, .markdown-rendered ol li p:last-of-type {
margin-block-end: 0.5em;
}
.markdown-rendered .admonition ul li p:first-of-type, .markdown-rendered ol li p:first-of-type {
margin-block-start: 0.5em;
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ul li .task-list-item-checkbox,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ul li .task-list-item-checkbox,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ul li .task-list-item-checkbox,
body.style-options-for-admonition-plugin .admonition-flex .admonition-content ul li .task-list-item-checkbox {
margin-left: auto;
}
:is(.admonition-col2,.admonition-col3,.admonition-col4,.admonition-flex) .callout-content ul.dataview.list-view-ul>li:not(.task-list-item) {
margin-left: auto;
}
body.style-options-for-admonition-plugin .admonition-col2 {
box-shadow: none!important;
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition {
overflow: visible;
margin: 0;
}
body.style-options-for-admonition-plugin .admonition-col2>.admonition-content-holder> .admonition-content {
columns: 150px 2;
-moz-columns: 150px 2;
-webkit-columns: 150px 2;
column-gap: 2vw;
overflow: visible;
margin: 0;
/*分栏的分割线
column-rule: 1px solid #d4d2d2; */
}
body.style-options-for-admonition-plugin .callout.admonition-col2> .admonition-content {
columns: 150px 2;
-moz-columns: 150px 2;
-webkit-columns: 150px 2;
column-gap: 2vw;
overflow: visible;
margin: 0;
/*分栏的分割线
column-rule: 1px solid #d4d2d2; */
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ol,
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ul {
margin-top: -0.25em;
}
body.style-options-for-admonition-plugin :is(.markdown-preview-view,.markdown-rendered) .admonition-col2 .admonition-content :is(h3,h4) {
margin-top: -0.001em !important;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col2 .admonition-content ol{
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col2 .admonition-content ul {
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content {
overflow: visible ;
}
body.style-options-for-admonition-plugin .admonition-col2 > .admonition-content-holder {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-col2 p {
text-align: justify;
margin-top: 0;
padding: 2px;
/* height:100%;
overflow: auto; */
}
body.style-options-for-admonition-plugin .admonition-col2 p > img{
display: block;
height: auto;
}
body.style-options-for-admonition-plugin .admonition-col2-parent .admonition-col2 .admonition > .admonition-title.no-title + .admonition-content-holder {
margin-top: 0;
}
/****col3 三栏*****/
body.style-options-for-admonition-plugin .admonition-col3 {
box-shadow: none !important;
}
body.style-options-for-admonition-plugin .admonition-col3 .admonition {
overflow: visible;
margin: 0;
}
body.style-options-for-admonition-plugin .callout.admonition-col3>.admonition-content {
columns: 100px 3;
-moz-columns: 100px 3;
-webkit-columns: 100px 3;
column-gap: 1vw;
overflow: visible;
margin: 0;
break-inside: avoid;
column-rule: 1px solid #d4d2d2;
}
body.style-options-for-admonition-plugin .admonition-col3>.admonition-content-holder>.admonition-content {
columns: 100px 3;
-moz-columns: 100px 3;
-webkit-columns: 100px 3;
column-gap: 1vw;
overflow: visible ;
margin: 0;
break-inside: avoid;
column-rule: 1px solid #d4d2d2;
}
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ol,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ul {
margin-top: -0.25em;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col3 .admonition-content ul {
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col3 .admonition-content ol {
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content {
overflow: visible;
}
body.style-options-for-admonition-plugin .admonition-col3 >.admonition-content-holder {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-col3 p{
text-align: justify;
margin-top: 0;
padding: 2px;
/* height:100%;
overflow: auto; */
}
body.style-options-for-admonition-plugin .admonition-col3 p>img{
display: block;
height: auto;
}
body.style-options-for-admonition-plugin .admonition-col3-parent .admonition-col3 .admonition > .admonition-title.no-title + .admonition-content-holder {
margin-top: 0;
}
/****col4 四栏*****/
body.style-options-for-admonition-plugin .admonition-col4 {
box-shadow: none !important;
}
body.style-options-for-admonition-plugin .admonition-col4 .admonition {
overflow: visible;
margin: 0;
}
body.style-options-for-admonition-plugin .callout.admonition-col4 > .admonition-content {
column-count: 4;
column-gap: 1vw;
overflow: visible;
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 > .admonition-content-holder>.admonition-content {
column-count: 4;
column-gap: 1vw;
overflow: visible;
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content {
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ol,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ul {
margin-top: -0.25em;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col4 .admonition-content ul {
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col4 .admonition-content ol {
margin: 0;
break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 > .admonition-content {
overflow: visible;
}
body.style-options-for-admonition-plugin .admonition-col4 > .admonition-content-holder {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-col4 p {
text-align: justify;
margin-top: 0;
padding: 2px;
}
body.style-options-for-admonition-plugin .admonition-col4 p>img{
display: block;
height: auto;
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;
}
body.style-options-for-admonition-plugin .admonition-col4 p>img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
body.style-options-for-admonition-plugin .admonition-col4-parent .admonition-col4 .admonition > .admonition-title.no-title + .admonition-content-holder {
margin-top: 0;
}
/*自适应分栏*/
body.style-options-for-admonition-plugin .admonition-flex {
margin: auto;
box-shadow: none;
border-left: none;
word-break: break-word;
}
body.admonition-bg-color-same.style-options-for-admonition-plugin .admonition-flex {
margin: 1em 0;
}
.is-live-preview .callout-content.admonition-content >p {
margin-top: 0;
}
body.style-options-for-admonition-plugin .admonition-flex >.admonition-content-holder {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content {
width: 100%;
margin: 0px;
display: flex;
flex-wrap: wrap;
border: none;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content>div{
flex: 1;
margin: 0 0.625rem;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content[data-embed-type="image"] p{
align-self: baseline;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content[data-embed-type="image"] {
justify-content: space-around;
}
/*ad-table*/
body.style-options-for-admonition-plugin .admonition-table {
overflow: visible;
margin: auto;
box-shadow: none;
}
body.style-options-for-admonition-plugin .admonition-table .admonition-content {
width: calc(100% - 5px);
margin: 0;
overflow-x: auto !important;
white-space: nowrap;
}
body.style-options-for-admonition-plugin .admonition-table .admonition-content thead > tr > th,
body.style-options-for-admonition-plugin .admonition-table .admonition-content tbody > tr > td {
white-space: nowrap;
}
/*blank ad框全透明隐藏*/
body.style-options-for-admonition-plugin .admonition-blank {
overflow: visible;
background-color: rgba(255, 255, 255, 0) !important;
border-left: none !important;
margin: auto;
box-shadow: none;
}
body.style-options-for-admonition-plugin .admonition-blank .admonition-content {
overflow: visible;
margin: 0;
}
body.style-options-for-admonition-plugin .callout.admonition-blank .admonition-content {
overflow: hidden;
}
/* 感谢 围城 网友分享
本样式仿造自elegantbook模板:https://github.com/ElegantLaTeX/ElegantBook
为以下类型设置了样式需要在admonition中自行添加设置好颜色和icon
- def: definition
- thm: theorem
- lem: lemma
- cor: corollary
- pro: proposition
标题使用方正书宋_GBK正文使用方正楷体_GBK,系统需要安装
*/
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) {
margin: 1.5625em 0 !important;
overflow: visible !important;
border: 1px solid rgb(var(--callout-color)) !important;
border-radius: 0.3em !important;
background-color: rgba(var(--callout-color),0.05) !important;
box-shadow: 0 0 0 !important;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-title {
display: inline-block;
top: -0.9em;
left: 1.5em;
padding: 1px 8px !important;
background-color: rgb(var(--callout-color)) !important;
border-radius: 0.2em;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.callout-title.admonition-title {
display: flex;
top: unset;
left: 1.5em;
padding: 1px 8px !important;
background-color: rgb(var(--callout-color)) !important;
border-radius: 0.2em;
position: relative;
width: fit-content;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-title-content {
color: white;
font-family: "方正书宋_GBK", var(--font-text);
font-size: 1.1em;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-title-icon {
/* display: none !important; */
color: white;
background-color: rgb(var(--callout-color));
margin: 0.2em;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-content-holder {
margin-top: -1em;
padding: 0;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.callout-title.admonition-title {
margin-top: -1em ;
padding: 0;
}
body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) p {
text-indent: 0;
font-family: "方正楷体_GBK", var(--font-text) !important;
font-size: 1.1em;
}
/*hibox*/
/*改自 https://github.com/chokcoco/iCSS/issues/153 */
body.style-options-for-admonition-plugin .admonition-hibox .admonition-content-holder {
margin: -1em 0.2em;
}
body.style-options-for-admonition-plugin .admonition-hibox {
background-color: transparent !important;
box-shadow: none !important;
}
body.style-options-for-admonition-plugin .admonition-hibox *::marker {
visibility: hidden;
}
body.style-options-for-admonition-plugin .admonition-hibox {
position: relative;
height: auto;
overflow: hidden;
border-radius: var(--radius-s) !important;
background: radial-gradient(circle at 0px 0px, rgba(var(--callout-color), 0.2) 0, rgba(var(--callout-color), 0.2) var(--hibox), transparent var(--hibox), transparent 0);
transition: --hibox 0.6s linear;
border-left: none !important;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover {
--hibox: 1500px;
box-shadow: 0 0.2rem 0.5rem var(--background-modifier-box-shadow) !important;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover * {
visibility: visible;
}
body.style-options-for-admonition-plugin .admonition-hibox .admonition-content-copy {
top: 7px;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover ol:not(.contains-task-list)>li:not(.task-list-item) {
border-color: var(--list-ol-block-color) !important;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover ul>li:not(.task-list-item) {
border-color: var(--list-ul-block-color) !important;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover *::marker {
color: var(--list-ol-number-color) !important;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover blockquote {
border-color: var(--theme-color) !important;
background-color: var(--background-blockquote) !important;
}
body.style-options-for-admonition-plugin .admonition-hibox:hover {
border-color: var(--text-normal) !important;
}
body.style-options-for-admonition-plugin .admonition-hibox .admonition-title {
display: none;
}
/* ======Notice================ */
.notice-container .notice:nth-child(4n+1){
background-color: var(--background-pink);
color: var(--text-normal);
}
.notice-container .notice:nth-child(4n+2){
background-color: var(--background-yellow);
color: var(--text-normal);
}
.notice-container .notice:nth-child(4n+3){
background-color: var(--background-green);
color: var(--text-normal);
}
.notice-container .notice:nth-child(4n+4){
background-color: var(--background-red);
color: var(--text-normal);
}
.notice-container {
z-index: var(--layer-notice);
position: fixed;
top: 40px;
right: 0px;
padding: 0px;
overflow: hidden;
}
/* ================================== */
/* ============ checklist =========== */
/* ================================== */
.checklist-plugin-main button {
box-shadow: none;
}
.checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li {
border-left: none !important;
font-size: var(--font-size-checklist);
}
.checklist-plugin-main {
--todoList-listItemBackground: var(--checklist-bg) !important;
--todoList-listItemBackground--hover: var(--checklist-bg-hover) !important;
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+1) {
background-color: var(--checklist-color-1);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+2) {
background-color: var(--checklist-color-2);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+3) {
background-color: var(--checklist-color-3);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+4) {
background-color: var(--checklist-color-4);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+5) {
background-color: var(--checklist-color-5);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+6) {
background-color: var(--checklist-color-6);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+7) {
background-color: var(--checklist-color-7);
}
.is-mobile .checklist-plugin-main :is(.markdown-preview-view,.markdown-rendered) ul {
padding-inline-start: 0;
}
.is-mobile .checklist-plugin-main button.toggle {
width: unset;
}
.checklist-plugin-main button.toggle .checked {
background-color: var(--theme-color) !important;
}
/* ================================== */
/* ============ longform ============ */
/* ================================== */
.workspace-leaf-content[data-type="VIEW_TYPE_LONGFORM_EXPLORER"] li {
border-left: none;
}
/* ================================== */
/* ========== Breadcrumbs =========== */
/* ================================== */
.workspace-leaf-content[data-type="breadcrumbs-matrix"] summary.hier-summary,
h3.breadcrumbs-matrix-header {
color: var(--h3-color) !important;
}
.workspace-leaf-content[data-type="breadcrumbs-matrix"] summary {
color: var(--h4-color) !important;
}
/*remove H3, H5 when hovering*/
h3.breadcrumbs-matrix-header:hover::before,
h5.breadcrumbs-matrix-header:hover::before {
display: none;
}
h5.breadcrumbs-header,
h5.breadcrumbs-matrix-header {
color: var(--h5-color) !important;
}
.breadcrumbs-matrix-square {
border: none !important;
}
.breadcrumbs-matrix ol {
margin-left: 8px !important;
}
/* ================================== */
/* ===== code block enhancer ======= */
/* ================================== */
.obsidian-banner-wrapper.code-block-wrap {
position: unset;
}
.code-block-wrap .code-block-linenum-wrap {
top: 0.4em;
background-color: transparent;
}
.code-block-wrap .code-block-lang-name {
top: 4px;
left: 2px;
}
.code-block-wrap .code-block-lang-name + .code-block-linenum-wrap>.code-block-linenum:first-child::before {
color: transparent;
}
/* ================================== */
/* ============ Dataview ============ */
/* ================================== */
span.dataview.small-text {
position: relative;
font-size: 70%;
line-height: 0;
vertical-align: baseline;
top: -.5em;
color: var(--text-accent);
border-radius: 3px;
text-align: center;
padding: 0 0.2em;
margin: 0 1px;
font-variant-numeric: ordinal;
opacity: 0.6;
}
.dataview-container .internal-link {
font-size:0.88em;
}
ul.dataview.list-view-ul>li:not(.task-list-item) {
border-left: none !important;
margin-left: -1em;
}
li.dataview-result-list-li ul>li:not(.task-list-item) {
border-left: none !important;
}
ul.dataview.list-view-ul>li:not(.task-list-item)::before {
font-family: boxicons;
font-size: 0.8em;
padding: 0 5px 0 0;
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):first-of-type::before {
content: '\edcf';
color: var(--list-ol-number-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):not(:first-of-type):nth-of-type(2n):not(:nth-of-type(10n))::before {
content: '\eaee';
color: var(--list-ul-disc-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):not(:first-of-type):nth-of-type(2n+1)::before {
content: '\edd1';
color: var(--list-ul-disc-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):nth-of-type(10n)::before {
content: '\ef29';
color: var(--list-ol-number-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul {
list-style: none;
}
ul.dataview.dataview-ul.dataview-result-list-root-ul>li.dataview-result-list-li {
border-left: none !important;
margin: 0;
padding-left: 0em;
}
ul.dataview.dataview-ul.dataview-result-list-root-ul {
list-style: none;
}
.CodeMirror-code .CodeMirror-linewidget.rendered-block-embed.rendered-widget {
background-color: var(--embed-color);
border-radius: var(--radius-xs);
border: 1px solid var(--embed-color);
}
body:is(.rainbow-lines-reading,.list-vertical-line-one) table.dataview.table-view-table :is(ol,ul) :is(ol,ul)::before,
body:is(.rainbow-lines-reading,.list-vertical-line-one) .kanban-plugin__markdown-preview-view :is(ol,ul) :is(ol,ul)::before {
border-left: none;
}
:is(.markdown-preview-view,.markdown-rendered) .dataview.inline-field-standalone-value {
background-color: transparent;
}
/* ================================== */
/* ======= CodeMirror Options ======= */
/* ================================== */
.CodeMirror-widget img.hmd-image:active {
all: initial;
}
.cm-formatting.cm-formatting-highlight.cm-highlight.hmd-hidden-token+.cm-highlight {
border-radius: var(--radius-xs);
padding: 0 3px 2px;
}
.cm-formatting.cm-formatting-code.cm-inline-code.hmd-hidden-token+.cm-inline-code {
border-radius: var(--radius-xs);
padding: 2px 4px;
}
.cm-formatting.cm-formatting-code.cm-inline-code.hmd-hidden-token {
font-size: 0 !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"] {
background-size: 80% !important;
background-position: 60% 55% !important;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"]::before {
content: ' ';
position: absolute;
padding: 0 0.2em;
margin-left: 0.4em;
border-radius: var(--radius-xs);
background-color: var(--checkbox-color-2);
z-index: -1;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"] {
background-size: 80% !important;
background-position: 60% 55% !important;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"><path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"]::before {
content: ' ';
position: absolute;
padding: 0 0.2em;
margin-left: 0.4em;
border-radius: var(--radius-xs);
background-color: var(--checkbox-color-1);
z-index: -1;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"] {
background-size: 62% !important;
background-position: center !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNkNGEzMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zy8+PGc+PHBhdGggZD0iTTEyLDNjLTAuNDYsMC0wLjkzLDAuMDQtMS40LDAuMTRDNy44NCwzLjY3LDUuNjQsNS45LDUuMTIsOC42NmMtMC40OCwyLjYxLDAuNDgsNS4wMSwyLjIyLDYuNTYgQzcuNzcsMTUuNiw4LDE2LjEzLDgsMTYuNjlWMTljMCwxLjEsMC45LDIsMiwyaDAuMjhjMC4zNSwwLjYsMC45OCwxLDEuNzIsMXMxLjM4LTAuNCwxLjcyLTFIMTRjMS4xLDAsMi0wLjksMi0ydi0yLjMxIGMwLTAuNTUsMC4yMi0xLjA5LDAuNjQtMS40NkMxOC4wOSwxMy45NSwxOSwxMi4wOCwxOSwxMEMxOSw2LjEzLDE1Ljg3LDMsMTIsM3ogTTE0LDE3aC00di0xaDRWMTd6IE0xMCwxOXYtMWg0djFIMTB6IE0xNS4zMSwxMy43NGMtMC4wOSwwLjA4LTAuMTYsMC4xOC0wLjI0LDAuMjZIOC45MmMtMC4wOC0wLjA5LTAuMTUtMC4xOS0wLjI0LTAuMjdjLTEuMzItMS4xOC0xLjkxLTIuOTQtMS41OS00LjcgYzAuMzYtMS45NCwxLjk2LTMuNTUsMy44OS0zLjkzQzExLjMyLDUuMDMsMTEuNjYsNSwxMiw1YzIuNzYsMCw1LDIuMjQsNSw1QzE3LDExLjQzLDE2LjM5LDEyLjc5LDE1LjMxLDEzLjc0eiIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjMiIHdpZHRoPSIxIiB4PSIxMS41IiB5PSIxMSIvPjxyZWN0IGhlaWdodD0iMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNC4wMzEyIDEwLjg1MzYpIiB3aWR0aD0iMSIgeD0iMTAuNTkiIHk9IjguNzkiLz48cmVjdCBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAxNC43Njc4IDI2LjcwMjgpIiB3aWR0aD0iMSIgeD0iMTIuNDEiIHk9IjguNzkiLz48L2c+PC9nPjwvc3ZnPg==) !important;
}
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"] {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNmZmRjNTEiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zy8+PGc+PHBhdGggZD0iTTEyLDNjLTAuNDYsMC0wLjkzLDAuMDQtMS40LDAuMTRDNy44NCwzLjY3LDUuNjQsNS45LDUuMTIsOC42NmMtMC40OCwyLjYxLDAuNDgsNS4wMSwyLjIyLDYuNTYgQzcuNzcsMTUuNiw4LDE2LjEzLDgsMTYuNjlWMTljMCwxLjEsMC45LDIsMiwyaDAuMjhjMC4zNSwwLjYsMC45OCwxLDEuNzIsMXMxLjM4LTAuNCwxLjcyLTFIMTRjMS4xLDAsMi0wLjksMi0ydi0yLjMxIGMwLTAuNTUsMC4yMi0xLjA5LDAuNjQtMS40NkMxOC4wOSwxMy45NSwxOSwxMi4wOCwxOSwxMEMxOSw2LjEzLDE1Ljg3LDMsMTIsM3ogTTE0LDE3aC00di0xaDRWMTd6IE0xMCwxOXYtMWg0djFIMTB6IE0xNS4zMSwxMy43NGMtMC4wOSwwLjA4LTAuMTYsMC4xOC0wLjI0LDAuMjZIOC45MmMtMC4wOC0wLjA5LTAuMTUtMC4xOS0wLjI0LTAuMjdjLTEuMzItMS4xOC0xLjkxLTIuOTQtMS41OS00LjcgYzAuMzYtMS45NCwxLjk2LTMuNTUsMy44OS0zLjkzQzExLjMyLDUuMDMsMTEuNjYsNSwxMiw1YzIuNzYsMCw1LDIuMjQsNSw1QzE3LDExLjQzLDE2LjM5LDEyLjc5LDE1LjMxLDEzLjc0eiIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjMiIHdpZHRoPSIxIiB4PSIxMS41IiB5PSIxMSIvPjxyZWN0IGhlaWdodD0iMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNC4wMzEyIDEwLjg1MzYpIiB3aWR0aD0iMSIgeD0iMTAuNTkiIHk9IjguNzkiLz48cmVjdCBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAxNC43Njc4IDI2LjcwMjgpIiB3aWR0aD0iMSIgeD0iMTIuNDEiIHk9IjguNzkiLz48L2c+PC9nPjwvc3ZnPg==) !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"]::before {
content: ' ';
position: absolute;
padding: 0 0.2em;
margin-left: 0.4em;
border-radius: var(--radius-xs);
background-color: var(--checkbox-color-4);
z-index: -1;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"] {
background-size: 62% !important;
background-position: 55% 80% !important;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: rgba(241, 61, 100, 1)"><path d="M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"]::before {
content: ' ';
position: absolute;
padding: 0 0.2em;
margin-left: 0.4em;
border-radius: var(--radius-xs);
background-color: var(--checkbox-color-3);
z-index: -1;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"] {
background-size: 65% !important;
background-position: 52% 55% !important;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"]::before {
content: ' ';
position: absolute;
padding: 0 0.2em;
margin-left: 0.4em;
border-radius: var(--radius-xs);
background-color: var(--checkbox-color-5);
z-index: -1;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"] {
background-size: 65% !important;
background-position: 55% 60% !important;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 11h14v2H5z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"]::before {
content: ' ';
position: absolute;
padding: 0 0.2em;
margin-left: 0.4em;
border-radius: var(--radius-xs);
background-color: var(--checkbox-color-6);
z-index: -1;
}
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"] {
filter: invert(0) !important;
}
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"]::before {
filter: invert(0) opacity(0.5) !important;
}
span.cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight.hmd-hidden-token {
padding: 0;
}
.markdown-source-view.mod-cm5 .CodeMirror-lines .view-content {
background-color: var(--background-transparent-black-or-white-3) !important;
}
.hide-tokens .cm-s-obsidian pre.HyperMD-hr {
background: unset !important;
}
.HyperMD-quote.CodeMirror-line .CodeMirror-widget + span.cm-quote::before {
border-left: none;
}
.vertical-tab-content {
padding-bottom: 4em;
}
.modal-container .modal-content textarea:not(.rename-textarea) {
height: 18rem !important;
}
.suggestion-container
{
background-color: var(--bg-color-settings-4);
backdrop-filter: blur(3px);
}
/* ================================== */
/* ============ QuickAdd ============ */
/* ================================== */
.quickAddModal .modal {
max-height: 90% !important;
}
.modal-container.quickAddModal .modal-content {
overflow: initial !important;
margin-top: 5px !important;
}
/* ================================== */
/* ========= Style Settings ========= */
/* ================================== */
.style-settings-heading {
border-bottom: none !important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="2"],
.style-settings-container[data-level="2"],
.setting-item.setting-item-heading.style-settings-heading[data-level="3"],
.style-settings-container[data-level="3"],
.setting-item.setting-item-heading.style-settings-heading[data-level="4"],
.style-settings-container[data-level="4"] {
padding-left: 20px;
}
.setting-item-description,
.setting-item-info {
word-wrap: break-word;
word-break: break-word;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="1"] .setting-item-name {
color: var(--h2-color) !important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="2"] .setting-item-name {
color: var(--h3-color)!important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="3"] .setting-item-name {
color: var(--h4-color) !important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="4"] .setting-item-name {
color: var(--h5-color) !important;
}
.style-settings-collapse-indicator {
color: var(--theme-color) !important;
}
.setting-item.setting-item-heading.style-settings-heading.is-collapsed .style-settings-collapse-indicator {
opacity: 0.4;
}
.style-settings-container {
padding-bottom: 5px !important;
}
.style-settings-container .setting-item-control select {
max-width: 330px;
}
.workspace-leaf-content .style-settings-container .setting-item:first-child {
margin-top: 20px;
}
div.style-settings-heading[data-level="0"] {
position: relative;
padding: 8px;
margin-bottom: 0;
background-color: var(--background-primary);
border-radius: var(--radius-l);
box-shadow: 0 3px 5px var(--background-modifier-box-shadow);
}
.is-mobile div.style-settings-heading[data-level="0"] {
padding: 4px;
}
div.style-settings-heading[data-level="0"] + .style-settings-container {
padding: 20px 30px;
margin-top: -10px;
margin-bottom: 0;
margin-left: 0;
border: 0px;
border-radius: var(--radius-l);
}
div.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
margin-left: 0;
}
div.style-settings-heading[data-level="0"].is-collapsed {
margin-bottom: 15px;
border-radius: var(--radius-l);
box-shadow: 0 3px 5px var( --background-modifier-box-shadow);
}
div.style-settings-heading[data-level="0"].is-collapsed {
background-color: var(--background-primary-alt);
}
div.style-settings-heading[data-level="1"] .setting-item-description {
padding-left: 2em;
}
div.style-settings-heading:not([data-level="0"]):not([data-level="1"]) .setting-item-description {
padding-left: 2em;
}
div.style-settings-heading {
padding: 8px 0;
margin-bottom: 5px;
}
div.style-settings-container[data-level="0"] {
margin-left: 4px;
}
div.style-settings-container[data-level] {
padding-bottom: 0;
margin-left: 0.5em;
}
.setting-item.setting-item-heading.style-settings-heading .setting-item-name {
width: fit-content;
padding: 0 8px;
border-radius: var(--radius-l);
}
.setting-item.setting-item-heading.style-settings-heading:hover .style-settings-collapse-indicator {
color: var(--text-accent-hover)!important;
}
.setting-item.setting-item-heading.style-settings-heading:hover .setting-item-name {
color: var(--text-accent-hover)!important;
}
div.workspace-leaf-content[data-type="style-settings"] .view-content .style-settings-container div.setting-item:not(.setting-item-heading) {
flex-flow: wrap;
}
div.workspace-leaf-content[data-type="style-settings"] .setting-item-description {
font-size:12px;
}
div.workspace-leaf-content[data-type="style-settings"] div.setting-item,
div.workspace-leaf-content[data-type="style-settings"] div.style-settings-heading {
border-bottom: unset;
border-top: 1px inset #ffffff24;
}
/*
.theme-light div.setting-item {
border-bottom: 1px dotted #e1e1e199;
border-top: 1.5px solid #cfcfcf42;
}
.theme-dark div.setting-item {
border-bottom: 1px solid var(--background-modifier-border);
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 45%),
inset 0 -2px 0 rgb(0 0 0 / 10%)
}
*/
div.workspace-leaf-content[data-type="style-settings"] div.style-settings-heading[data-id="topaz-community"] {
margin-top: 10px;
margin-bottom: 0;
pointer-events: none;
cursor: text;
border-top: 2px solid var(--background-modifier-border);
pointer-events: none;
}
.style-settings-heading[data-id="topaz-community"] .setting-item-control,
.style-settings-heading[data-id="topaz-community"] .style-settings-collapse-indicator {
display: none;
}
.style-settings-heading[data-id="topaz-community"] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
font-weight: initial;
color: unset;
content: "❤️";
}
.setting-item.style-settings-heading[data-id="topaz-github"] {
cursor: default;
}
.setting-item.style-settings-heading[data-id="topaz-github"]:hover div.setting-item-name {
color: var(--text-normal);
}
.setting-item.style-settings-heading[data-id="topaz-github"] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
font-weight: initial;
color: unset;
content: "⭐";
}
.setting-item.style-settings-heading[data-id="topaz-github"] .setting-item-description {
color: var(--interactive-accent);
cursor: text;
user-select: all;
}
.setting-item.style-settings-heading[data-id="topaz-example-github"] {
cursor: default;
}
.setting-item.style-settings-heading[data-id="topaz-example-github"]:hover div.setting-item-name {
color: var(--text-normal);
}
.setting-item.style-settings-heading[data-id="topaz-example-github"] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
font-weight: initial;
color: unset;
content: "⚠️";
}
.setting-item.style-settings-heading[data-id="topaz-example-github"] .setting-item-description {
color: var(--interactive-accent);
cursor: text;
user-select: all;
}
.style-settings-container .setting-item:is([data-id*="interactive-accent"], [data-id*="text-accent"]) .setting-item-control::before {
width: 1.5em;
height: 1.5em;
margin-right: 8px;
content: " ";
border: 1px solid var(--background-modifier-border);
border-radius: var(--radius-l);
}
.style-settings-container .setting-item:is([data-id^="interactive-accent"]) .setting-item-control::before {
background-color: var(--interactive-accent);
}
.style-settings-container .setting-item:is([data-id^="text-accent"]) .setting-item-control::before {
background-color: var(--text-accent);
}
/**style setting logic ******/
body:not(.color-scheme-options-lillimon-topaz) .setting-item[data-id="color-magic"],
body:not(.background-settings-workplace-background-image) .setting-item[data-id="background-settings-workplace-background-image"] ~ * {
display: none;
}
body:not(.background-image-settings-switch) .setting-item[data-id="bg-markdown-page-opacity-cp"],
body:not(.background-image-settings-switch) .setting-item[data-id="toggle-nonoverlapping-bg"],
body:not(.background-image-settings-switch) .setting-item[data-id="background-image-settings-markdown-page-options"],
body:not(.background-image-settings-switch) .setting-item[data-id="background-image-settings-markdown-page-random"],
body:not(.background-image-settings-switch) .setting-item[data-id="background-image-settings-markdown-page-random-options"] {
display: none;
}
body:not(.background-notebook-liked-switch) .setting-item[data-id="background-notebook-liked-switch"] ~ * {
display: none;
}
body:not([class*="background-settings-workplace-wave"]) .setting-item[data-id="background-waves-color"],
body:not(.background-settings-workplace-theme-light-custom-option) .setting-item[data-id="background-settings-workplace-theme-light-custom"],
body:not(.background-settings-workplace-theme-dark-custom-option) .setting-item[data-id="background-settings-workplace-theme-dark-custom"],
body:not(.background-settings-workplace-random-dark) .setting-item[data-id="background-settings-workplace-random"],
body:not(.background-settings-workplace-random-light) .setting-item[data-id="background-settings-workplace-random"] {
display: none;
}
.setting-item:is([data-id="background-image-settings-switch"],[data-id="background-notebook-liked-switch"],[data-id="background-settings-workplace-background-image"],[data-id="background-image-settings-command-palette-switch"]) .setting-item-name {
font-weight: bold;
}
body:not(.background-image-settings-markdown-page-custom) .setting-item[data-id="custom-markdown-page-background-color"],
body:not(.background-image-settings-markdown-page-custom) .setting-item[data-id="background-markdown-page-theme-light-custom"],
body:not(.background-image-settings-markdown-page-custom) .setting-item[data-id="background-markdown-page-theme-dark-custom"] {
display: none;
}
body:not(.background-image-settings-markdown-page-random) .setting-item[data-id="background-image-settings-markdown-page-random-options"] {
display: none;
}
.setting-item[data-id="notebook-liked-background-settings"] + .style-settings-container .setting-item:not(:first-child) {
/* display: none; */
}
body:is(.notebook-liked-markdown-page-grid-notebook-1,.notebook-liked-markdown-page-grid-notebook-2,
.notebook-liked-markdown-page-dotted-notebook-1,.notebook-liked-markdown-page-dotted-notebook-2) .setting-item[data-id="bg-color-notebook"],
body.notebook-liked-markdown-page-grid-notebook-1 .setting-item[data-id="grid-notebook-line-color-1"],
body.notebook-liked-markdown-page-grid-notebook-2 .setting-item[data-id="grid-notebook-line-color-2"],
body:is(.notebook-liked-markdown-page-dotted-notebook-1,.notebook-liked-markdown-page-dotted-notebook-2) .setting-item[data-id="dotted-notebook-dot-color"] {
display: block !important;
}
body:not(.background-image-settings-command-palette-switch) .setting-item[data-id="background-image-settings-command-palette-switch"] ~ *,
body:not(.background-image-settings-command-palette-custom) .setting-item[data-id="background-command-palette-theme-light-custom"],
body:not(.background-image-settings-command-palette-custom) .setting-item[data-id="background-command-palette-theme-dark-custom"] {
display: none;
}
body:not(.toggle-bg-panel-page) .setting-item[data-id="toggle-bg-panel-page"] ~ *,
body:not(.panel-page-bg-theme-light-custom) .setting-item[data-id="background-panel-page-theme-light-custom"],
body:not(.panel-page-bg-theme-dark-custom) .setting-item[data-id="background-panel-page-theme-dark-custom"] {
display: none;
}
body:not(.fancy-hr-icon) .setting-item[data-id="fancy-hr-folder-icon"],
body:not(.fancy-hr-no-icon) .setting-item[data-id="fancy-hr-folder-no-icon"],
body:not(.fancy-hr-number) .setting-item[data-id="fancy-hr-folder-with-number"] {
display: none;
}
body:not(.bt-default-unordered-list) .setting-item[data-id="options-bt-default"],
body:not(.custom-unordered-list) .setting-item[data-id="options-for-custom"] {
display: none;
}
body:not(.custom-ordered-list) .setting-item[data-id^="list-ol-marker-"] {
display: none;
}
body.folder-style-change-options-colorful-default .setting-item[data-id="folder-style-change-options-colorful-subfolder"] {
display: none;
}
body:not(.folder-colorful-custom) .setting-item[data-id="folder-colorful-custom-color"] {
display: none;
}
body:not(.loading-custom-text) .setting-item[data-id="loading-custom-text-folder"],
body:not(.loading-animation-custom) .setting-item[data-id="loading-animation-custom-folder"] {
display: none;
}
body:not(.colorful-tag-bt) .setting-item[data-id="customised-colorful-tag"],
body:not(.tag-pill-outlined) .setting-item[data-id="outlined-style"] {
display: none;
}
body.is-hidden-frameless .setting-item:is([data-id="simple-titlebar"],[data-id="custom-titlebar-bg"],[data-id="titlebar-blur-depth"],[data-id="titlebar-brightness"],[data-id="hide-titlebar-text"]) {
display: none;
}
body:not(.is-hidden-frameless) .setting-item:is([data-id="hide-titlebar-close-btn"]) {
display: none;
}
body:not(.color-scheme-options-simplicity-topaz) .setting-item:is([data-id="disable-auto-hide-header"]) {
display: none;
}
body:not(.bt-colorful-titlebar) .setting-item[data-id="background-titlebar-inner"] {
display: none;
}
/********/
/* ================================== */
/* ==== advanced-tables-toolbar ===== */
/* ================================== */
.workspace-leaf-content[data-type="advanced-tables-toolbar"] .nav-buttons-container>.nav-action-button {
padding: 5px;
}
.workspace-leaf-content[data-type="advanced-tables-toolbar"] .nav-buttons-container>.nav-action-button svg {
height: 20px;
width: 20px;
}
/* ================================== */
/* =========== RTL support ========= */
/* ================================== */
:is(.markdown-preview-view,.markdown-rendered).rtl blockquote {
border-right-width: 7px;
border-left-width: 0;
}
:is(.markdown-preview-view,.markdown-rendered).rtl ul >li:not(.task-list-item) {
border-left: none;
border-right: 0.125em solid var(--list-ul-block-color);
}
:is(.markdown-preview-view,.markdown-rendered).rtl ol:not(.contains-task-list)>li:not(.task-list-item) {
border-right: 0.125em solid var(--list-ol-block-color);
border-left: none;
}
.markdown-preview-view.rtl:not(.kanban) ul>li:not(.task-list-item),
.markdown-preview-view.rtl ol:not(.contains-task-list)>li:not(.task-list-item) {
padding-right: 0.25em;
}
:is(.markdown-preview-view,.markdown-rendered).rtl h1:hover::before {
margin-right: -24px;
}
:is(.markdown-preview-view,.markdown-rendered).rtl h2:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h3:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h4:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h5:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h6:hover::before {
margin-right: -25px;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.heading-collapse-indicator.collapse-indicator {
position: absolute;
right: -33px;
padding-left: 0;
transition: transform 20ms linear 0s;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl h2 div.heading-collapse-indicator.collapse-indicator {
position: absolute;
right: -32px;
padding-left: 0;
margin-top: 11px;
transition: transform 20ms linear 0s;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed h2 div.heading-collapse-indicator.collapse-indicator {
transform: translateX(-9px) translateY(18px) rotate(90deg);
opacity: 0.5;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed div.heading-collapse-indicator.collapse-indicator {
transform: translateX(-2px) translateY(25px) rotate(90deg);
opacity: 0.5;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl .list-collapse-indicator.collapse-indicator.collapse-icon::before {
right: 0;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div>ul>li>.list-collapse-indicator.collapse-indicator.collapse-icon::before,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div>ol>li>.list-collapse-indicator.collapse-indicator.collapse-icon::before {
margin-right: 48px;
}
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl li.is-collapsed div.list-collapse-indicator.collapse-indicator.collapse-icon::before {
transform: rotate(90deg);
}
.markdown-source-view.mod-cm6.is-live-preview.is-rtl .HyperMD-quote {
border: 0 solid var(--theme-color);
border-right-width: 5px;
}
.CodeMirror-code.CodeMirror-rtl span.cm-quote::before {
content: "";
border-right: 7px solid var(--theme-color);
border-radius: 0; /*5px 0 0 5px;*/
height: 100%;
border-left: none !important;
margin-right: -11px;
position: absolute;
}
.markdown-source-view.mod-cm6.is-rtl .HyperMD-list-line:not([class*="quote"]) .cm-indent::before {
margin-right: 0.3rem;
}
.CodeMirror-code.CodeMirror-rtl span.cm-formatting-quote + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-formatting-quote + span.cm-hmd-indent-in-quote + span.cm-quote:not(.cm-formatting-quote)::before,
.CodeMirror-code.CodeMirror-rtl span.cm-inline-code + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-highlight + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-quote + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-hmd-html-end + *::before {
border-right: none;
}
.CodeMirror-code.CodeMirror-rtl *:not(font)>em>strong,
.CodeMirror-code.CodeMirror-rtl *:not(font)>strong>em,
.CodeMirror-code.CodeMirror-rtl .cm-strong.cm-em {
padding-right: 0 !important;
}
/* ================================== */
/* ============ CardBoard =========== */
/* ================================== */
.card-board input[type="checkbox"] {
box-sizing: border-box !important;
border: 2px solid var(--background-modifier-border) !important;
width: 1.2em !important;
height: 1.2em !important;
margin: 0.2em 0.5em 0em 0;
filter: hue-rotate(var(--theme-color));
}
.card-board input[type="checkbox"]:checked {
background-position: center;
background-size: 120%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"><path d="m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z"></path></svg>');
}
.card-board input[type="checkbox"]:checked {
border: none !important;
}
.card-board input[type="checkbox"]:checked::before,
.card-board input[type="checkbox"]:hover::before {
display: none;
}
/* ================================== */
/* ============ Outliner ============ */
/* ================================== */
body:not(.outliner-plugin-bls).markdown-source-view.mod-cm5 .cm-hmd-list-indent {
position: initial !important;
}
.outliner-plugin-bls .cm-hmd-list-indent .cm-tab::before {
display: none;
}
.outliner-plugin-bls .cm-s-obsidian.is-live-preview .list-bullet:before {
display: none;
}
.outliner-plugin-bls .CodeMirror-line .cm-hmd-list-indent::before {
left: -0.2em !important;
right: -0.4em;
background-size: 1.6ch 1px !important;
}
.outliner-plugin-bls .cm-line .cm-hmd-list-indent::before {
right: -0.4em;
background-size: 1.45ch 1px !important;
}
/* ================================== */
/* ==============Better Code Block ============= */
/* ================================== */
pre.code-block-pre__has-linenum {
padding: 0;
min-height: unset;
}
div.code-block-wrap > pre pre:not([closed]) + code[class*=language-] {
padding-bottom: 1em !important;
}
.obsidian-embedded-code-title__code-block-title > .title {
line-height: 29px;
font-weight: bold;
font-size: var(--callout-title-size);
font-family: var(--font-text);
}
.markdown-rendered pre.obsidian-embedded-code-title__code-block-title[closed] {
background-color: rgba(var(--interactive-accent-rgb), 0.1) !important;
}
.markdown-rendered pre.obsidian-embedded-code-title__code-block-title {
overflow-y: hidden;
background-color: transparent !important;
}
.obsidian-embedded-code-title__code-block-title:not([closed]) .langName {
opacity: 0.35;
font-size: 12px;
}
.obsidian-embedded-code-title__code-block-title .langName {
color: var(--code-language);
}
.obsidian-embedded-code-title__code-block-title .collapser .handle {
margin-top: -3px;
}
.obsidian-embedded-code-title__code-block-title[closed] .langName {
opacity: 0.75;
font-size: 12px;
}
.obsidian-embedded-code-title__code-block-title .collapser .handle {
opacity: 0.35;
}
pre.code-block-pre__has-linenum::before {
display: none;
}
.code-block-linenum-wrap {
opacity: 0.5;
border-right-color:rgba(var(--mono-rgb-100), 0.5) !important;
}
.markdown-rendered .code-block-pre__has-linenum button.copy-code-button:not([style="right: 32pt"]) {
background-image: url("data:image/svg+xml,%3Csvg t='1667575665955' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5542' width='32' height='32'%3E%3Cpath d='M568.7 319.8l86.8 86.8v476.6h-466V319.8h379.2m29-70H178.9c-32.8 0-59.4 26.5-59.4 59.3v584.7c0 15.7 6.3 30.8 17.4 42 11.1 11.2 26.2 17.4 42 17.4h487.4c15.7 0 30.8-6.3 41.9-17.4 11.1-11.1 17.3-26.2 17.3-42V377.6L597.7 249.8z' fill='%2391B1D5' p-id='5543'%3E%3C/path%3E%3Cpath d='M776.7 70.8H357.9c-32.8 0-59.4 26.5-59.4 59.3v100h70v-89.3h379.2l86.8 86.8v476.6h-85.8v70h96.6c15.7 0 30.8-6.3 41.9-17.4 11.1-11.1 17.3-26.2 17.3-42V198.6L776.7 70.8z' fill='%2391B1D5' p-id='5544'%3E%3C/path%3E%3C/svg%3E");
}
.code-block-pre__has-linenum button.copy-code-button:hover {
background-color: none;
box-shadow: var(--window-shadow);
}
/* ================================== */
/* ============== Make.md ============= */
/* ================================== */
body.mk-mark-sans #calendar-container {
margin: -10px -8px 0px -8px;
}
/* ================================== */
/* ============== Memos ============= */
/* ================================== */
div[data-type="memos_view"] .memo-editor-wrapper > .memo-editor textarea {
max-height: calc(65vh)!important;
}
div[data-type="memos_view"] .memo-editor-wrapper > .memo-editor {
background-color: transparent !important;
}
div[data-type="memos_view"] .memo-editor-wrapper,
div[data-type="memos_view"] .memo-wrapper {
background-color: var(--background-primary) !important;
}
div[data-type="memos_view"] .memo-editor-wrapper,
div[data-type="memos_view"] .search-bar-container > .search-bar-inputer {
border: 2px solid var(--background-black-or-white-1) !important;
background-color: transparent !important;
}
div[data-type="memos_view"] .queries-wrapper > .create-query-btn-container > .btn {
border-color: var(--text-muted) !important;
}
div[data-type="memos_view"] {
color: var(--text-muted) !important;
}
div[data-type="memos_view"] .common-editor-wrapper > .common-tools-wrapper > .btns-container > .confirm-btn {
background-color: var(--theme-color) !important;
}
div[data-type="memos_view"] .common-editor-wrapper > .common-tools-wrapper > .btns-container > .confirm-btn:disabled {
opacity: 0.8 !important;
}
div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container:not([class*="bg"]):not([class*=null]) {
background-color: var(--background-transparent-black-or-white-4) !important;
}
div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.today {
border-color: var(--theme-color) !important;
}
div[data-type="memos_view"] .tags-wrapper > .tags-container > .tag-tip-container > .code-text {
padding: 4px 2px 4px 4px !important;
margin: 0 3px !important;
font-weight: bold;
}
div[data-type='memos_view'] .tags-wrapper > .title-text,
[data-type='memos_view'] .queries-wrapper > .title-text > * {
color: var(--text-normal) !important;
opacity: 0.7 !important;
}
.mod-left-split div[data-type="memos_view"] #page-wrapper,
.mod-right-split div[data-type="memos_view"] #page-wrapper {
padding-left: 8px;
padding-right: 8px;
transform: translateX(0);
}
.mod-left-split div[data-type="memos_view"] #page-wrapper textarea,
.mod-right-split div[data-type="memos_view"] #page-wrapper textarea{
padding: 0;
max-height: calc(28vh);
}
div[data-type="memos_view"] #page-wrapper .memo-comment-inputer textarea,
div[data-type="memos_view"] #page-wrapper .memo-comment-inputer textarea{
padding: 8px;
}
.mod-left-split div[data-type="memos_view"] #page-wrapper > .content-wrapper-padding-fix,
.mod-right-split div[data-type="memos_view"] #page-wrapper > .content-wrapper-padding-fix {
width: 100%;
padding: 0;
}
.mod-left-split div[data-type="memos_view"] .view-content,
.mod-right-split div[data-type="memos_view"] .view-content {
padding: 0;
}
.mod-left-split div[data-type="memos_view"] .view-content .title-text span,
.mod-right-split div[data-type="memos_view"] .view-content .title-text span {
font-size: var(--editor-font-size);
}
.mod-left-split div[data-type="memos_view"] .memo-editor-wrapper,
div[data-type="memos_view"] .search-bar-container > .search-bar-inputer,
.mod-right-split div[data-type="memos_view"] .memo-editor-wrapper,
div[data-type="memos_view"] .search-bar-container > .search-bar-inputer {
border: 0 !important;
}
.mod-left-split div[data-type="memos_view"] .memo-editor-wrapper, div[data-type="memos_view"] .search-bar-container > .search-bar-inputer input,
.mod-right-split div[data-type="memos_view"] .memo-editor-wrapper, div[data-type="memos_view"] .search-bar-container > .search-bar-inputer input {
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
}
div.mod-right-split div[data-type='memos_view'] .search-bar-container > .quickly-action-wrapper,
div.mod-left-split div[data-type='memos_view'] .search-bar-container > .quickly-action-wrapper {
width:100%;
}
.mobile-view .memos-sidebar-wrapper,
div[data-type='memos_view'].mobile-view .tags-wrapper {
left: -1.1em !important;
}
div[data-type='memos_view'] .common-editor-wrapper > .common-editor-inputer {
z-index: 0 !important;
}
body div[data-type='memos_view'] #page-wrapper .usage-heat-map-wrapper > .day-tip-text-container > .tip-text {
white-space: nowrap;
}
body.is-popout-window div[data-type='memos_view'] #page-wrapper .menu-popup-btn:hover +.menu-btns-popup.hidden {
display:flex !important;
margin-top: 50%;
}
body.is-popout-window div[data-type='memos_view'] #page-wrapper .menu-popup-btn +.menu-btns-popup.hidden:hover {
display:flex !important;
margin-top: 50%;
}
body.is-popout-window.theme-dark div[data-type='memos_view'] .view-actions svg {
fill:none;
}
.theme-light div[data-type='memos_view'] .view-actions a {
color: unset;
}
body.is-popout-window .memos-sidebar-wrapper:hover {
transform: translateX(0);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
body.is-popout-window .memos-sidebar-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
z-index: 99;
position: absolute;
top: 0;
left: 0;
width: 320px;
height: 100%;
padding: 0;
background-color: var(--background-secondary);
transition: all 1.2s ease-in-out;
transform: translateX(-320px);
}
body.is-popout-window div[data-type='memos_view'] .memos-header-container > .title-text > .action-btn {
display: none!important;
}
@media only screen and (max-width: 875px) {
body.is-popout-window .memos-sidebar-wrapper > * {
width: 320px;
max-width: 95%;
flex-shrink: 0;
padding-left: 32px;
}
body.is-popout-window div[data-type='memos_view'] .memo-editor-wrapper {
box-shadow:
0px 2.3px 4.4px -12px rgba(0, 0, 0, 0.14),
0px 7.8px 14.8px -12px rgba(0, 0, 0, 0.083),
0px 35px 63px -12px rgba(0, 0, 0, 0.057);
width: calc(100% - 10px);
margin: auto;
}
body.is-popout-window div[data-type='memos_view'] .search-bar-container {
width: 120px;
}
body.is-popout-window div[data-type='memos_view'] .search-bar-container > .search-bar-inputer {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: #fcfcfc;
height: 40px;
padding: 4px 16px;
border-radius: 8px;
width: 120%;
margin-left: -35px;
}
body.is-popout-window div[data-type='memos_view'] .search-bar-container > .quickly-action-wrapper {
display: none;
position: absolute;
top: 42px;
right: -2px;
z-index: 12;
padding-right: 20px;
padding-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
width: 320px;
}
body.is-popout-window div[data-type='memos_view'] .section-header-container,
body.is-popout-window div[data-type='memos_view'] .memos-header-container {
height: auto;
margin-top: 4px;
margin-bottom: 0;
padding: 0 12px;
padding-bottom: 8px;
}
body.is-popout-window div[data-type='memos_view'] .section-header-container > .title-text > .action-btn,
body.is-popout-window div[data-type='memos_view'] .memos-header-container > .title-text > .action-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 60px;
height: 24px;
margin-right: -8px;
margin-left: -20px;
flex-shrink: 0;
background-color: unset;
}
/***/
body.is-popout-window div[data-type="memos_view"] #page-wrapper {
padding-left: 8px;
padding-right: 8px;
transform: translateX(0);
}
body.is-popout-window div[data-type="memos_view"] .view-content {
padding-top: 0;
padding-right: 0;
}
body.is-popout-window div[data-type='memos_view'] #page-wrapper > .content-wrapper {
width:auto;
}
body:not(.is-mobile) div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map {
width: 192px;
}
body:not(.is-mobile) div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container {
width: 13px;
height: 13px;
margin-bottom: 2px;
}
}
/**memos 输入框移到下方***/
body.memos-inputbox div[data-type='memos_view']:not(.mobile-view) #page-wrapper .memo-editor-wrapper {
bottom: 0;
margin-bottom: -145px;
position: absolute;
padding:8px;
}
body.memos-inputbox div[data-type='memos_view']:not(.mobile-view) .memolist-wrapper.completed {
padding-bottom: 40px;
}
body.memos-inputbox div[data-type='memos_view']:not(.mobile-view) #page-wrapper > .content-wrapper {
height: calc(100% - 150px);
}
body.memos-inputbox div[data-type='memos_view']:not(.mobile-view) .memolist-wrapper {
flex-direction: column-reverse;
}
body:is(.grass-light.theme-light,.grass-dark.theme-dark) {
--stat-day-L1: #9be9a8;
--stat-day-L2: #40c463;
--stat-day-L3: #30a14e;
--stat-day-L4: #216e39;
}
body:is(.frame-light.theme-light,.frame-dark.theme-dark) {
--stat-day-L1: #f75205;
--stat-day-L2: #e03a07;
--stat-day-L3: #bf2104;
--stat-day-L4: #940b01;
}
body:is(.olive-light.theme-light,.olive-dark.theme-dark) {
--stat-day-L1: #9cc069;
--stat-day-L2: #78a851;
--stat-day-L3: #648b3f;
--stat-day-L4: #4f6e30;
}
body:is(.ice-light.theme-light,.ice-dark.theme-dark) {
--stat-day-L1: #82bbf0;
--stat-day-L2: #5da2eb;
--stat-day-L3: #3889e6;
--stat-day-L4: #126fe0;
}
body:is(.magenta-light.theme-light,.magenta-dark.theme-dark) {
--stat-day-L1: #fa9fb5;
--stat-day-L2: #ea4e9c;
--stat-day-L3: #ae017e;
--stat-day-L4: #610070;
}
.theme-dark,
.theme-light {
--stat-day-L1: hsla(var(--interactive-accent-hsl),0.35);
--stat-day-L2: hsla(var(--interactive-accent-hsl),0.6);
--stat-day-L3: hsla(var(--interactive-accent-hsl),0.8);
--stat-day-L4: hsla(var(--interactive-accent-hsl),1);
}
div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L1-bg {
background-color: var(--stat-day-L1) !important;
}
div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L2-bg {
background-color: var(--stat-day-L2) !important;
}
div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L3-bg {
background-color: var(--stat-day-L3) !important;
}
div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L4-bg {
background-color: var(--stat-day-L4) !important;
}
/* ==============Commander================ */
.cmdr.titlebar-button{
float: left;
left: 100px;
}
/* =============recent files=============== */
/**recent file **/
body.remove-file-icons .workspace-leaf-content[data-type="recent-files"] .view-content {
padding: unset;
}
body.remove-file-icons:not(.remove-arrow) .nav-folder.mod-root>.nav-folder-children>.nav-file {
padding-left: 16px;
}
body.remove-file-icons.remove-arrow .nav-folder.mod-root {
padding-left: 4px;
}
.workspace-leaf-content[data-type="recent-files"] .view-content {
padding: 3px 0 3px 3px;
}
.workspace-leaf-content[data-type="recent-files"] .nav-folder.mod-root {
height: fit-content;
}
/**end recent file **/
/* =============Db folder=============== */
/**db folder*/
.database-plugin__cell_size_normal div.dataview-error-box {
min-height:auto;
}
.database-plugin__cell_size_normal .database-plugin__tr .data-input {
padding: 0;
flex: 0;
font-size: 0.9em;
}
.database-plugin__cell_size_normal .database-plugin__tr .data-input .markdown-preview-view {
padding:0px;
}
.database-plugin__cell_size_normal .database-plugin__tr .database-plugin__td .database-plugin__md_cell {
padding: 0;
}
.database-plugin__cell_size_normal .data-input > *
{
align-items: center;
}
.database-plugin__cell_size_normal .data-input > div
{
display: flex;;
align-items: center;
}
.data-input.database-plugin__calendar {
flex: 0;
cursor: pointer;
}
div.react-datepicker-wrapper {
flex: 0;
}
.data-input.text-align-right {
flex: 0;
}
.database-plugin__td :is(.cell-padding, .data-input):empty::before {
content: "✏️";
text-align: center;
color: hsla(var(--interactive-accent-hsl),0.8);
pointer-events: none;
}
.database-plugin__markdown-preview-view {
padding: 0;
}
.database-plugin__markdown-preview-view p{
margin-block-start: 0;
margin-block-end: 0;
}
.database-plugin__tr .database-plugin__td {
background-color: transparent;
}
.database-plugin__tr .database-plugin__td .data-input {
background-color: transparent;
}
.database-plugin__table .database-plugin__tr:nth-child(odd) {
background-color: var(--table-background-color-odd);
}
.database-plugin__td input[type="checkbox"] {
border: 1px dashed currentColor;
}
.database-plugin__td input[type="checkbox"]:checked {
border: none;
}
.database-plugin__td .database-plugin__checkbox input[type="checkbox"]:checked::before {
transform: scale(0);
}
/* =============folder tree===================== */
.oz-folders-tree-wrapper .oz-folder-contents {
border-left: 1px solid var(--background-modifier-border);
}
.oz-folders-tree-wrapper .file-tree-header-fixed {
background-color: transparent;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer .file-tree-plugin-view .oz-nav-action-button {
margin-left: 20px!important;
}
.file-tree-plugin-view .oz-flex-container {
margin-top: -6px;
}
.file-tree-plugin-view .oz-folders-tree-wrapper{
margin-top: -8px;
}
/* ================================== */
/* ============== webpage export html ============= */
/* ================================== */
.webpage-container {
--banner-height:300px;
--banner-internal-embed-height:200px;
--banner-preview-embed-height:120px;
}
body.color-scheme-options-simplicity-topaz.theme-dark.background-settings-workplace-background-image .webpage-container::before {
filter: blur(var(--blur-depth)) brightness(calc(var(--brightness-4-bg) - 0.5)) saturate(var(--saturate-4-bg));
}
body.background-settings-workplace-background-image.theme-light .webpage-container::before,
body.background-settings-workplace-background-image.theme-dark .webpage-container::before {
background-image: var(--theme-background);
background-size: cover;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
}
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light .webpage-container::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark .webpage-container:before {
content: "";
position: fixed;
height: auto;
width: 300%;
top: 75%;
left: -25%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.7;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
background-color: var(--wave2-background-color);
}
body.background-settings-workplace-background-image .webpage-container::before {
content: '';
display: block;
position: absolute;
top: -37px;
right: -15px;
bottom: 0;
left: -15px;
}
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light .webpage-container::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .webpage-container::before {
content: "";
position: fixed;
height: auto;
width: 300%;
transform: rotate(180deg);
top: 75%;
left: -25%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.7;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
background-color: var(--wave-background-color);
}
.document-container :is(.markdown-preview-view,.markdown-rendered),.document-container .markdown-source-view {
background-color: var(--background-primary)!important;
}
/* ================================== */
/* ============== quiet-outline ============= */
/* ================================== */
/**quiet outline**/
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .view-content {
padding: unset;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail {
background-color: var(--background-secondary-alt);
box-shadow: 0 3px 5px var(--background-modifier-box-shadow);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail .n-slider-rail__fill {
background-color: var(--background-modifier-border);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot {
background-color: var(--background-primary);
border: 2px solid var(--background-modifier-border);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot.n-slider-dot--active {
border: 2px solid var(--interactive-accent);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button {
width: 32px;
height: 32px;
background-color: var(--background-secondary-alt);
border: 0px;
border-radius: var(--radius-l);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__icon svg {
display: flex;
align-items: center;
justify-content: center;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__border,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__state-border {
display: none;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .n-tree-node-content__text p {
color:var(--text-normal);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline {
padding-top: 10px;
padding-bottom: 28px;
margin-bottom: 5px;
border-radius: var(--radius-l);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .function-bar > :first-child {
margin-right: 8px;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-2 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-3 .n-tree-node-indent:first-child,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-4 .n-tree-node-indent:first-child,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent:first-child,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:first-child {
border-right: 1px solid rgb(var(--accent-1-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-3 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-4 .n-tree-node-indent:nth-child(2),
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent:nth-child(2),
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:nth-child(2) {
border-right: 1px solid rgb(var(--accent-2-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-4 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent:nth-child(3),
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:nth-child(3) {
border-right: 1px solid rgb(var(--accent-3-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:nth-child(4) {
border-right: 1px solid rgb(var(--accent-4-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent {
border-right: 1px solid rgb(var(--accent-5-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
background-color: hsla(var(--interactive-accent-hsl),0.2)
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover p {
color: var(--text-accent-hover);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .n-tree-node--selectable.located p {
color: var(--text-accent-hover);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .n-tree-node--selected p {
color: var(--text-accent-hover);
font-weight: 600;
background-color: hsla(var(--interactive-accent-hsl),0.2)
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input {
height: 32px;
background-color: var(--background-primary);
border-radius: var(--radius-l);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__border {
border: 0;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled):hover .n-input__state-border,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
border: 0;
box-shadow: unset;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__placeholder {
display: none;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input {
caret-color: var(--interactive-accent);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input::placeholder {
color: var(--text-faint);
}
/* #end quiet outline */
/* ============ */
/*table-generatorn*/
/* ============ */
.table-generator {
animation:0.2s popup forwards;
border-radius:10px;
width: auto!important;
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
}
.table-generator-view {
border: none !important;
}
.input-table-generator {
font-size: small;
}
.input-table-generator input {
outline-style: none;
border: 1px solid var(--background-modifier-border)!important;
border-radius: 3px;
}
.table-generator button {
border: 1px solid var(--background-modifier-border)!important;
border-radius: 3px;
}
/* ============ */
/*image position*/
/* ============ */
img[alt$="left"]:not([class*="emoji"]),
img[alt$="Left"]:not([class*="emoji"]),
img[alt$="LEFT"]:not([class*="emoji"]),
img[alt$="L"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="left"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Left"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="LEFT"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="L"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="left"] img[alt$="left"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Left"] img[alt$="Left"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="LEFT"] img[alt$="LEFT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="L"] img[alt$="L"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="left"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Left"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="LEFT"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="L"]:not([class*="emoji"]) {
margin: auto !important;
margin-left: 0 !important;
display: block;
}
img[alt$="right"]:not([class*="emoji"]),
img[alt$="Right"]:not([class*="emoji"]),
img[alt$="RIGHT"]:not([class*="emoji"]),
img[alt$="R"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="right"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Right"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="RIGHT"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="R"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="right"] img[alt$="right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Right"] img[alt$="Right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="RIGHT"] img[alt$="RIGHT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="R"] img[alt$="R"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="right"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Right"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="RIGHT"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="R"]:not([class*="emoji"]) {
margin: auto !important;
margin-right: 0 !important;
display: block;
}
img[alt$="centre"]:not([class*="emoji"]),
img[alt$="center"]:not([class*="emoji"]),
img[alt$="CENTRE"]:not([class*="emoji"]),
img[alt$="CENTER"]:not([class*="emoji"]),
img[alt$="Center"]:not([class*="emoji"]),
img[alt$="Centre"]:not([class*="emoji"]),
img[alt$="C"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="centre"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="center"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Centre"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Center"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="CENTRE"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="CENTER"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="C"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="centre"] img[alt$="right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="center"] img[alt$="Right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Centre"] img[alt$="RIGHT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Center"] img[alt$="R"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="CENTRE"] img[alt$="Right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="CENTER"] img[alt$="RIGHT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="C"] img[alt$="R"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="centre"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="center"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Centre"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Center"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="CENTRE"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="CENTER"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="C"]:not([class*="emoji"]) {
margin: auto !important;
display: block;
}
img[alt$="inline"]:not([class*="emoji"]),
img[alt$="Inline"]:not([class*="emoji"]),
img[alt$="INLINE"]:not([class*="emoji"]),
img[alt$="inl"]:not([class*="emoji"]),
img[alt$="INL"]:not([class*="emoji"]),
img[alt$="Inl"]:not([class*="emoji"]) {
display: inline !important;
padding: 0.05em 0.05em !important;
vertical-align: bottom;
}
img[alt$="inlineL"]:not([class*="emoji"]),
img[alt$="InlineL"]:not([class*="emoji"]),
img[alt$="INLINEL"]:not([class*="emoji"]),
img[alt$="inlL"]:not([class*="emoji"]),
img[alt$="INLL"]:not([class*="emoji"]),
img[alt$="InlL"]:not([class*="emoji"]) {
float: left;
padding: 0 0.05em 0.05em 0 !important;
}
img[alt$="inlineR"]:not([class*="emoji"]),
img[alt$="InlineR"]:not([class*="emoji"]),
img[alt$="INLINER"]:not([class*="emoji"]),
img[alt$="inlR"]:not([class*="emoji"]),
img[alt$="INLR"]:not([class*="emoji"]),
img[alt$="InlR"]:not([class*="emoji"]) {
float: right;
padding: 0 0 0.05em 0.05em !important;
}
img.excalidraw-svg-right,
img.excalidraw-svg-Right,
img.excalidraw-svg-RIGHT,
img.excalidraw-svg-R {
float: right !important;
}
img.excalidraw-svg-left,
img.excalidraw-svg-Left,
img.excalidraw-svg-LEFT,
img.excalidraw-svg-L {
float: left !important;
}
img.excalidraw-svg-right,
img.excalidraw-svg-Right,
img.excalidraw-svg-RIGHT,
img.excalidraw-svg-R,
img.excalidraw-svg-left,
img.excalidraw-svg-Left,
img.excalidraw-svg-LEFT,
img.excalidraw-svg-L {
display: table;
width: 100%
}
/* img captions */
/* modified from Discordian theme by @radekkozak */
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="center"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="centre"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Centre"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Center"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="CENTRE"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="CENTER"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="C"] {
clear: both;
margin: 0 auto !important;
width: fit-content;
display: block;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="center"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="centre"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Centre"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Center"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="CENTRE"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="CENTER"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="C"]::after {
content: attr(alt);
margin: 0.5rem 0;
display: block;
caption-side: bottom;
text-align: center;
font-size: 0.85rem;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="left"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="LEFT"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Left"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="L"] {
position: relative;
float: left;
margin: 0.5rem 1rem 0.5rem 0 !important;
clear: both;
display: table;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="left"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="LEFT"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Left"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="L"]::after {
content: attr(alt);
padding: 0 0.5rem;
margin: 0.5rem 0 1rem;
display: table-caption;
caption-side: bottom;
text-align: center;
font-size: 0.85rem;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="right"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="RIGHT"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Right"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="R"] {
position: relative;
float: right;
margin: 0.5rem 0 0.5rem 1rem !important;
clear: both;
display: table;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="right"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="RIGHT"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Right"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="R"]::after {
content: attr(alt);
padding: 0 0.5rem;
margin: 0.5rem 0 1rem;
display: table-caption;
caption-side: bottom;
text-align: center;
font-size: 0.85rem;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inline"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Inline"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INLINE"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inl"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INL"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Inl"] {
clear: both;
margin: 0 auto !important;
width: fit-content;
display: inline-table;
}
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inline"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Inline"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INLINE"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inl"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INL"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Inl"]::after {
content: attr(alt);
padding: 0 0.7em;
margin: 0.5rem 0;
display: block;
caption-side: bottom;
text-align: center;
font-size: 0.85rem;
}
/* image-grid-1 */
/* adapted from https://github.com/Lithou/Sandbox/blob/main/.obsidian/snippets/pub-Image%20Flags.css */
body span[alt*="+grid"] {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
.markdown-source-view.is-live-preview .internal-embed.image-embed.is-loaded[alt*="+grid"] {
display: inline-table;
vertical-align: middle;
max-width: 25%;
}
/* image-background */
.markdown-preview-view img[alt^="background"] {
width: 100%;
margin: 0px auto;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
z-index: -1;
background-size:cover;
}
.is-live-preview img[alt^="background"] {
width: 100%;
margin: 0px auto;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
opacity: 0.35;
z-index: -1;
}
/*===================================================*/
/*================== PRESENTATION =================*/
/*===================================================*/
/*
.slides-container li {
line-height: 1.05em;
}
.reveal ol,
.reveal dl,
.reveal ul {
margin: 0.3em 0 0 1em;
}
.slides-container ol>li {
border-left: 3px solid var(--list-ol-block-color);
}
.slides-container ul>li:not(.task-list-item) {
border-left: 3px solid var(--list-ul-block-color);
}
*/
/*===================================================*/
/*================== MOBILE =====================*/
/*===================================================*/
.is-mobile :is(.markdown-preview-view,.markdown-rendered) {
padding: 0 18px 0 21px;
}
.is-mobile :is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item),
.is-mobile .markdown-preview-view:not(.kanban) ul>li:not(.task-list-item) {
margin-left: 0;
}
/*collapse allows*/
body:not(.default-icons).is-mobile h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons).is-mobile h2 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons).is-mobile div.heading-collapse-indicator.collapse-indicator {
padding-left: 2px;
}
body:not(.default-icons).is-mobile div.is-collapsed div.heading-collapse-indicator.collapse-indicator {
transform: translateX(-11px) translateY(16px) rotate(-90deg);
}
body:not(.default-icons).is-mobile div.is-collapsed h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons).is-mobile div.is-collapsed h2 div.heading-collapse-indicator.collapse-indicator {
transform: translateX(-2px) translateY(6px) rotate(-90deg);
}
/*main body*/
.is-mobile :is(.markdown-preview-view,.markdown-rendered) :is(.markdown-preview-section,.markdown-rendered),
.is-mobile .markdown-source-view .CodeMirror,
.is-mobile :is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer {
text-align: left;
}
/*strong*/
.is-mobile :is(h1,h2,h3,h4,h5,h6,b),
.is-mobile .view-header-title {
font-weight: bold;
}
.is-mobile .view-header-title {
line-height: 37px;
-webkit-mask-image: unset;
text-overflow: ellipsis;
}
.is-mobile .view-header-title-container,
.is-mobile .view-header {
height: 40px;
}
.is-mobile .view-action {
margin: 0 5px;
}
.is-mobile span.cm-strong,
.is-mobile :not(font)>strong,
.is-mobile .cm-highlight.cm-strong {
color: var(--accent-strong);
font-weight: bold;
}
/*image*/
body:not(.image-zoom).is-mobile .markdown-reading-view img:not([class*="emoji"]):active {
cursor: initial;
position: initial;
object-fit: initial;
height: initial;
width: initial;
padding: initial;
top: initial;
left: initial;
right: initial;
bottom: initial;
transform: initial;
z-index: initial;
background-image: initial;
margin: initial;
max-width: 100%;
}
.is-mobile .workspace-drawer-active-tab-container {
padding: 0;
}
/*=======================
===custom buttons by cuman====
========================*/
/*便签动画效果*/
@keyframes shake { /* 水平抖动,核心代码 */
10%, 90% { transform: translate3d(-1px, 0, 0); }
20%, 80% { transform: translate3d(+2px, 0, 0); }
30%, 70% { transform: translate3d(-4px, 0, 0); }
40%, 60% { transform: translate3d(+4px, 0, 0); }
50% { transform: translate3d(-4px, 0, 0); }
}
:is(.markdown-preview-view,.markdown-rendered) .stickies:hover{
animation: shake 800ms ease-in-out;
}
/*按钮颜色*/
/*图标按钮*/
button:not(.clickable-icon) {
box-shadow: none;
}
button:not(.clickable-icon):hover {
box-shadow: var(--input-shadow-hover);
}
body.style-options-for-buttons-plugin button.circle_btn {
box-shadow: none;
font-size: 12px;
word-break: keep-all;
margin: 4px;
padding: 0px;
height: 50px;
/* border-radius:50%; */
position: relative;
border: 0;
display: inline-grid;
text-align: center;
justify-items: center;
}
/* blank 透明按钮*/
body.style-options-for-buttons-plugin button.blank {
box-shadow: none;
background: #fff0f000;
padding: 0;
}
body.style-options-for-buttons-plugin button.blank:hover {
animation: swing_image 0.8s linear 0s 1 normal;
box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}
body.style-options-for-buttons-plugin .admonition-content span>button.grad_button {
margin:3px;
}
body.style-options-for-buttons-plugin button.grad_button {
margin:5PX;
line-height: inherit;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 90px;
padding: 0 18px;
height: 38px;
font-size: 16px;
color: #fff;
text-align: center;
box-sizing: border-box;
font-weight: 500;
cursor: pointer;
border-radius: 30px;
transition: box-shadow .5s ease, transform .2s ease;
will-change: transform;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
transform:
translateY(var(--ty, 0))
rotateX(var(--rx, 0))
rotateY(var(--ry, 0))
translateZ(var(--tz, -12px));
}
body.style-options-for-buttons-plugin button.grad_button:hover {
animation: swing_image 0.8s linear 0s 1 normal;
box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
}
body.style-options-for-buttons-plugin button.g_purple {
background: linear-gradient(135deg, #6e8efb, #a777e3);
}
body.style-options-for-buttons-plugin button.g_blue {
background: linear-gradient(135deg, #3370ff, #9fb9f6);
}
body.style-options-for-buttons-plugin button.g_green {
background: linear-gradient(135deg, #0eb347, #5be08a);
}
body.style-options-for-buttons-plugin button.g_lightgreen {
color: #17695e;
background: linear-gradient(135deg, #adfdad, #dafdda);
}
body.style-options-for-buttons-plugin button.g_yellow {
color: #836f20;
background: linear-gradient(135deg, #fcd539, #ffeb9b);
}
body.style-options-for-buttons-plugin.theme-dark button.g_yellow {
color: #e4cb58;
background: none;
border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark button.g_green {
color: #19bc8b;
background: none;
border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark button.g_lightgreen {
color: #8fc866;
background: none;
border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark button.g_purple {
color: #ffa260;
background: none;
border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark button.g_blue {
color: #739df9;
background: none;
border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark .grad_button:hover {
color: var(--text-accent)
}
button.tiny {
border-radius: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1em;
min-width:3.5em;
cursor: pointer;
margin: 0;
padding:3px 6px;
background-color: transparent;
color: var(--text-normal);
position: relative;
z-index: 1;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 35px, rgba(0, 0, 0, 0.05) 0px 5px 5px;
}
button.tiny:hover {
color: var(--text-on-accent);
}
button.tiny::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
transform: translate3d(-50%,-50%,0) scale(0,0);
border-radius: 50%;
background-color: var(--interactive-accent-hover);
transform-origin: center;
transition: ease-in-out .5s;
}
button.tiny:hover::before {
transform: translate3d(-50%,-50%,0) scale(15,15);
}
/*buttons*/
.is-mobile .nav-action-button {
margin: 0px 3px !important
}
.is-mobile .workspace-leaf-content[data-type='file-explorer'] .nav-buttons-container {
margin: 0 0 5px 0;
}
.is-mobile .workspace-leaf-content .view-header-icon {
padding: 7px 3px 5px 8px;
}
.is-mobile .nav-buttons-container>.nav-action-button svg {
width: 1.5em;
height: 1.5em;
}
/* side bar button */
.is-mobile .side-dock-ribbon-action {
padding: 5px;
}
.is-mobile .cm-s-obsidian .HyperMD-codeblock {
color: var(--text-color-code);
}
.is-mobile :is(.markdown-preview-view,.markdown-rendered) blockquote {
margin-left: 3%;
margin-right: 3%;
}
.is-mobile code:not([class*='language-']),
.is-mobile .cm-s-obsidian span.cm-inline-code {
padding: 5px 3px 2px;
}
.is-mobile .workspace>.workspace-split>.workspace-leaf:first-of-type:last-of-type .view-header {
background: linear-gradient(120deg, var(--color-view-header-gradient-1) 0%, var(--color-view-header-gradient-2) 90%) !important;
}
.is-mobile .cm-s-obsidian .cm-gutters {
background-color: transparent !important;
}
.is-mobile .cm-foldGutter .cm-gutterElement {
color: transparent !important;
}
.is-mobile .cm-formatting.cm-formatting-quote {
color: var(--red);
}
body:not(.font-family-change-to-default).is-mobile .markdown-source-view.mod-cm6 .cm-scroller {
font-family: var(--font-text);
}
.is-mobile #calendar-container {
padding: 0 4px 2px 4px;
margin: unset !important;
line-height: unset;
}
.is-mobile #calendar-container .calendar {
margin-left: -8px !important;
width: 103%;
}
.is-mobile #calendar-container th {
padding: 2px 0 !important;
}
.is-mobile #calendar-container td {
padding: 0 !important;
line-height: 24px !important;
}
.is-mobile #calendar-container th {
padding: 10px 0;
border-radius: 0 !important;
background-color: transparent !important;
}
.is-mobile #calendar-container tr {
background-color: transparent;
}
.is-mobile #calendar-container .dot {
margin-top: 0 !important;
}
.is-mobile #calendar-container .hollow {
margin: 0 !important;
}
.is-mobile .workspace-drawer-header-name {
font-size: 25px;
}
.is-mobile .workspace-drawer-header-name-text {
color: var(--text-accent);
font-weight: 600;
}
.is-mobile .workspace-drawer-active-tab-header {
margin: 5px 0;
}
.is-mobile .workspace-drawer.mod-left {
border-right: none;
}
.is-mobile .workspace-drawer.mod-right {
border-left: none;
}
.is-mobile .workspace-drawer.mod-right .workspace-drawer-inner {
background: linear-gradient(to left, var(--background-mobile-drawer-1) 30%, var(--background-mobile-drawer-2) 100%);
}
.is-mobile .workspace-drawer.mod-left .workspace-drawer-inner {
background: linear-gradient(to right, var(--background-mobile-drawer-1) 30%, var(--background-mobile-drawer-2) 100%);
}
.is-mobile .workspace-drawer-ribbon {
background-color: var(--background-secondary-alt);
}
.is-mobile .nav-buttons-container {
margin-bottom: 10px;
}
.is-mobile .cm-line .cm-link.cm-strong {
color: var(--text-accent);
}
.is-mobile .cm-line .cm-formatting.cm-formatting-link,
.is-mobile .cm-line .cm-string.cm-strong.cm-url {
color: var(--text-muted);
}
.is-mobile .search-result-file-match-replace-button {
color: var(--text-normal);
}
.is-mobile :is(.markdown-preview-view,.markdown-rendered).kanban-plugin__markdown-preview-view {
padding: 0 5px;
}
/***修复iphone 底部横条不透明的问题***
body.is-mobile {
padding-bottom: 0 !important;
}
/*** iphone标题栏上方遮罩***
body.is-mobile .safe-area-top-cover {
background-color: var(--background-primary);
}
/*** iphone标题栏上方遮罩 设置背景色后遮罩颜色跟工作区保持一致***
body.is-mobile.background-settings-workplace-background-image .safe-area-top-cover {
background-color: var(--background-primary);
}
*/
body.is-mobile.theme-light .menu {
background-color: var(--background-primary-alt);
}
body.is-mobile .menu {
color:var(--text-muted);
}
body.is-mobile .menu-item-title {
padding-left: 4px;
}
/*侧边栏文件列表字体大小*/
.is-mobile .nav-file-title, .is-mobile .nav-folder-title, .is-mobile .outline, .is-mobile .tree-item-self, .is-mobile .tag-container, .is-mobile .tag-pane-tag {
font-size: calc(var(--font-size-folder-and-file) + 0.2em);
line-height: 1.5;
margin-bottom: 2px;
}
body:not(.default-icons).is-mobile .nav-folder-collapse-indicator::before {
margin-left: -0.1em;
}
/*侧边栏工作区标题*/
.is-mobile .workspace-drawer-tab-option-item-title, .is-mobile .workspace-drawer-active-tab-title {
font-size: calc(var(--font-size-folder-and-file) + 0.15em);
}
/*小屏幕特别优化*/
@media screen and(min-width: 480px) and (max-width: 767px) {
body.style-options-for-admonition-plugin .admonition-flex .admonition-content {
gap:24px;
}
body.style-options-for-admonition-plugin .admonition-kanban ul > li.task-list-item {
flex: 1 1 40%;
}
body.style-options-for-admonition-plugin .admonition-kanban ul>li:not(.task-list-item) {
flex: 1 1 40%;
}
.kanban ul>li:not(.task-list-item) {
flex: 1 1 40%;
}
.kanban ul>li.task-list-item{
flex: 1 1 40%;
}
}
@media screen and (max-width: 479px) {
body.style-options-for-admonition-plugin .admonition-flex .admonition-content {
gap:15px;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content div {
flex: 1 1 60%;
margin: 0;
}
body.style-options-for-admonition-plugin .admonition-kanban ul > li.task-list-item {
flex: 1 1 60%;
}
body.style-options-for-admonition-plugin .admonition-kanban ul>li:not(.task-list-item) {
flex: 1 1 40%;
}
/*伪看板优化显示*/
.kanban ul>li:not(.task-list-item) {
flex: 1 1 auto;
}
.kanban ul>li.task-list-item {
flex: 1 1 auto;
}
.is-mobile .nav-folder.mod-root > .nav-folder-title {
display: none;
}
body:not(.default-icons).is-mobile .nav-folder-collapse-indicator::before {
top: 1px;
}
}
/*=======================
=== projects by cuman====
========================*/
.projects-container [role='row']:hover {
background-color: hsla(var(--color-accent-hsl), 0.1);
}
.projects-container [role='row'] {
position: relative;
font-size: var(--font-ui-small);
}
.projects-container a {
font-size: var(--font-ui-small);
text-decoration-line:none;
}
.projects-container [role='row'] [role='gridcell']{
background-color: transparent;
}
.projects-container [role='row'] [role='gridcell'][aria-selected="true"]::before {
content: " ";
position:absolute;
left: 0;
min-height: 30px;
background-color: hsla(var(--color-accent-hsl), 0.2);
width: 100%;
pointer-events: none;
}
.projects-container [role='row'] [role='gridcell'].selected {
box-shadow: 0 0 0 1px var(--interactive-accent);
}
.projects-container div.rowHeader {
backdrop-filter: blur(10px);
}
/*=======================
=== dialogue by cuman====
========================*/
body.dialogue-style-wechat .dialogue-plugin-block-wrapper {
margin-bottom: 15px;
position: relative;
display: flex;
}
body.dialogue-style-wechat .dialogue-plugin-message {
background-color:unset;
padding: 1px;
}
body.dialogue-style-wechat.is-mobile .dialogue-plugin-message {
max-width: calc(100% - 2em) !important;
}
body.dialogue-style-wechat.is-mobile .dialogue-plugin-message .dialogue-plugin-message-content {
margin-left: 2em;
margin-right: 2em;
}
body.dialogue-style-wechat.is-mobile .dialogue-plugin-message .dialogue-plugin-message-title {
min-width:unset;
margin-left: -1em;
margin-right: -1em;
}
body.dialogue-style-wechat .dialogue-plugin-comment-wrapper .dialogue-plugin-comment {
margin: 7px;
width: fit-content;
max-width: 75%;
margin: 24px auto;
line-height: 1.8;
text-align: center;
opacity: var(--opacity);
}
body.dialogue-style-wechat .dialogue-plugin-message .dialogue-plugin-message-title {
min-width: 6.8em;
font-size: 18px;
height: 50px;
background: #f1f1f1;
border-radius: 8px;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
background-position: center;
overflow: hidden;
display: flex;
align-items: center;
justify-content: right;
background-color: unset;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message-title {
justify-content:left;
margin-left: 2em;
right: 0;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-left .dialogue-plugin-message .dialogue-plugin-message-content {
margin-right: 0px;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-left .dialogue-plugin-message-content:after {
box-shadow: -1px 2px 0px 0 rgb(178 178 178 / 23%)
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message .dialogue-plugin-message-content {
color: black;
background: #98e970;
margin-left: 0;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message .dialogue-plugin-message-content:after {
background: #98e970;
left: auto;
right: -5px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
}
body.dialogue-style-wechat .dialogue-plugin-message .dialogue-plugin-message-content {
background: #fff;
padding: 12px 18px;
font-size: large;
border-radius: 8px;
margin-right: 7em;
word-break: break-all;
margin-left: 7em;
display: inline-block;
position: relative;
line-height: normal;
min-height: 50px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.dialogue-style-wechat.theme-dark .dialogue-plugin-message .dialogue-plugin-message-content {
background: #343434;
}
body.dialogue-style-wechat .dialogue-plugin-message .dialogue-plugin-message-content:after {
content: '';
background: #fff;
width: 12px;
height: 12px;
border-bottom-left-radius: 2px;
top: 20px;
left: -6px;
position: absolute;
transform: rotate(45deg);
}
.dialogue-style-wechat.theme-dark .dialogue-plugin-message .dialogue-plugin-message-content:after {
background: #343434;
}
/*chatview-style-wechat*/
body.dialogue-style-wechat div.chat-view-bubble {
background-color: transparent;
border: 0px;
}
body.dialogue-style-wechat .chat-view-message .chat-view-header {
font-size: 18px;
height: 55px;
background: #f1f1f1;
border-radius: 8px;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
background-position: center;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color:unset;
}
body.dialogue-style-wechat .chat-view-align-right .chat-view-header {
text-align: right;
margin-right: 0.5em;
}
body.dialogue-style-wechat div.chat-view-align-left .chat-view-message {
margin-right: 0;
}
body.dialogue-style-wechat .chat-view-align-right .chat-view-message {
color: black;
background: #98e970;
float: right;
}
body.dialogue-style-wechat div.chat-view-align-center .chat-view-message {
background: #e4effc;
padding: 12px 18px;
font-size: large;
border-radius: 8px;
word-break: break-all;
display: inline-block;
position: relative;
line-height: normal;
min-height: 50px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
body.dialogue-style-wechat div.chat-view-align-center .chat-view-message:after {
content: '';
background: #e4effc;
width: 12px;
height: 12px;
border-bottom-left-radius: 2px;
top: -5px;
left: 10%;
position: absolute;
transform: rotate(45deg);
}
body.dialogue-style-wechat div.chat-view-align-left .chat-view-message:after {
box-shadow: -1px 2px 0px 0 rgb(178 178 178 / 23%)
}
body.dialogue-style-wechat .chat-view-align-right .chat-view-message:after {
background: #98e970;
left: auto;
right: -5px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
}
body.dialogue-style-wechat .chat-view-message,
body.dialogue-style-wechat .chat-view-bubble> :not(:is(h1,h2,h3,h4,h5,h6,sub)) {
background: #fff;
padding: 12px 18px;
font-size: large;
border-radius: 8px;
word-break: break-all;
display: inline-block;
position: relative;
line-height: normal;
min-height: 50px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
body.dialogue-style-wechat.theme-dark .chat-view-align-left .chat-view-message {
background: #343434;
}
body.dialogue-style-wechat.theme-dark .chat-view-align-center .chat-view-message {
background: #3cb676;
color:black;
}
body.dialogue-style-wechat.theme-dark .chat-view-align-center .chat-view-message:after {
background: #3cb676;
}
body.dialogue-style-wechat .chat-view-bubble> :not(:is(h1,h2,h3,h4,h5,h6,sub)):after {
content: '';
background: #fff;
width: 12px;
height: 12px;
border-bottom-left-radius: 2px;
top: 20px;
left: -6px;
position: absolute;
transform: rotate(45deg);
}
body.dialogue-style-wechat.theme-dark .chat-view-align-left .chat-view-message:after {
background: #343434;
}
body.dialogue-style-wechat .chat-view-bubble .chat-view-subtext {
display:block;
}
body.dialogue-style-wechat .chat-view-align-right .chat-view-subtext {
float: right;
}
body.dialogue-style-wechat div.chat-view-align-right {
overflow: hidden;
}
body.dialogue-style-wechat h4.chat-view-header {
margin-bottom: 2px;
margin-top: 0 !important;
}
body.dialogue-style-wechat div.chat-view-align-center h4.chat-view-header {
text-align: left;
margin-bottom: 8px;
}
/*dialogue-style-chat*/
.dialogue-style-chat.theme-dark .dialogue-plugin-message-wrapper-left .dialogue-plugin-message {
color: #cccccc;
background: #343434;
box-shadow: 0px 2px 1px 0px #191818,0px 2px 1px 0px #343434;
}
.dialogue-style-chat.theme-dark .dialogue-plugin-message-wrapper-right .dialogue-plugin-message {
color: #333333;
background-image: -webkit-linear-gradient(left, #cccccc,#cccccc);
}
body.dialogue-style-chat .dialogue-plugin-message-wrapper-left .dialogue-plugin-message {
font-size: 15px;
background: #f5f8ff;
letter-spacing: 1.5px;
color: #333;
border-radius:12px;
border-bottom-left-radius: 0px;
margin-left: 6px;
box-shadow: 0px 2px 1px 0px #f3f3f3,0px 2px 1px 0px #f3f3f3;
margin-right: 3em;
align-self: flex-end;
}
body.dialogue-style-chat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message{
font-size: 15px;
letter-spacing: 1.5px;
color: #333;
border-radius: 12px;
border-bottom-right-radius: 0px;
background-image: -webkit-linear-gradient(left, #cee4ff,#d7eaff);
margin-right: 6px;
align-self: flex-end;
margin-left: 3em;
}
body.dialogue-style-chat .dialogue-plugin-message-title {
font-size: 16px;
letter-spacing: 2px;
text-align: center;
color: rgb(236, 236, 236);
font-weight: bold;
}
/*===================================================*/
/*================= Live Preview ================*/
/*===================================================*/
.markdown-source-view.is-live-preview span.cm-quote::before {
all: initial;
}
.markdown-source-view.mod-cm6 .cm-gutters {
background-color: transparent !important;
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
border-color: var(--theme-color);
background-color: var(--background-blockquote);
}
.markdown-source-view.is-live-preview .cm-formatting.cm-formatting-quote.cm-quote {
color: var(--red);
}
.markdown-source-view.is-live-preview span.code-block-flair {
color: var(--code-language);
}
.markdown-source-view .HyperMD-codeblock.HyperMD-codeblock-bg.cm-line {
letter-spacing: calc(var(--letter-space-code) * 0.02em);
line-height: var(--line-height-normal);
}
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
border-bottom: none;
}
.markdown-source-view.cm-s-obsidian.mod-cm6 .HyperMD-codeblock {
font-size: var(--font-size-code);
}
/* ============ */
/* just for fun */
/* ============ */
/*cursor*/
.CodeMirror-cursor,
.cm-s-obsidian .cm-cursor,
.cm-s-obsidian .cm-dropCursor {
border-left-color: var(--cursor-color-temp);
}
.markdown-source-view.mod-cm6 .cm-content {
caret-color: var(--cursor-color);
}
body.bt-colorful-titlebar .titlebar::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--background-titlebar-inner);
}
body.theme-dark.bt-colorful-titlebar .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
background-color: #181818;
}
body.theme-light.bt-colorful-titlebar .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
box-shadow: none;
background-color:var(--color-base-00);
}
body.theme-light.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-left,
body.theme-light.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-right,
body.theme-light.background-settings-workplace-background-image .nav-folder.mod-root>.nav-folder-title {
background-color: var(--background-secondary);
}
body.theme-dark.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-left {
background-color: var(--background-secondary)
}
body.theme-dark.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-right {
background-color: var(--background-primary-alt);
}
/*==== separators =====*/
body.asymmetric-split-left .workspace-split.mod-horizontal.mod-left-split .workspace-leaf {
background-color: var(--background-asymm-split-left);
}
body.asymmetric-split-left .workspace-ribbon.mod-left {
border-right: 1px solid var(--background-modifier-border-asymm);
}
body.asymmetric-split-left .titlebar,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tabs{
border-bottom: 1px solid var(--background-modifier-border-asymm);
}
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-before-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-after-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-after-active,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-before-active,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-container-before.is-before-active .workspace-tab-header-inner {
background-color: var(--background-asymm-split-left);
border-radius: 0;
}
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header-container {
padding: 4px 0;
}
.workspace-split.mod-left-split>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover {
background-color: hsla(var(--interactive-accent-hsl),0.5)
}
.is-translucent .workspace-split.mod-left-split>.workspace-leaf-resize-handle,
.is-translucent .workspace-split.mod-right-split>.workspace-leaf-resize-handle {
background-color: var(--background-modifier-border);
}
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
background-color: var(--background-secondary-alt);
}
.workspace-tabs {
background-color: var(--background-secondary);
padding-right: 0;
}
.is-hidden-frameless.mod-windows .titlebar-button {
background: var(--background-primary);
}
body:not(.color-scheme-options-simplicity-topaz) .workspace-ribbon.mod-left:before,
body:not(.color-scheme-options-simplicity-topaz) .workspace-split.mod-root,
body:not(.color-scheme-options-simplicity-topaz) .workspace-tabs {
background: var(--background-secondary-alt);
}
.workspace-tab-header-container {
background: var(--background-secondary-alt);
}
.sidebar-toggle-button,
body.background-settings-workplace-background-image:not(.is-frameless) .workspace-split.mod-root .workspace-tab-header-container,
body.background-settings-workplace-background-image:not(.is-frameless) .mod-root .workspace-tabs .workspace-leaf,
body.background-settings-workplace-background-image .workspace {
background: transparent;
}
body.background-settings-workplace-background-image .workspace-ribbon.mod-left:before,
body.background-settings-workplace-background-image .workspace-tabs {
background: var(--background-secondary);
}
body.toggle-divider-lines {
--divider-color: transparent;
--tab-outline-color: transparent;
--tab-divider-color: transparent;
}
body.toggle-divider-lines .workspace-ribbon,
body.toggle-divider-lines .workspace-split > .workspace-leaf-resize-handle,
body.toggle-divider-lines .view-header {
border: none;
}
body.toggle-divider-lines .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:not(:hover) {
border-bottom-color: transparent;
}
body.toggle-divider-lines .workspace-ribbon.mod-left:before {
border-bottom: var(--tab-outline-width) transparent;
}
body.toggle-divider-lines .workspace-tab-header-container{
border-bottom: var(--tab-outline-width) transparent;
}
body.toggle-divider-lines .workspace-split.mod-root .workspace-tab-header.is-active {
box-shadow: var(--window-shadow);
}
/*
body.background-settings-workplace-background-image .titlebar,
body.background-settings-workplace-background-image .workspace-ribbon.mod-left {
background: var(--background-secondary);
}
*/
body.background-settings-workplace-background-image.theme-dark .workspace-ribbon.mod-left {
background: transparent;
}
body.background-settings-workplace-background-image .workspace-tab-header::before {
clip-path: inset(50% 0 0 50%);
left: calc(var(--tab-curve) * -1.97);
}
body.background-settings-workplace-background-image .workspace-tab-header::after {
clip-path: inset(50% 50% 0 0);
right: calc(var(--tab-curve) * -1.97);
}
body.background-settings-workplace-background-image .nav-folder.mod-root>.nav-folder-title {
background-color: transparent;
}
body.background-settings-workplace-background-image {
--tab-text-color-focused: var(--text-normal);
--titlebar-text-color-focused: var(--text-noraml);
--canvas-background: transparent;
}
body.is-frameless.background-settings-workplace-background-image.theme-dark {
--divider-color: #22222288;
}
/*
body.is-frameless.background-settings-workplace-background-image .workspace-tab-header.is-active {
box-shadow: none;
}
*//*
body.is-frameless.background-settings-workplace-background-image .workspace-split.mod-root,
body:not(.is-focused).is-frameless.background-settings-workplace-background-image .workspace-tabs.mod-top .workspace-tab-header-container,
body.is-frameless.background-settings-workplace-background-image .workspace-tabs.mod-top .workspace-tab-header-container,
body.is-frameless.background-settings-workplace-background-image .workspace-split.mod-root .workspace-tab-header-container {
background-color: transparent !important;
}
*/
body:not(.is-focused):not(.is-frameless) .workspace-split.mod-root .workspace-tab-header-container {
background-color: transparent;
}
.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active,
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
background-color: var(--background-secondary);
}
.view-header {
border-top: none;
height: 33px;
border-bottom: 1px solid var(--page-border-bottom);
}
body.color-scheme-options-flamingo .view-header,
body.color-scheme-options-honey-milk-topaz .view-header,
body.color-scheme-options-chocolate-topaz .view-header,
body.color-scheme-options-autumn-topaz .view-header,
body.color-scheme-options-lillimon-topaz .view-header {
border-bottom: 1px solid transparent;
}
.workspace-split.mod-root .view-content {
background-color: var(--background-primary);
}
:is(.markdown-preview-view,.markdown-rendered),
.markdown-source-view {
background-color: transparent;
}
body.view-button-front .popover .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]),
body.view-button-front .popover .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
left: 0;
top: 6px;
}
body.view-button-front .popover .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) ,
body.view-button-front .popover .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
left: 0;
top: 6px;
}
body.is-mobile.view-button-front .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
left: 0;
top: 6px;
}
body.view-button-front .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
opacity: 0.8;
position: absolute;
left: 20px;
top: 3px;
}
body.is-mobile.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
left: 0;
top: 6px;
}
body.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
opacity: 0.5;
position: absolute;
left: 20px;
top: 3px;
}
body.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header:hover .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
opacity: 1;
}
body.view-button-front:not(.color-scheme-options-simplicity-topaz) .workspace-leaf-content .view-header .view-header-nav-buttons {
margin-left: 25px;
}
body.view-button-front.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-nav-buttons {
margin-left: 5px;
}
body.view-button-front .workspace-leaf-content[data-mode='source'] .view-content .markdown-source-view:not(.is-live-preview)::before {
content: "";
background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M84.8 468.8H43.2C17.6 468.8 0 486.4 0 512s17.6 43.2 43.2 43.2h43.2C110.4 555.2 128 537.6 128 512s-17.6-43.2-43.2-43.2zM384 468.8h-43.2c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2H384c25.6 0 43.2-17.6 43.2-43.2s-17.6-43.2-43.2-43.2zM683.2 468.8H640c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2h43.2c25.6 0 43.2-17.6 43.2-43.2-1.6-25.6-17.6-43.2-43.2-43.2zM980.8 468.8h-43.2c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2h43.2c25.6 0 43.2-17.6 43.2-43.2s-17.6-43.2-43.2-43.2z' fill='%23666666'/%3E%3C/svg%3E");
background-size: 14px 16px;
background-repeat: no-repeat;
height: 12px;
width: 15px;
position: absolute;
z-index: 1;
top: 17px;
left: 26px;
opacity: 0.5;
pointer-events: none;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.view-button-front .workspace-leaf-content[data-mode='source'] .view-content .markdown-source-view:not(.is-live-preview)::before {
left: 38px;
}
body.view-button-front:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M114.18 936.37c-7.08-0.01-13.88-2.83-18.90-7.84-7.13-7.13-9.73-17.60-6.78-27.24 0.58-1.89 58.08-190.17 69.57-232.60 1.24-4.57 3.65-8.73 6.99-12.08 0 0 509.13-509.34 524.08-524.12 27.32-27.32 63.92-43.31 102.51-44.84 35.84 0.81 69.89 15.79 94.70 41.66 32.72 31.43 49.66 65.07 50.34 100.03 0.52 35.39-15.64 70.37-48.22 103.97C856.96 365.85 382.08 835.45 361.87 855.42c-3.13 3.09-6.97 5.37-11.19 6.62-31.98 9.53-226.32 72.36-228.29 72.99C119.75 935.90 116.98 936.35 114.18 936.37zM207.99 690.03c-10.01 35.62-39.82 125.58-56.68 181.06 55.85-17.99 146.82-49.51 177.65-59.01 50.76-50.21 491.57-486.20 521.11-516.63 22.12-22.85 33.24-44.76 32.85-65.12-0.40-19.87-11.67-40.69-33.65-61.74-14.94-16.13-35.63-25.74-57.60-26.73-24.42 1.73-47.44 12.11-64.90 29.28-14.10 13.90-465.93 465.95-518.84 518.88L207.99 690.03zM350.36 853.71c-13.57-0.06-24.98-10.20-26.63-23.68-6.27-30.87-21.46-59.22-43.70-81.52-22.46-24.48-52.04-41.30-84.56-48.09-14.71-1.90-25.17-15.27-23.48-30.01 1.53-14.70 14.70-25.39 29.40-23.85 0.01 0 0.03 0 0.05 0 88.93 17.85 158.30 87.60 175.66 176.62 1.91 14.80-8.50 28.34-23.28 30.29-1.16 0.15-2.33 0.22-3.51 0.22L350.36 853.71zM828.88 369.14c-13.58-0.05-24.99-10.20-26.62-23.68-14.30-64.29-64.20-114.68-128.34-129.60-14.70-1.94-25.13-15.30-23.45-30.03 1.51-14.67 14.63-25.35 29.31-23.85 0.03 0.01 0.06 0.01 0.10 0.01 44.72 8.07 85.64 30.37 116.68 63.57 30.72 30.78 51.32 70.19 59.05 112.99 2.02 14.73-8.28 28.31-23.02 30.33-1.25 0.18-2.52 0.26-3.80 0.26L828.88 369.14z' fill='%23666666'/%3E%3C/svg%3E");
opacity:0.6;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="markdown"] .view-header-icon:hover::before {
content:"👆🏻";
opacity: 0.6;
margin-left: -12px;
}
body.folder-icons .nav-folder-children .nav-folder-title-content::before {
position: relative;
content: "";
display: inline-block;
opacity: 0.9;
top: 2px;
margin-left: -1px;
width: 0.95rem;
height: 0.95rem;
margin-right: 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--text-folder-file-icon);
filter: hue-rotate(160deg);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.165 19.551c.186.28.499.449.835.449h15c.4 0 .762-.238.919-.606l3-7A.998.998 0 0 0 21 11h-1V8c0-1.103-.897-2-2-2h-6.655L8.789 4H4c-1.103 0-2 .897-2 2v13h.007a1 1 0 0 0 .158.551zM18 8v3H6c-.4 0-.762.238-.919.606L4 14.129V8h14z"></path></svg>');
}
body.folder-icons .nav-folder-children .nav-folder.is-collapsed .nav-folder-title-content::before {
position: relative;
content: "";
display: inline-block;
width: 0.95rem;
height: 0.95rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--text-folder-file-icon);
filter: hue-rotate(160deg);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z"></path></svg>');
}
body.remove-arrow:not(.default-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked) .nav-folder-collapse-indicator::before {
display: none;
}
body.remove-arrow:not(.default-icons) :not([class*="mk-tree"]).nav-folder-title-content {
margin-left: -18px;
}
body.remove-arrow:not(.default-icons) .tree-item.nav-folder.mod-root>.tree-item-self.nav-folder-title {
padding-left: 30px;
margin-left: -10px;
}
body.remove-arrow .nav-folder-title .iconize-icon {
margin: 0 22px 0 -18px !important;
}
body:not(.remove-file-icons) [data-type="starred"] .nav-file-icon .svg-icon {
padding: 4px 0 0;
}
body:not(.remove-file-icons) .workspace-leaf-content[data-type="starred"] .nav-file-title-content::before {
display: none;
}
body:not(.remove-file-icons) .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before {
position: relative;
content: "";
display: inline-block;
width: 0.9rem;
opacity: 0.9;
top: 0.15rem;
height: 0.9rem;
margin-right: 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--text-folder-file-icon);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill=""><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>');
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".pdf"] .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 16H8V8h4a4 4 0 1 1 0 8zm-2-6v4h2a2 2 0 1 0 0-4h-2zm5-6H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992z"/></svg>');
filter: hue-rotate(-45deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".pdf"] .nav-file-tag {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(-45deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".jpg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".png"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".svg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".gif"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".jpeg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".bmp"] .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path d="M6 22h12a2 2 0 0 0 2-2V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2zm7-18 5 5h-5V4zm-4.5 7a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 8.5 11zm.5 5 1.597 1.363L13 13l4 6H7l2-3z"></path></svg>');
filter: hue-rotate(45deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".jpg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".png"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".svg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".gif"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".jpeg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".bmp"] .nav-file-tag {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(45deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".mp4"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".webm"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogv"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mov"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mkv"] .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><path d="m10 11 5 3-5 3v-6Z"></path></svg>');
filter: hue-rotate(90deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".mp4"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".webm"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogv"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mov"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mkv"] .nav-file-tag {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(90deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".mp3"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".wav"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".m4a"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".3gp"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".flac"] .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.5 22h.5c.5 0 1-.2 1.4-.6.4-.4.6-.9.6-1.4V7.5L14.5 2H6c-.5 0-1 .2-1.4.6C4.2 3 4 3.5 4 4v3"></path><polyline points="14 2 14 8 20 8"></polyline><path d="M10 20v-1a2 2 0 1 1 4 0v1a2 2 0 1 1-4 0Z"></path><path d="M6 20v-1a2 2 0 1 0-4 0v1a2 2 0 1 0 4 0Z"></path><path d="M2 19v-3a6 6 0 0 1 12 0v3"></path></svg>');
filter: hue-rotate(-90deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".mp3"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".wav"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".m4a"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".3gp"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".flac"] .nav-file-tag {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(-90deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".canvas"] .nav-file-title-content::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-layout-dashboard'%3E%3Crect x='3' y='3' width='7' height='9'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='5'%3E%3C/rect%3E%3Crect x='14' y='12' width='7' height='9'%3E%3C/rect%3E%3Crect x='3' y='16' width='7' height='5'%3E%3C/rect%3E%3C/svg%3E");
filter: hue-rotate(180deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".canvas"] .nav-file-tag {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(180deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".excalidraw.md"] .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.404 2.998c-.757-.754-2.077-.751-2.828.005l-1.784 1.791L11.586 7H7a.998.998 0 0 0-.939.658l-4 11c-.133.365-.042.774.232 1.049l2 2a.997.997 0 0 0 1.049.232l11-4A.998.998 0 0 0 17 17v-4.586l2.207-2.207v-.001h.001L21 8.409c.378-.378.586-.881.585-1.415 0-.535-.209-1.038-.588-1.415l-2.593-2.581zm-3.111 8.295A.996.996 0 0 0 15 12v4.3l-9.249 3.363 4.671-4.671c.026.001.052.008.078.008A1.5 1.5 0 1 0 9 13.5c0 .026.007.052.008.078l-4.671 4.671L7.7 9H12c.266 0 .52-.105.707-.293L14.5 6.914 17.086 9.5l-1.793 1.793zm3.206-3.208-2.586-2.586 1.079-1.084 2.593 2.581-1.086 1.089z"></path></svg>');
/*
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-18 -10 35 39"><path d="M-7-4 0-9M0-9V-9L7-4-7 21-3 14-3 6 1 6-6 6-6 5-5 4 2 4-5 4-7-4ZM1-5C1-6-1-6-1-5-1-4 1-4 1-5ZM10-2-4 23 3 28 9 23 6 5M3 23V11" fill="none" stroke="currentcolor" stroke-width="2.5"></path></svg>');*/
filter: hue-rotate(135deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".loom"] .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 21h15.893c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zm0-2v-5h4v5H4zM14 7v5h-4V7h4zM8 7v5H4V7h4zm2 12v-5h4v5h-4zm6 0v-5h3.894v5H16zm3.893-7H16V7h3.893v5z"></path></svg>');
filter: hue-rotate(200deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".loom"] .nav-file-tag {
background-color: var(--theme-color-translucent-01);
color: var(--theme-color);
filter: hue-rotate(200deg);
}
body.dark-background-file:not(.remove-file-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before {
background-color: var(--white);
}
body:not(.remove-file-icons) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before {
background-color: var(--text-folder-file-icon);
opacity: 1;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-edit-3 > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open > path {
display: none;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-edit-3,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open {
background-color: currentColor;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg{
width: 17px;
height: 17px;
background-repeat: no-repeat;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-edit-3 {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z"></path><path d="M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z"></path></svg>');
background-color: var(--theme-color);
}
body.setting-default-frosted-glass [class="menu"] {
border: none;
backdrop-filter: blur(8px);
background-color: var(--bg-color-settings-3);
box-shadow: 0 0 8px var(--bg-color-settings-5);
}
.menu-item.selected:not(.is-disabled):not(.is-label),
.menu-item:hover:not(.is-disabled):not(.is-label) {
background-color: var(--bg-color-settings-5);
}
body.toggle-bg-panel-page :is(.nav-files-container,.file-tree-plugin-view)::before {
content: '';
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center/cover var(--panel-page-background-url-theme);
z-index: -1;
}
body.toggle-bg-panel-page.theme-dark :is(.nav-files-container,.file-tree-plugin-view)::before {
opacity: var(--bg-panel-page-opacity-cp);
}
body.toggle-bg-panel-page.theme-light :is(.nav-files-container,.file-tree-plugin-view)::before {
opacity: var(--bg-panel-page-opacity-cp);
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-plant.theme-dark {
--panel-page-background-url-theme: url("data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAA1HbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAANbwAAIoYAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAMv2lwcnAAAAyfaXBjbwAAABRpc3BlAAAAAAAAAu4AAAH1AAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQQMAAAADFRjb2xycHJvZgAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAAAAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPZGVzYwAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRlc2MAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAACxSZWZlcmVuY2UgVmlld2luZyBDb25kaXRpb24gaW4gSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdmlldwAAAAAAE6T+ABRfLgAQzxQAA+3MAAQTCwADXJ4AAAABWFlaIAAAAAAATAlWAFAAAABXH+dtZWFzAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAACjwAAAAJzaWcgAAAAAENSVCBjdXJ2AAAAAAAABAAAAAAFAAoADwAUABkAHgAjACgALQAyADcAOwBAAEUASgBPAFQAWQBeAGMAaABtAHIAdwB8AIEAhgCLAJAAlQCaAJ8ApACpAK4AsgC3ALwAwQDGAMsA0ADVANsA4ADlAOsA8AD2APsBAQEHAQ0BEwEZAR8BJQErATIBOAE+AUUBTAFSAVkBYAFnAW4BdQF8AYMBiwGSAZoBoQGpAbEBuQHBAckB0QHZAeEB6QHyAfoCAwIMAhQCHQImAi8COAJBAksCVAJdAmcCcQJ6AoQCjgKYAqICrAK2AsECywLVAuAC6wL1AwADCwMWAyEDLQM4A0MDTwNaA2YDcgN+A4oDlgOiA64DugPHA9MD4APsA/kEBgQTBCAELQQ7BEgEVQRjBHEEfgSMBJoEqAS2BMQE0wThBPAE/gUNBRwFKwU6BUkFWAVnBXcFhgWWBaYFtQXFBdUF5QX2BgYGFgYnBjcGSAZZBmoGewaMBp0GrwbABtEG4wb1BwcHGQcrBz0HTwdhB3QHhgeZB6wHvwfSB+UH+AgLCB8IMghGCFoIbgiCCJYIqgi+CNII5wj7CRAJJQk6CU8JZAl5CY8JpAm6Cc8J5Qn7ChEKJwo9ClQKagqBCpgKrgrFCtwK8wsLCyILOQtRC2kLgAuYC7ALyAvhC/kMEgwqDEMMXAx1DI4MpwzADNkM8w0NDSYNQA1aDXQNjg2pDcMN3g34DhMOLg5JDmQOfw6bDrYO0g7uDwkPJQ9BD14Peg+WD7MPzw/sEAkQJhBDEGEQfhCbELkQ1xD1ERMRMRFPEW0RjBGqEckR6BIHEiYSRRJkEoQSoxLDEuMTAxMjE0MTYxODE6QTxRPlFAYUJxRJFGoUixStFM4U8BUSFTQVVhV4FZsVvRXgFgMWJhZJFmwWjxayFtYW+hcdF0EXZReJF64X0hf3GBsYQBhlGIoYrxjVGPoZIBlFGWsZkRm3Gd0aBBoqGlEadxqeGsUa7BsUGzsbYxuKG7Ib2hwCHCocUhx7HKMczBz1HR4dRx1wHZkdwx3sHhYeQB5qHpQevh7pHxMfPh9pH5Qfvx/qIBUgQSBsIJggxCDwIRwhSCF1IaEhziH7IiciVSKCIq8i3SMKIzgjZiOUI8Ij8CQfJE0kfCSrJNolCSU4JWgllyXHJfcmJyZXJocmtyboJxgnSSd6J6sn3CgNKD8ocSiiKNQpBik4KWspnSnQKgIqNSpoKpsqzysCKzYraSudK9EsBSw5LG4soizXLQwtQS12Last4S4WLkwugi63Lu4vJC9aL5Evxy/+MDUwbDCkMNsxEjFKMYIxujHyMioyYzKbMtQzDTNGM38zuDPxNCs0ZTSeNNg1EzVNNYc1wjX9Njc2cjauNuk3JDdgN5w31zgUOFA4jDjIOQU5Qjl/Obw5+To2OnQ6sjrvOy07azuqO+g8JzxlPKQ84z0iPWE9oT3gPiA+YD6gPuA/IT9hP6I/4kAjQGRApkDnQSlBakGsQe5CMEJyQrVC90M6Q31DwEQDREdEikTORRJFVUWaRd5GIkZnRqtG8Ec1R3tHwEgFSEtIkUjXSR1JY0mpSfBKN0p9SsRLDEtTS5pL4kwqTHJMuk0CTUpNk03cTiVObk63TwBPSU+TT91QJ1BxULtRBlFQUZtR5lIxUnxSx1MTU19TqlP2VEJUj1TbVShVdVXCVg9WXFapVvdXRFeSV+BYL1h9WMtZGllpWbhaB1pWWqZa9VtFW5Vb5Vw1XIZc1l0nXXhdyV4aXmxevV8PX2Ffs2AFYFdgqmD8YU9homH1YklinGLwY0Njl2PrZEBklGTpZT1lkmXnZj1mkmboZz1nk2fpaD9olmjsaUNpmmnxakhqn2r3a09rp2v/bFdsr20IbWBtuW4SbmtuxG8eb3hv0XArcIZw4HE6cZVx8HJLcqZzAXNdc7h0FHRwdMx1KHWFdeF2Pnabdvh3VnezeBF4bnjMeSp5iXnnekZ6pXsEe2N7wnwhfIF84X1BfaF+AX5ifsJ/I3+Ef+WAR4CogQqBa4HNgjCCkoL0g1eDuoQdhICE44VHhauGDoZyhteHO4efiASIaYjOiTOJmYn+imSKyoswi5aL/IxjjMqNMY2Yjf+OZo7OjzaPnpAGkG6Q1pE/kaiSEZJ6kuOTTZO2lCCUipT0lV+VyZY0lp+XCpd1l+CYTJi4mSSZkJn8mmia1ZtCm6+cHJyJnPedZJ3SnkCerp8dn4uf+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p26n4KhSqMSpN6mpqhyqj6sCq3Wr6axcrNCtRK24ri2uoa8Wr4uwALB1sOqxYLHWskuywrM4s660JbSctRO1irYBtnm28Ldot+C4WbjRuUq5wro7urW7LrunvCG8m70VvY++Cr6Evv+/er/1wHDA7MFnwePCX8Lbw1jD1MRRxM7FS8XIxkbGw8dBx7/IPci8yTrJuco4yrfLNsu2zDXMtc01zbXONs62zzfPuNA50LrRPNG+0j/SwdNE08bUSdTL1U7V0dZV1tjXXNfg2GTY6Nls2fHadtr724DcBdyK3RDdlt4c3qLfKd+v4DbgveFE4cziU+Lb42Pj6+Rz5PzlhOYN5pbnH+ep6DLovOlG6dDqW+rl63Dr++yG7RHtnO4o7rTvQO/M8Fjw5fFy8f/yjPMZ86f0NPTC9VD13vZt9vv3ivgZ+Kj5OPnH+lf65/t3/Af8mP0p/br+S/7c/23//wAAABNjb2xybmNseAABAA0ABoAAAAAYaXBtYQAAAAAAAAABAAEFAQKDBAUAACKObWRhdBIACgoZJi7fpwQENBoQMvVERDwAMMMMQPaGftXSVUJfY92g+VvDgnOoxsXp5GHrG4AxUxz0YNCD7fxpDoPnkR/ev6EtrQ8W5Gb+36eFHtewziaX5hFoVmALXtjwOfEL2xjX11oPQQP7g3SDa4jGRi94TIQ15YL9FxCZVnSTK7WExCFBruVQ2tVjdB6UdR3lXjdR/8qqAkyHOWcY3GOXRD9GLsO5jbtHhikXXwC5bafUf6qcSXZbU9hxWiaVSfXd4tmvs/pl2osLUxeuFSMh6wjltuftcyyMNJinrjIy6CasCWo87igSJicpYZKjOMcfIAAA//MW/qx7PevdDyPXfP0kkJA7vOvXzJwKq4vuykxGvOl68gZCZkaYApE5FgHzJyYMZYSIssMN6BJTKrafrsYSSkujG0kFhzfRTpoxp4lbBTEnn50/cphUdjcHlbbkEP5SRRxt+qOWHvH7EX5vzcU6j8kgwV+riF9j2D/NNAahRUaP92oz0yc34TURbtl/fl1XQT16d4J6I0WKC1nrnjHCTnrPsa/jx2s96uZtvYIwb5PttEY/oshH+xfUTMr8VhlSE0uNNF8QoFpNRJFI8T3WqKe4XdAEwyXl4umcQLFxfR/4okHZr/YIsa347sagig8fS5FmeYh9avlG07U0bAWLUzmxbFp8OcP8I7hgQK4rtqL/UdlSLp+iyA9UFdF7ps/LAMsHgU2wpfKNB5V+8KAShLUnp4D9oya6nS5CPHndv6rCom2WNLasm1KQwErEGrReeNBDnPCtu8uvkhdoTYY4MxItB3/Etaf68nmgwbEOkj/JTsL2Yvg8iwPHbkXOf30EHx9iNCUxiLF0VTvRtgWjUq2fnPvIcxnjgdhyXdBqHExgHfoS6fvdqhZ+GOxKAOCJm2vHRE86ZfrDW9StEbrnoKdX7afDLJr9oK9UpPVsKXofaBucaf9DHTFIbsa1iXaX+GN+o+wi7I7krzjnSwN8nVBABRqCr4LAy7JFZ1GNMp0Ozftx85nmW8GIVwoIeNJzDcuawHOcthxeMDPLFy21nJE4JQqG1iZ6Uf7z+qRFaaOSiad9hQq3eveBmGBC2hJ+I9IwJdWt+IOgIzyBq30LHh9NK8T68L9m//UMoZ3TMC7EBMms6ED5H3SW+0LQT7hFouWJvk9FIwSRY7ZkS2d2bmA0EfYNSjhZJeLffhfLMHwah7I3A/z2OaOFM73gyf9Nzg72H28xy3ZvtHstYkk43PYDUNw9ltdER31VIqOFed/6ovjSHBWbrPjv6zyvPI9qyjpVqps2JBNDjftbgU8WT4T+0MCHr9t4j03K6F5TNvOHwUsvdOL2r9yn/V9zhPLzGkQm6V2XK97lN6aYvyVV+Vb9WmI8rI3GtbOJZNEId+hoZ5Ve960PTUOctuMAeiVrZ4FbEkVpOjFBDjHP7zVLoEWHBPyb/vWvxSnnAiKEIV3C0QSyZdn/so0ArDNF0RurWa0J9fwMgLFybvL9Z/Sp82ZlVeg6ahiu2bpwAGMTycupdjfwXCz2xAzQ2AIcRkbgEbEmAJDSWZXoaoHj64U3FsvzRcxH3pJ8lOB/nY/cMdWXFXtbHaVqFSUb7bzsmvG+d6Vg8os9lhoXIX1vZ6HZ7BiQ2Eku8DEiKTodQjgt1AA8bqsf+fljuwgqu/AZkMMf4dlnVnvO8ck9sgqzj+Okky1oOUhknS7UWfWNZIpdYFO35WUkr71rR+XWRrvWDWYdRDiUuF2i4W1PVJ2M2r9YTXQOkh2qrYvSfBzzOUpBs8OkyUcdLlr3A9a7lgE+/deidMNYYZH5XI6dj0innASSRdv9ZIFX6oN5ZvtdVPLrpV675fQXV2eAdvSmMx+q/ZWUO9xuwGm7UwvxfXXSfp5s7tTBuf00Zm7JBRi7Ey+x1uarFQU4kZ2QfMbf6dc5F+vPl5Sz/1eLZPTaKA/AMyR449SM5qu+2KIBZJBAxvpF8NDecWM5PSckJglWrBMamIQXr0OyYbKKvCVkKVqPYw2WAN7zFNLP9J39znNqAZJkrNkLbxSjPnt7LEpaKN2ddZZNMIrXtg/JlKjorhbCHBnvYxgDb1+UnOFQlU5ZOE9l9Cv5dVN1DIdQKoiypZESICLegBA0JPJGUVirxMaeqvrR9BmrXoLST+wjCzbZtS6XJi6qRhT5hbjqRR8R3ajmpKoYw9Ow4ulfCSFxqOVrpS8HYVtzPpWZFdEguc6MOs5TqDgd0aiyU87W9wKJbh5PDTetEoWomg6gpuKqfTz3AHJbCYdyd8PUDz0xyVYK5bb3+7L1t5N3TaukC02f2aUJloaiECHyJYeszIHlXvVYJskHwnFCSz/UnGpkbVBFVwVObgyIuTVy0OVnNBULmDNk+fqR6JC8pQt3wJlKlnsvy0piYnyKLCrDn0Rh79UeGFvXhEJGHhaqS4AwkBjDwo4TLPwgSXD0AjrKnxR7K24dlxY4gA0+V4QL30Nr1JQjVXzG7N4R9HN6SHzVanTe7GkZ4iETG864BkzG2M6suK2vjCeV0YS8ahsVjHXr6GAQKzuqQ2iZVVwvepx8QoJtbYmZtyDK8TXywRjO8F3tMLBlGjRdPmwj5uuo+jKUGxnja4bDoBb5Vlo6mY+TtcuYMuttVhZqNk4635q5OvbFOuSGMbdPimOyV/3oXSaiT+gw4y9T4ytRQYfvQN1UAiAakCEykcQvjI+qm3HC3F5JW1SO5iYRxYdyHpZuW6ya5mFBzdSKuaszEhS8MZS8MYyfsY1vEvSopGN6aDMnF9itbP3L/5a2kTfUx3imnoVEKjvMd530m9THDvnjZ/d9nxMk4eLr/mVpaVjJRQ0KebkfJDuuuLzTc+vxsc7airOqbgQ3GsM94f/DBrqEB4k799T8v1lY8sw9CnQxOK099uDlijtxry1PfXAos/YZg9s9Tt7cN++OJi7mYqgYXU4YThz2sbLyc6hKU7b9dLR7I4aHD5RkssZN37WzJ6HHJaz7KW4LX9lGliTg2AhQPoRBYO3ogI1fZUmT/lG79VRUXfJnwnztEYsEXGKogxxMQXSt/qrr8ug1VJ03mcLZQdI8YKxjg2zegzdMT8rYVw8+Ozs1L5VemNL+F45Bs11YBiTCKwDOB9CfdfpzevsnyE+DJAnF2eczT5Lvh5GzoSltCqoEnRMdiCuMCK8wgpZztK0jzcjuFQQtcGThK2Y8PG2H/TX9EykfPPaGPCyydiEF1JEdasmlXFPAw+9pjUf5XTCTgrwBfAD9dxlZsKMOMgtV2Vhvmlxp2UN6kBu1+pwXdbE4Dz/crpyvLWQRz1sYGy6fCl7fbsG25Ij/aQFAHdHUPVHzRxk2gZO/qYnfyAN6D9zx07nmxPStM9Id/TNE0fLIunCZQutqx59ACV1sXH+HrTHMN268LAU7Dgb2j0OnHEWvFT4/b0SZdjRfXhAUQAGK7wRdkYLb7FpBXfHLhN39TrM0B/5O7twAf4nF/1e3pd/N/0G1YGh5PlTFs2OzX9j5c+j30T+S3gu8UzjDcGF9F7mtkf/ZFTgyvsfE4Q9bAXkrsO9FaxzGbQnSKfB5PNNy6T8pWDmwTlKGqMJ2HShgMkmzst5RgdAPYyEcOTZYBq6xMiGqJn9Kt3AewrpYINqY/HapAxI+C2rsV2YdMXNBjgU1mWF5fZIk7jiuRrSFcUwAwATcyyua1lqZjW59/P5Yn5ICibURfGNuR5C5hP1h+OUJFypddDDROLCL3quGxI95DUnBUj+erf8DsGc9Fs+C1ysgwcLmTGQB9Bh6iyfwfZZmjzNYmsQOjnd5mLWDIs9RBMhQT5CKsVM4EUgc8lovOH/nCg2omzVocvR8U4ajbkH2vb50Oat9EKW1i5ebJsn0a0RMXaWqgTIhV7ltbEoLNkjT00GsVWVex9r5DYd+dTGdTxV8RIDGs1nq3BV0D0DvpUY6B9khUVId8BFFIxeDhXuO/9Xwa+NQz3nTXcRGXKI9eErd2itG0EWvUL+kaMMxDfBgxhoIh+G4lsWChNWqM9NsQBnK/RROT2ozL6RkL8FBbmJBk4uX55wBLMLAv1Hl+esl3MmYvZifZXe5IQxNJqUWfK3BWvNh7baulPiuw/vFGPfcbisC7W0r4KXPDTly7KWZ000ox+uwDX3iJ8YXZWmSvmjujTLuGzCsLci9pquhX2KLa9Y32lA2dz1fK3+Q1EfNcF4QNpHFHOKvnrwhSMpduuzEKQMu2WOgnn9Nx5s3UPO6VHvWd/iH8FzWl0Oyk/XUF14Dibf8T25OlIKq3un9z2FcIJkyZFoXWSo3pL5CPq1TZ94Lct2iiX4uXl8XD+kLIF6W1ooVDNIoM9+s6Q2rnxuENJK8eJ6tlriZdVe/kOfx9dBJCarI/x9E9T2ixSIeON3BX0M14p5zw1YC86BXydang6aE7s8b7cFzBEUJzYMXrmgL1nZPnlZOvaASNNpJgqfj6OqrFjfutjbYWFAmsu2M8Xkp2D9530cjInNqOY4126NfIhdy7nCNTjim2xYk+Tjt3TGfIJEYR8r99go9jrloWV22nxt1ySdZYhqxnfteuTWmg5bHNAeAcAlXgiWpJMmhzlTnzcJgxrrHU/QRpQjbi6NQd9tpNXEjLE2YrKq4nDz5JVNWqduMaV7Fy7LGEZNg0Bd+0Hjl7lY+BsekJxjY/tb2/ZcgY/B0mycnh15VvY8UEVrQUtPJojQybiNxUr4bM4BGagyw5QAhz1MMFSu2UaDsQfuqhdkpNSe+lMWqlr1OnkfnX7G0YfOvF4sfp1SlXy9+/FBL2Xagdv5zTBvgyRT2Kh8wYDvWEKkvKoC3GxTb7Jw3MYQe4luQRy5t87YGhanS92fzBz0WI3Gmq0wvdDAeYiU2V3vMPQsUxBeFb/dOgnUobykX4X7IyODnNWOeX3Hw6TUQMmBQonou+W64pfg/ZPoJPNm+9FLq0bLLeGNTM2HOMjPZvt5nZGVaUFodQVXkNfdFxw5h7fQY9RmOk6H58uZvSwmktnmcPYUfboqL9LOpXNwg8iUaSkErbfx+0P8+fslL0pmyHUeuX8+Cxwfpds8yb1j0N40zLAcEuixgUOIKMD6BZL1AoTTLiaiPHjMKbDTyd6/3nS/wgEavz62mkFKmw7zj+gziCfrC5vcePX59z1gTbz20zhBsSESJhXLyz6KOiJYMLo3BLFpVNV9YNsRXepKxjwpb5ryLMOoUhD8O2qtjEdi+Ez82MJvVa8JEFptR9nGNQ9cg/HxrmQ3gQ+975npx66jF4AMCbdPfcHX0BOeBWQ3doGops3gW+XexU6eWT/eBs5Gz9e8N2Bjr8aeovcxoGzNR97fGPczjZ3bkuxqvOOrtvR5D2dF3PEQ6HZaB1XoSxkMB7W/9qZ2L2bKPe5xnMoud6d93AnnpQtAEDB9MBZWtQ65VKAaj7sypl1B9xT/mlAiMCTyE1xw+pMckhirRmPA2seaxFCQy/ZGxfin8FSo/0GddLC11chCfLWBp9Bu5wZFCQ8g7Ex/XrgtzijXMNyG66mjCzsVEhSeTN3vU55GhEQB8NFfuz8zMls62BU5NQCqxbEEWVFmd3ekRH6+VeY/xlqmZ+Gkl/t0eQy50YBh8YJQFCWxmaZwVNyAH7fOQl3BxW8+LfTzNC6AQPGO7DUTjNKjY3c5voD4ZdcvzLeKODjmyzEJuGrcpYS4MnWo/i+6rpI3TPfYqZYLkTDqTRzhAOfhRFwu4g9VKha4hLm7u/TJhSmIb4Z1bkprnbRar3SVTTXiemDFm848bno38AgRrblVVG9NUSQVBXFt/OYqn1AA6r1W1Myh5KLkrVPR7pPlkbuUDAPww1Djlyi3NrvKXwTBHRXE3UCqrBxFvjmoJckHDNREyimxvDLEmp1Lf48u8+9Ozn747NNuxHee/hmyxFzVWTgsn3PXJ2BAI1Y59bNvybdWFD23i86RLbQKFP2rEhnN6sRtpsRXqbAp3CwW7crHbShuhM9cct38vbMvPWLqauU6QNEx61FBLEt2rzJwtZaTjjCfaQaZ5bpN2+pCiHm+uXw3Rc7lu6Cor98mLECCxEI/ukqFsAKWdQSuQbpBJ/pVisYn3esCVu7vFojyvvAjhZNhex9c9jALh8YVt1PBaC8sxFjY80cWvyOGdE3vng+rOy44GXdiAzsGMlmB750qqTRYB0TT9ArSWcGwic6ZBZmHCwZgdy3r1K3YPDv2zRcoTq309+PBP2pcsSszhrwB+dwdZGwhzym2xJedKVnSnIJgsLwW5LFM3Y1C5J1+rlkT0Pqwodi7/chV6ISDS9/B2Izj3XaCPg4pR3i/J4LsY4oKm7Y6INcqLHwXYKvKJcZ/riMipCjwiC6p/p+GuR/6+d5bE+3oi67mHouGfs6+DGOY2tcSiMxAVrdl7lP+AK01mYvY6rOQWpCXyyd2g3OkgUhFszvhCAgi+DSobBMDF5J/FaDd3nWafLiBEvyo05yMy8SZhDReKhF8YWn5AhDAcrrUTez1OF1jVzQV304Na6g0tfx6t1kOsvb2Plexdg1wxcTkXLHfyQjv7AgAiuqNz9vGbRDsUsC8hvB0N6hzH7SflJpIPDeCoqY5oKZowzbr1Xhv/5CzgIiby8oxaK4R3xuIu7fQMuJ6Tgqcqsgqb+D1RseCJjo1tRQ4ccBe+UtTE2Z66CwiN7g+RdussivLg+beqQoqAuf5AFHsGyayXdt5jVwq167/SZ/zP/1n5u+StLqx7C77WoepTnuw8MDKlx6g2wdseWKFxjCZq/eWW/1Pn8QByiWvcRtR5jiaKqBLYUyc6P5QqFWeKhXFjz/xSpgfXtxceTx6gDY6Lt/pvrxvmmQR5nScyIKGSEPWMfj/3XCgq21WyLApG7YrA3pgm56brhcI9EnSjjRjUrsQxTedtH05z9JmQ0B/qE1jD/tFFnhtv5bX6+TpN895pckdfXWGCLRfeoMbwcO6Yva8F4A2bztJq0OSYRL9DuXdk1/6WOpCvrHP4yQu5fKOW2DqbbGBFtyW/RAvu6Y9YEQH9cc2TH0A6vwa+/Un9aBr9gtqHdSvxFPkvUasm5r/3BlfthuBpfAazRiTeVakzTW3sMkGQXDkxopjWmaW+MV4vAXoOe62SiCCurnYp1WvkalV6b8wkHSDMUQMLqh05YvwCYwnD6fKFbjYd4WXoQZmLzacxsNvdqh82wolzTX4hM0+KPelk3rraxz5P4Nk+cYkz6Ecxzm3qL1XSz1vZBuOz8hPTeMKc3Ot5+NoWcSSaVODxTq7HslwvlvFG0NRsGjv76agrfZF/D87JXtmQ6PeTeEsRZMobL5Zk7vEtxRoW4UydwcKUzL9umQyooqmHj9UmuJKjRYxkj0lV2fMowz8/Xk+4EHcC52jglkMXCTHGCKY/wIGTVtFCsZd0Cizmu+cpmFb1NkDQWXd3F5gdx/z1MeLYXRGSIhXouXpIIJIeTTP8Qk/XIabWdLLMaU4kDSdF5zHw9dbqNvlGb61MQ/gwmLRphKtasQVzkGX2WDUEF/Vilg3ixHthKqHLC7tSe+Zf/m3h7Mbbmz2aPenxkQOyPQ0X4B4boLcCoiyGoOLc3jxxyWLzyjREChxCKDNOcCPaSEYkWf5cmUXr/roXxc1omPNx5nYeAX9y6UnuPS/8+utOjQ0H9koLaR5YhqTFyr+hEtsE9nbNegBTFRQOmSHeAOnlLKY0zjZr3MzYQR2uPKnX9/50j6ftWNSs1uyVk/ICnxNXn6OitxkHoK0K8nf9SLXGIcJG4eQ43NaUcahqwa5V3mbuSbm/6eZmTo544xkWVMuk/uWoxaYOHFP2w77l1whZx/5Rud3HO0T9U7H1Qnz2SxJQYv1fu3IM/CODUdnVnaioou40mA0sVifs2/XHEml/i9r//r/gxv0fidT1uqC9gZLU1RUPFQpgcsJYCwE9IgrBjxdlS3vqK7zN1RxjxK5ToZA4tDsnjPZ/DLLzFgrBQGPlATiQN6bBxQPUAPA7CLCvVUhLhYd/qaI+crBVgWDgo7B53+i/0iKc5+ybLC871Af2n8LJdtoDqqfYqecj5gfsMkAZSqPMjjaPbH3PwKLovdd2ymjjTMMmqYQ2sPbos51X/0Cnc5jv9vvew8qyHYlBPIbpphr1L7SpA7AdXTAgaKIfWXUWmze2KXAfhy6kK/ccwYwaSL2ZD04ZT75ySoPq5i7Iyy9+U5mFj83j7tBOs6CmD3b18z8O17FI2TezIYWEJ2teCSUoKJ2r8HL+jmQamUOuH38rR2HjwpekkjjS6Bi5H8om0K4+nW2shEyDWvYc9BkoAAlDqF3n7d0/WIj5xQqjvEbMZ2ZUTPHMF2gVWQRX5WKp9A37v5hLxkm3u9LuQEeHgpsWybHRnnuC+ptaslICmFKPaYxHxtH5UvKYQxdtkIBs+8H0IdNYjN8kQmnHrF2AH1a7Tu/9NtIxRo3M/SWFjBoZJljJiGsDHELpeP/6XOwNQYvSWLeRjG2ryx0qeVj0uke6vFxSh5LBUjCn21HJzz7pFD98aJ85GmSStnDRa2b12MSkYOuSPP5p9D96W6RaU/mUDj1H4d31yG8i4RdlwWv3EvG/Nte187U3t2k+6ji9kXwMSTsLEjo2wNUe06fLamgdtbLP09SLtFyo3BTxPT87xc0PiZh0yuHG0ZKQYorWuQNVaF4DKtYYBKDpx6k8hZLryy2sb1fAXE6rFfRvWvkTyY8st8UygluHZTtXeeR6PC1fGYa60AzjG13dY99e5IliXvrnUazi8yzbyxC9qat+taeRNbSBfbclsO1dNA1Zh9noNc6M8H6wTOxcAGLjW8soxvyCkgTFwZq+ogTae3I6/uNkq2r3ukb2GKwXJwCWrwBnmPyqZcjEDCqySXVR6q6I0HJ54be1ACldNqMohTFi9acBrO8lSeTu5bldjCtM35esWRUqXJrSMBsD9KznlmhruKOA0ag1pAoTp5umQ0BG7GHiX4acAVSZV7KnRYlhk2uLxjJvqcT/qE1teRysLQzPVob5yko3mhr4CuguARC6Ox+RZW+da+ZINbbftaRbF/76/tVrO+Zmzi7QGFn+2UPpMwUi+spqxQirXK3oXq9BcUpqXPxEv+hRzX12F/XRwRA8GHagjiR0vlEAmc20FgwdT+lmIIZ6OdpDUv1nzyFJpd6HluYI5PNgzFW3/PDHHN9KC0RmbTQV0amRN9DpHagnWjbqwAcmZF5AbWubnfeHBpapDOOvaEf30cw2LzScmIXtdQ2yDcI8KtcpNl0CKzSmmqd9gJqb5fm1lkhFIoV7UiJ085+S0JSr7V958FB7aL+I3OrVuKymVYq/Bk1Ds8rMuRQfU27rUKzq+/rufw2UEnN4glcztHY/IjZzbd7gpUPzXmhx98qOqKu9KY8mLGm/LDPaU822Y88j/a5Jtb8TAiWqdrIhAjFOUCsIwdrQuWs5pqSOnRb6XXexHixu7L/yRqR4RgoRiwwoZd3ssJ0aAj4XJ1C53XVAwvDeoydLFeGl3U/FNmlynU6Fjk2E5SI3KaBmSLspa0xO3sJe66Iyvg2utmvQ35ZzWr0mfjliYIaKEnHVzYVnUJ9iTb9pnW5l4LthGCe/zUJ1yK1R+AcFNaGJIFsV0PkB0Oqo2oLQACIq8N9SHTDdXjU4H5pfKCqACtKgy4uNJsF2S2+9NyGRTAsVAAEJ8u/CZ/H0r+7jYv8CGHpCHkhLU78SjAaOMI3Pn3kptpHFCH4Z4JGQdW6yoTztCJvkSHhpXop5OnCNN9TFbb7cUO1fuPHgziC/ZfsiIb8etqRkbz7fMxoe+E+KowaYuzJTs6W7Kc2a0J1GBoh/RYLvwWj3Un2lk3ynsG04d+FJMPKWtmt2JCGQrgTwms6uB6OIDmqBayvYua3HjzXxxUE0E9+3ualIsEiBRqaDWzQEFxS1AyzPPsSyyGnGtaA6UEE9giKqKXTgdU+7j0S8xbLDYxVrIvzVlpXBw4x/IbVTqAJ4Nxs1aQjpWA0KaAFsCnXGMO2Tlxm7fom46xxJErtsAAfnJBxHeUWcgod31WPJ9c4HdMQgvh1tgQvLHsF/VseHiY1xxV6JmATtSPYsIUAYbcbRQvwsD6vi2MrA4r0/TVAimKm7aSJQ8Z3LkG0ZCSTvMAAAbToOnCDhD4na2H5FohYv27UGhoJDvjRiyP7vwHm4NIRvqlh2Hih697qoElwt92NOrR1PwFvH+5RRfHmqQEzTJgzRsEdjue7WjCLbiH/WgCNXyBIUeYjXN4zEUwT2yaIH4flmnIpHG2yWkOgf3TyOpEApzZV6UhP8ia1J1F2LSAlXuqmZXX+VDr6q+5XasXdFacHvJiL93N2ZvNWyQZFj7oVDSBK24+Qspg3bP/zhAAwSbnTTM76CWEGDxUK/ZrxomBEx7SaZXz7MjFNZrwIMOap7nvvfS+jRNhx6RE3ZZx/dWz7F6g6UAc0mcsm1DhJ/GVIAhLXry0lGxN+CZwYxyhsmLXooaKsSx6kSPwm4cJ/tSTm7H3XEIAFVB6B5mHcFfkgRzAgttU3wE4Cx911WkvASC9RbktPFyX8xPA2kZVyAVthPFMbSX9bvdhhc3cT5jPyHeXtl2FNMhUy5nTlM5q9lvUarzVgZ54vpxgj4MrhyxF4bv8QcYbRFySMPAkYMg42t8L1YhSfJbJ4zwiK9B3YH9fwtGSEtISFECiuJvimnaXX7s+0DRKEHLcoAmxZs5cQYtPomFCrEOGc5TjhutxEMGemBoOjAKTdF0m5rdhNFRNBxxR3NiNDIGcTM2pTZNyAQz4Qv5EKWyEhobY+Q9qzoI4kZqzAUMHh2nHDcxt2q0CkcDT5ZVQlWPaI5j6lbGmF4NikLYsiLqwFafGUdl8sjUUjpnC32twI5mzA7tOHNJtU1v1rM543yIYyF/XXjw4goTpU+jBsNtV0FFGBPh5EhA694WVXdpWVW4S3BXNQ0Vs0D2FvwEfYX8bxDBQjSr30gtsdAtdVU9+pjqwq17p9dawXrLNcMCgUJETFTcj2LjAKHrJw2NUMDGEU5Sqjk+tZDgbE0r06j6BcJACRucrRN7/EO6jex/OKj6YQTBCrIVzJVTgyZXXdNni/P8jdwWWFu5yNvYKHMvvCI0G/B5aBxLDtU8B9F+YkJBSW2O07gwcWbqSxpgapzBwB6biPJDarp+3hiDc4RG3kMQnun+LNqr3i/kpJ56KtIFK5FrZMiGhQpV6IVuC4Xt6BDJE16tn5Nkv+UtFXbI2AoZ9Av4He1pTbWb3U5o3VkqDAOx2rvFa6/+gU7tuzmhokmh+T66rUXbCSc5eTW1oGI3tYoGoUiGI0MX5ON/x1xtlksJEdq/IsS9IQDy3IkRl9WTg/Nyb7gaHwAYnaOo6oWYjC0yI6VxdSr8ngStXZFEcfjXI7nGqa05dpvb+WnUtbUNCMq5fd5KyuUS3zQAeghHlqUsyR/wINzSRx3ViLqsceGD8ZqLszROp5IV85K3RDlBE29fCCHWUqOwyQaJkTHK2yFnxkjf5iV3pPFGlXhft9AkN1Ryok6gTqPhDZ10FssHvNwK54LqYmS1pRdwM1dvZrE9CP7QU98Gsv9nUtFKXA8XNMF1VYZLUfaUH+k1JzWUH0YQM5+rKLBaGPOu1B31ZsMwCZpmkJo1zpscEP9wmxziaRz8zUBNVv00dlk9jo73E9rm+2aFWIbQxGi6jGcSfFIB6IG7sUcpH6mPTyLP2lWXJ3Tq5NuQhAPGogydrj4aD92CBtB550mnuOvfSmjzlqbL6YEUvbbV5HdoG1vN/IFg1Spjw1eUB+aKPh6VUL1MPdxE2RzfSJl6YPL4E3IezWE8c8VT5n+QA==");
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-custom.theme-dark {
--panel-page-background-url-theme: var(--background-panel-page-theme-dark-custom);
}
body.toggle-bg-panel-page.panel-page-bg-theme-light-custom.theme-light {
--panel-page-background-url-theme: var(--background-panel-page-theme-light-custom);
}
body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-split.mod-root .view-content {
background: var(--background-nonoverlapping-note);
}
/* Sea and sky for Blue Topaz */
.workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.12;
background-size: 100% 100%;
}
body.background-notebook-liked-switch .markdown-embed :is(.markdown-preview-view, .markdown-rendered),
body.background-notebook-liked-switch .cm-s-obsidian .cm-embed-block {
background: inherit !important;
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-1 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-1 .cm-s-obsidian .cm-scroller {
background: var(--bg-color-notebook);
background-image: linear-gradient(90deg, var(--grid-notebook-line-color-1) 3%, transparent 0), linear-gradient(var(--grid-notebook-line-color-1) 3%, transparent 0);
background-size: 20px 20px;
}
body:not(.toggle-fixed-pattern).background-notebook-liked-switch .markdown-preview-view.markdown-rendered,
body:not(.toggle-fixed-pattern).background-notebook-liked-switch .cm-s-obsidian .cm-scroller {
background-attachment: local !important;
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-1 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-1 .cm-s-obsidian .cm-scroller {
background: var(--bg-color-notebook);
background-image: radial-gradient(var(--dotted-notebook-dot-color) 10%, transparent 0);
background-size: 22px 22px;
background-position: 8px 8px;
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-2 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-2 .cm-s-obsidian .cm-scroller {
background: var(--bg-color-notebook);
background-image: radial-gradient(var(--dotted-notebook-dot-color) 10%, transparent 0),
radial-gradient(var(--dotted-notebook-dot-color) 10%, transparent 0);
background-size: 30px 30px;
background-position: 0 0, 15px 15px;
}
/*https://www.jianshu.com/p/2b713844cfe9*/
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-2 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-2 .cm-s-obsidian .cm-scroller {
background: var(--bg-color-notebook);
background-image:
linear-gradient(var(--grid-notebook-line-color-2) 1px, transparent 0),
linear-gradient(90deg, var(--grid-notebook-line-color-2) 1px,transparent 0),
linear-gradient(var(--grid-notebook-line-color-1) 1px,
transparent 0),
linear-gradient(90deg,var(--grid-notebook-line-color-1) 1px,
transparent 0);
background-size: 75px 75px, 75px 75px, 15px 15px, 15px 15px;
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1 .cm-s-obsidian .cm-scroller {
background: var(--stripe-notebook-stripe-color);
background-image: repeating-linear-gradient(135deg,
hsla(0,0%,100%,.03), hsla(0,0%,100%,.03) 13px, transparent 0, transparent 30px);
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1.theme-light .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1.theme-light .cm-s-obsidian .cm-scroller {
background: var(--stripe-notebook-stripe-color);
background-image: repeating-linear-gradient(135deg,
hsla(0,0%,100%,.3), hsla(0,0%,100%,.3) 13px, transparent 0, transparent 30px);
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2 .cm-s-obsidian .cm-scroller {
background: var(--stripe-notebook-stripe-color);
background-image:repeating-linear-gradient(45deg,
hsla(0,0%,100%,.025), hsla(0,0%,100%,.025) 20px, transparent 0, transparent 60px), repeating-linear-gradient(-45deg, hsla(0,0%,100%,.025), hsla(0,0%,100%,.025) 20px, transparent 0, transparent 60px);
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2.theme-light .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2.theme-light .cm-s-obsidian .cm-scroller {
background: var(--stripe-notebook-stripe-color);
background-image:repeating-linear-gradient(45deg,
hsla(0,0%,100%,.3), hsla(0,0%,100%,.3) 20px, transparent 0, transparent 60px), repeating-linear-gradient(-45deg, hsla(0,0%,100%,.3), hsla(0,0%,100%,.3) 20px, transparent 0, transparent 60px);
}
.workspace-leaf-content .floating-toc-div+.markdown-source-view .cm-editor {
padding-left: 0;
}
body.toggle-split-note-background .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-leaf-content .markdown-rendered,
body.toggle-split-note-background .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-container .workspace-leaf-content .cm-scroller,
body.toggle-split-note-background .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-container .workspace-leaf-content .markdown-reading-view {
background: initial;
}
body.background-image-settings-switch .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: var(--bg-markdown-page-opacity-cp,0.25);
background-size: cover;
}
body.background-image-settings-switch.background-image-settings-markdown-page-transparent .workspace-split.mod-root {
--background-primary: transparent;
--tab-outline-color:transparent;
}
body.background-image-settings-switch.background-image-settings-markdown-page-transparent.theme-dark .workspace-split.mod-root .workspace-tab-header.is-active {
background-color: transparent;
}
body.background-image-settings-switch.background-image-settings-markdown-page-transparent .mod-root .workspace-tabs .workspace-leaf {
background-color: unset;
}
body.background-image-settings-switch.background-image-settings-markdown-page-four-seasons .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
background-size: 100% 100%;
}
body.background-image-settings-switch.background-image-settings-markdown-page-custom.theme-dark .workspace-split.mod-root .workspace-leaf .workspace-leaf-content[data-type="markdown"]::before {
background-image: var(--background-markdown-page-theme-dark-custom);
}
body.background-image-settings-switch.background-image-settings-markdown-page-custom.theme-light .workspace-split.mod-root .workspace-leaf .workspace-leaf-content[data-type="markdown"]::before {
background-image: var(--background-markdown-page-theme-light-custom);
}
body.background-image-settings-switch.background-image-settings-markdown-page-custom .workspace-split.mod-root .workspace-leaf .workspace-leaf-content[data-type="markdown"]::before {
background-size:unset;
background-color: var(--custom-markdown-page-background-color);
opacity: var(--bg-markdown-page-opacity-cp,1);
}
/* ================================== */
/* ============= publish ============ */
/* ================================== */
/*
.site-body .site-body-left-column-site-name {
color: var(--theme-color);
font-size: 2.5em;
}
.modal.mod-publish .file-tree-item-checkbox {
filter: hue-rotate(var(--theme-color));
}
.graph-view-outer .graph-view-container,
.site-body-left-column,
.site-body-left-column:before {
background-color: var(--background-secondary);
}
.theme-light .site-body-left-column,
.theme-light .site-body-left-column:before {
background-color: var(--background-secondary-alt-bg-4-bt-publish);
}
.nav-view-outer .tree-item .tree-item .tree-item-children {
margin-left: 12px;
padding-left: 0;
border-left: 1px solid var(--background-modifier-border);
border-radius: 0;
transition: all 400ms ease-in;
}
.nav-view-outer .tree-item .tree-item .tree-item-children:hover {
border-left-color: var(--theme-color);
}
body:not(.default-icons) .nav-view-outer .tree-item-self.collapse-icon {
left: 0px;
top: 7px;
margin-top: 0px;
}
body:not(.default-icons) .nav-view-outer .tree-item-self .tree-item-icon::before {
content: "↓";
font-size: 14px;
font-family: 'Inter';
font-weight: bold;
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body:not(.default-icons) .nav-view-outer .tree-item-self .tree-item-icon svg {
display: none;
color: var(--accent-strong);
height: 7px;
width: 7px;
}
body:not(.default-icons) .nav-view-outer .tree-item.is-collapsed .tree-item-icon.collapse-icon {
transform: translateX(0px) translateY(0px) rotate(-90deg);
opacity: 0.5;
}
.nav-view-outer .tree-item-self.mod-active {
--background-secondary-alt: var(--interactive-accent);
--text-normal: #ffffff;
}
.nav-view-outer .tree-item .tree-item-self.is-clickable {
color: var(--text-normal);
font-weight: 600;
}
.nav-view-outer .tree-item .tree-item-self.is-clickable:hover {
background-color: var(--background-secondary-alt);
}
.nav-view-outer .tree-item.is-collapsed .tree-item-self.is-clickable {
color: var(--text-muted);
}
.outline-view-outer .tree-item .tree-item-children {
margin-left: 12px;
padding-left: 0;
border-left: 1px solid var(--background-modifier-border);
border-radius: 0;
transition: all 400ms ease-in;
}
.outline-view-outer .tree-item.tree-item-children:hover {
border-left-color: var(--theme-color);
}
.outline-view-outer .tree-item-self {
padding: 2px 6px 2px 10px;
}
.outline-view-outer .tree-item-self.mod-active {
background-color: var(--theme-color-translucent-015);
}
.site-body :is(.markdown-preview-view,.markdown-rendered) .tag:not(.token) {
color: var(--tag-text);
}
.site-body .publish-renderer :is(.markdown-preview-view,.markdown-rendered) ol>li {
border-left: 0.125em solid var(--list-ol-block-color);
}
.site-body .publish-renderer :is(.markdown-preview-view,.markdown-rendered) ul>li:not(.task-list-item) {
border-left: 0.125em solid var(--list-ul-block-color);
}
*/
/* Coloured Folders for Blue Topaz 0-Z, v0.3
modified from the snippet created by @Lithou */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder-title {
margin-bottom: 0;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).theme-dark {
--FoldText: #cbcbcb;
}
/*color scheme-1, high transparency*/
body.bt-toggle-colorful-folder.folder-colorful-one.theme-dark {
--Fold0: #ff40403d;
--Fold1: #f31f7448;
--Fold2: #be25ff49;
--Fold3: #7337ff67;
--Fold4: #2f4bff65;
--Fold5: #1372d188;
--Fold6: #0289d17e;
--Fold7: #0096a77e;
--Fold8: #00796b94;
--Fold9: #388e3c80;
--FoldA: #689f3883;
--FoldB: #afb42b81;
--FoldC: #f9ab255d;
--FoldD: #ff910063;
--FoldE: #ef6c0067;
--FoldF: #d8421559;
--FoldG: #1e5f74ca;
--FoldH: #c53571b9;
--FoldI: #4b5d67d0;
--FoldJ: #295d6d7a;
--FoldK: #5734d691;
--FoldL: #4c4c6dda;
--FoldM: #ad62aab9;
--FoldN: #c490e4a1;
--FoldO: #b42a3d8e;
--FoldP: #af173880;
--FoldQ: #4c25a0b2;
--FoldR: #5f84dbc4;
--FoldS: #c06c84ce;
--FoldT: #684656d5;
--FoldU: #797d8581;
--FoldV: #556e53e3;
--FoldW: #2f5241b2;
--FoldX: #834c69ed;
--FoldY: #df85c885;
--FoldZ: #362222ea;
}
/*color scheme-2, low transparency*/
body.bt-toggle-colorful-folder.folder-colorful-two.theme-dark {
--Fold0: #823131d7;
--Fold1: #96174ad7;
--Fold2: #731a9ad7;
--Fold3: #543796d7;
--Fold4: #2b3ba2d7;
--Fold5: #185898d7;
--Fold6: #1e6b95d7;
--Fold7: #187782d7;
--Fold8: #0d6a5fd7;
--Fold9: #1f7624d7;
--FoldA: #2f6007ef;
--FoldB: #6c7e12ef;
--FoldC: #7b7e0def;
--FoldD: #7f6c0cef;
--FoldE: #7d550cef;
--FoldF: #76350aef;
--FoldG: #671c14ef;
--FoldH: #710d0def;
--FoldI: #7a0d36ef;
--FoldJ: #710b52ef;
--FoldK: #710e7aef;
--FoldL: #621287ef;
--FoldM: #470f7bef;
--FoldN: #381182ef;
--FoldO: #1c1089ef;
--FoldP: #192698ef;
--FoldQ: #1737a2ef;
--FoldR: #0e4295ef;
--FoldS: #0f5495ef;
--FoldT: #0f5f8eef;
--FoldU: #0d687eef;
--FoldV: #0a7373ef;
--FoldW: #0d6e5def;
--FoldX: #0b6542ef;
--FoldY: #0a642def;
--FoldZ: #105b09ef;
}
/*color scheme-3*/
body.bt-toggle-colorful-folder.folder-colorful-three.theme-dark {
--Fold0: #002044d7;
--Fold1: #042b58d7;
--Fold2: #032d5dd7;
--Fold3: #032f60d7;
--Fold4: #04356ed7;
--Fold5: #053c7ad7;
--Fold6: #0f4a8ed7;
--Fold7: #18559ad7;
--Fold8: #1e5fa9d7;
--Fold9: #296bb6d7;
--FoldA: #003404ef;
--FoldB: #014406ef;
--FoldC: #004c06ef;
--FoldD: #005607ef;
--FoldE: #005d08ef;
--FoldF: #006c09ef;
--FoldG: #007a06ef;
--FoldH: #4e3200ef;
--FoldI: #5d3c00ef;
--FoldJ: #6c4600ef;
--FoldK: #784e00ef;
--FoldL: #8c5b00ef;
--FoldM: #915e00ef;
--FoldN: #a06800ef;
--FoldO: #5d0000ef;
--FoldP: #640000ef;
--FoldQ: #780000ef;
--FoldR: #870000ef;
--FoldS: #930000ef;
--FoldT: #a20000ef;
--FoldU: #0a0f58ef;
--FoldV: #050b64ef;
--FoldW: #091075ef;
--FoldX: #131a82ef;
--FoldY: #1f2791ef;
--FoldZ: #2a3296ef;
}
/*color scheme-4*/
body.bt-toggle-colorful-folder.folder-colorful-four.theme-dark {
--Fold0: #002f65d7;
--Fold1: #003675d7;
--Fold2: #003d82d7;
--Fold3: #004696d7;
--Fold4: #0053b1d7;
--Fold5: #0657b5d7;
--Fold6: #0b66ced7;
--Fold7: #156cd0d7;
--Fold8: #2278dad7;
--Fold9: #2879d6d7;
--FoldA: #001e5fef;
--FoldB: #002473ef;
--FoldC: #002d90ef;
--FoldD: #0135a5ef;
--FoldE: #073bb6ef;
--FoldF: #0d46c2ef;
--FoldG: #1253d6ef;
--FoldH: #002351ef;
--FoldI: #00306eef;
--FoldJ: #05336fef;
--FoldK: #093c7eef;
--FoldL: #0f4489ef;
--FoldM: #19529def;
--FoldN: #2965b3ef;
--FoldO: #003156ef;
--FoldP: #003f6fef;
--FoldQ: #004b84ef;
--FoldR: #005190ef;
--FoldS: #07599bef;
--FoldT: #1c6db0ef;
--FoldU: #003d5aef;
--FoldV: #004d71ef;
--FoldW: #005c87ef;
--FoldX: #066996ef;
--FoldY: #1379a9ef;
--FoldZ: #1b89bbef;
}
/*color scheme-5*/
body.bt-toggle-colorful-folder.folder-colorful-five.theme-dark {
--Fold0: #7b7b05d7;
--Fold1: #2d7a04d7;
--Fold2: #097a4bd7;
--Fold3: #09756fd7;
--Fold4: #0a6b7ad7;
--Fold5: #0b556ed7;
--Fold6: #0b426fd7;
--Fold7: #0d226ed7;
--Fold8: #350e6cd7;
--Fold9: #5b0254d7;
--FoldA: #350e6cd7;
--FoldB: #0d226ed7;
--FoldC: #0b426fd7;
--FoldD: #0b556ed7;
--FoldE: #09756fd7;
--FoldF: #097a4bd7;
--FoldG: #2d7a04d7;
--FoldH: #7b7b05d7;
--FoldI: #2d7a04d7;
--FoldJ: #097a4bd7;
--FoldK: #09756fd7;
--FoldL: #0b556ed7;
--FoldM: #0b556ed7;
--FoldN: #0b426fd7;
--FoldO: #0d226ed7;
--FoldP: #350e6cd7;
--FoldQ: #5b0254d7;
--FoldR: #350e6cd7;
--FoldS: #0d226ed7;
--FoldT: #0b426fd7;
--FoldU: #0b556ed7;
--FoldV: #0b556ed7;
--FoldW: #09756fd7;
--FoldX: #097a4bd7;
--FoldY: #2d7a04d7;
--FoldZ: #7b7b05d7;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).theme-light {
--FoldText: #000000;
}
/*color scheme-1, high transparency*/
body.bt-toggle-colorful-folder.folder-colorful-one.theme-light {
--Fold0: #f3bfbf54;
--Fold1: #ffbdd769;
--Fold2: #ebbcff69;
--Fold3: #ccb7ff65;
--Fold4: #b1bcff5e;
--Fold5: #98c6f45d;
--Fold6: #99ceeb5d;
--Fold7: #81dee95d;
--Fold8: #6ec7bc5b;
--Fold9: #8dde9162;
--FoldA: #a5dd745e;
--FoldB: #c9d96c5e;
--FoldC: #dbdd6a65;
--FoldD: #e5cb5965;
--FoldE: #e6b25365;
--FoldF: #e5915965;
--FoldG: #df756765;
--FoldH: #f46f6f65;
--FoldI: #f16fa16e;
--FoldJ: #ec6bc66e;
--FoldK: #de6ce86e;
--FoldL: #be62e96e;
--FoldM: #ad6cea6e;
--FoldN: #966ce66e;
--FoldO: #786be56e;
--FoldP: #717ce26e;
--FoldQ: #748fe76e;
--FoldR: #6f9ee96e;
--FoldS: #6fade86e;
--FoldT: #68b8e76e;
--FoldU: #63c9e36e;
--FoldV: #6ed3d36e;
--FoldW: #61c0b06e;
--FoldX: #4dbc916e;
--FoldY: #52bb7b6e;
--FoldZ: #5fbb576e;
}
/*color scheme-2, low transparency*/
body.bt-toggle-colorful-folder.folder-colorful-two.theme-light {
--Fold0: #ffe2e2;
--Fold1: #ffdee9;
--Fold2: #f6e1ff;
--Fold3: #e9dfff;
--Fold4: #e1e5ff;
--Fold5: #d4eaff;
--Fold6: #cdedff;
--Fold7: #ccf2f7;
--Fold8: #d5f8f4;
--Fold9: #d8f8da;
--FoldA: #ecffdb;
--FoldB: #f4fbd2;
--FoldC: #f7f8cf;
--FoldD: #f7f0cc;
--FoldE: #fdeed2;
--FoldF: #ffe4d3;
--FoldG: #ffdbd6;
--FoldH: #ffdfdf;
--FoldI: #ffdce9;
--FoldJ: #ffdbf4;
--FoldK: #fcddff;
--FoldL: #f4dbff;
--FoldM: #ecd7ff;
--FoldN: #e5d7ff;
--FoldO: #dad6ff;
--FoldP: #d6daff;
--FoldQ: #d7e1ff;
--FoldR: #d5e5ff;
--FoldS: #d3eaff;
--FoldT: #d3eeff;
--FoldU: #d6f7ff;
--FoldV: #d6ffff;
--FoldW: #dafff8;
--FoldX: #dcfcef;
--FoldY: #dcffe9;
--FoldZ: #defcdc;
}
/*color scheme-3*/
body.bt-toggle-colorful-folder.folder-colorful-three.theme-light {
--Fold0: #80dc87ef;
--Fold1: #8fe296ef;
--Fold2: #9de5a3ef;
--Fold3: #b1ebb6ef;
--Fold4: #bbebbfef;
--Fold5: #c8ebcbef;
--Fold6: #d9ecdaef;
--FoldG: #50a2ffd7;
--FoldF: #60aaffd7;
--FoldE: #6eb2ffd7;
--FoldD: #76b6ffd7;
--FoldC: #89c0ffd7;
--FoldB: #93c5ffd7;
--FoldA: #aad2ffd7;
--Fold9: #bbdbffd7;
--Fold8: #c8e2ffd7;
--Fold7: #d2e7ffd7;
--FoldH: #ffbc40ef;
--FoldI: #ffc75fef;
--FoldJ: #ffcd71ef;
--FoldK: #ffd485ef;
--FoldL: #ffe0a6ef;
--FoldM: #ffe7bbef;
--FoldN: #ffedcbef;
--FoldO: #ff7676ef;
--FoldP: #ff9494ef;
--FoldQ: #ffa1a1ef;
--FoldR: #ffb8b8ef;
--FoldS: #ffcbcbef;
--FoldT: #ffe1e1ef;
--FoldU: #a38fffef;
--FoldV: #b09fffef;
--FoldW: #c2b5ffef;
--FoldX: #d2c6ffef;
--FoldY: #e0daffef;
--FoldZ: #eae4ffef;
}
/*color scheme-4*/
body.bt-toggle-colorful-folder.folder-colorful-four.theme-light {
--Fold0: #50a2ffd7;
--Fold1: #60aaffd7;
--Fold2: #6eb2ffd7;
--Fold3: #76b6ffd7;
--Fold4: #89c0ffd7;
--Fold5: #93c5ffd7;
--Fold6: #aad2ffd7;
--Fold7: #bbdbffd7;
--Fold8: #c8e2ffd7;
--Fold9: #d2e7ffd7;
--FoldA: #709effef;
--FoldB: #81a9ffef;
--FoldC: #92b5ffef;
--FoldD: #a4c1ffef;
--FoldE: #b4cbffef;
--FoldF: #c3d6ffef;
--FoldG: #d4e2ffef;
--FoldH: #7ab3ffef;
--FoldI: #86bbffef;
--FoldJ: #9dc7ffef;
--FoldK: #acd0ffef;
--FoldL: #b1d3ffef;
--FoldM: #c6dfffef;
--FoldN: #d1e5ffef;
--FoldO: #80c8ffef;
--FoldP: #97d2ffef;
--FoldQ: #a9daffef;
--FoldR: #b7e0ffef;
--FoldS: #c8e6ffef;
--FoldT: #d9eeffef;
--FoldU: #7dd6ffef;
--FoldV: #94ddffef;
--FoldW: #a4e2ffef;
--FoldX: #b5e8ffef;
--FoldY: #c5edffef;
--FoldZ: #d2f1ffef;
}
/*color scheme-5*/
body.bt-toggle-colorful-folder.folder-colorful-five.theme-light {
--Fold0: #e4e483d7;
--Fold1: #bde7a7d7;
--Fold2: #9de2c5d7;
--Fold3: #93dad6d7;
--Fold4: #9de2ecd7;
--Fold5: #8ddcf7d7;
--Fold6: #8acaffd7;
--Fold7: #aebdf3d7;
--Fold8: #cab2ebd7;
--Fold9: #e9b1e5d7;
--FoldA: #cab2ebd7;
--FoldB: #aebdf3d7;
--FoldC: #8acaffd7;
--FoldD: #9de2ecd7;
--FoldE: #93dad6d7;
--FoldF: #9de2c5d7;
--FoldG: #bde7a7d7;
--FoldH: #e4e483d7;
--FoldI: #bde7a7d7;
--FoldJ: #9de2c5d7;
--FoldK: #93dad6d7;
--FoldL: #9de2ecd7;
--FoldM: #8ddcf7d7;
--FoldN: #8acaffd7;
--FoldO: #aebdf3d7;
--FoldP: #cab2ebd7;
--FoldQ: #e9b1e5d7;
--FoldR: #cab2ebd7;
--FoldS: #aebdf3d7;
--FoldT: #8acaffd7;
--FoldU: #8ddcf7d7;
--FoldV: #9de2ecd7;
--FoldW: #93dad6d7;
--FoldX: #9de2c5d7;
--FoldY: #bde7a7d7;
--FoldZ: #e4e483d7;
}
/*color scheme-custom*/
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) {
--Fold0: hue-rotate(350deg);
--Fold1: hue-rotate(340deg);
--Fold2: hue-rotate(330deg);
--Fold3: hue-rotate(320deg);
--Fold4: hue-rotate(310deg);
--Fold5: hue-rotate(300deg);
--Fold6: hue-rotate(290deg);
--Fold7: hue-rotate(280deg);
--Fold8: hue-rotate(270deg);
--Fold9: hue-rotate(260deg);
--FoldA: hue-rotate(250deg);
--FoldB: hue-rotate(240deg);
--FoldC: hue-rotate(230deg);
--FoldD: hue-rotate(220deg);
--FoldE: hue-rotate(210deg);
--FoldF: hue-rotate(200deg);
--FoldG: hue-rotate(190deg);
--FoldH: hue-rotate(180deg);
--FoldJ: hue-rotate(170deg);
--FoldK: hue-rotate(160deg);
--FoldL: hue-rotate(150deg);
--FoldM: hue-rotate(140deg);
--FoldN: hue-rotate(130deg);
--FoldO: hue-rotate(120deg);
--FoldP: hue-rotate(110deg);
--FoldQ: hue-rotate(100deg);
--FoldR: hue-rotate(90deg);
--FoldS: hue-rotate(80deg);
--FoldT: hue-rotate(70deg);
--FoldU: hue-rotate(60deg);
--FoldV: hue-rotate(50deg);
--FoldW: hue-rotate(40deg);
--FoldX: hue-rotate(30deg);
--FoldY: hue-rotate(20deg);
--FoldZ: hue-rotate(10deg);
}
body.bt-toggle-colorful-folder.folder-colorful-six {
--Fold0: #fc5c65;
--Fold1: #fd9644;
--Fold2: #fed330;
--Fold3: #26de81;
--Fold4: #2bcbba;
--Fold5: #45aaf2;
--Fold6: #4b7bec;
--Fold7: #a55eea;
--Fold8: #d1d8e0;
--Fold9: #778ca3;
--FoldA: #eb3b5a;
--FoldB: #fa8231;
--FoldC: #f7b731;
--FoldD: #20bf6b;
--FoldE: #0fb9b1;
--FoldF: #2d98da;
--FoldG: #3867d6;
--FoldH: #8854d0;
--FoldI: #a5b1c2;
--FoldJ: #4b6584;
--FoldK: #fc5c65;
--FoldL: #fd9644;
--FoldM: #fed330;
--FoldN: #26de81;
--FoldO: #2bcbba;
--FoldP: #45aaf2;
--FoldQ: #4b7bec;
--FoldR: #a55eea;
--FoldS: #d1d8e0;
--FoldT: #778ca3;
--FoldU: #eb3b5a;
--FoldV: #fa8231;
--FoldW: #f7b731;
--FoldX: #20bf6b;
--FoldY: #0fb9b1;
--FoldZ: #2d98da;
}
/* =======folder-colorful-custom============= */
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title:hover,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title:hover{
font-weight: bold;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title+.nav-folder-children .nav-file-title.is-active {
opacity: 0.8;
background-color: var(--folder-colorful-custom-color);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldB);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldC);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldD);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldE);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldF);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldG);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldH);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldI);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldJ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldK);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldL);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldM);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldN);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldO);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldP);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldQ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldR);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldS);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldT);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldU);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldV);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldW);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldX);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldY);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children .nav-file-title.is-active {
filter: var(--FoldZ);
}
/* ===folder-style-change-options-colorful-order ============ */
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title {
color: var(--FoldText);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title.is-active,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title:hover {
font-weight: bold;
filter: saturate(150%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+2) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+2) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+3) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+3) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+4) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+4) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+5) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+5) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+6) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+6) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+7) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+7) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+8) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+8) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+9) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+9) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+10) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+10) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+11) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+11) .nav-folder-title+.nav-folder-children {
background-color: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+12) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+12) .nav-folder-title+.nav-folder-children {
background-color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+13) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+13) .nav-folder-title+.nav-folder-children {
background-color: var(--FoldB);
}
/*=====folder colorful title=====*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title.is-active,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title.is-active,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title:hover,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title:hover{
font-weight: bold;
filter: saturate(150%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title {
font-weight: 600;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+2) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+2) .nav-file-title {
color: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+3) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+3) .nav-file-title {
color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+4) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+4) .nav-file-title{
color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+5) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+5) .nav-file-title {
color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+6) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+6) .nav-file-title {
color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+7) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+7) .nav-file-title {
color: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+8) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+8) .nav-file-title {
color: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+9) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+9) .nav-file-title {
color: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+10) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+10) .nav-file-title {
color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+11) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+11) .nav-file-title {
color: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+12) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+12) .nav-file-title {
color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+13) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+13) .nav-file-title {
color: var(--FoldB);
}
/*=====folder-colorful-custom=====*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title+.nav-folder-children {
background-color: var(--folder-colorful-custom-color);
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order,.folder-style-change-options-colorful-title) {
--folder-colorful-custom-color: var(--theme-color);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title.is-active,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title.is-active,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title:hover,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title:hover{
font-weight: bold;
filter: saturate(150%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title.folder-colorful-custom .nav-folder.mod-root>.nav-folder-children>.nav-folder .nav-file-title {
color:var(--folder-colorful-custom-color);
font-weight: 600;
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+2) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+2) .nav-file-title {
filter: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+3) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+3) .nav-file-title {
filter: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+4) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+4) .nav-file-title {
filter: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+5) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+5) .nav-file-title {
filter: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+6) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+6) .nav-file-title {
filter: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+7) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+7) .nav-file-title {
filter: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+8) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+8) .nav-file-title {
filter: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+9) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+9) .nav-file-title {
filter: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+10) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+10) .nav-file-title {
filter: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+11) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+11) .nav-file-title {
filter: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+12) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+12) .nav-file-title {
filter: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+13) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-folder.mod-root>.nav-folder-children>.nav-folder:nth-child(12n+13) .nav-file-title {
filter: var(--FoldB);
}
/* Set up explorer container margins */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container {
margin: 0 5px;
}
/* Remove collapse arrow from top level folders */
body.remove-arrow.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title>.nav-folder-collapse-indicator {
display: none;
}
/* Top Level Folder Titles */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title {
color: var(--FoldText);
padding: var(--nav-item-parent-padding);
padding-bottom: 4px;
/* padding-left: 3px; */
margin-top: 3px;
/* space between top level sections */
border-radius: 5px 5px 0 0;
}
/* Rounded borders */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder.mod-root>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title {
border-radius: 5px;
}
/* General Nav Folder Children (this is the part that expands from each top level folder) */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children {
margin-left: 0;
border-radius: 0 0 5px 5px;
padding-bottom: 5px;
border-left: 0px solid;
padding-left:1em;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-file-title {
padding-left: 5px;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-file-title-content {
color: var(--FoldText);
}
/*
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder>.nav-folder-children {
margin-left: 0;
padding-left: 0;
border-left: unset !important;
border-radius: 0;
transition: all 400ms ease-in;
}
*/
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).is-mobile .nav-folder-title {
margin-bottom: 0;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder-children .nav-folder-children {
border-left: 1px solid var(--text-muted);
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).is-mobile .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children {
padding-bottom: 5px;
}
/* active file increase font size and removes normal highlight marker */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-file-title.is-active {
background-color: var(--theme-color-translucent-015);
}
/* Adds hemisphere marker to active file instead */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-file-title.is-active::before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
height: 2px;
width: 100%;
background-image: linear-gradient(to right, var(--theme-color), transparent 90%);
}
body.unmuted-collapsed-folder.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.is-collapsed {
opacity: 1;
}
/* 16 Top level Folders By Starting Digit (0-F)
These are set for me by leading number/letter which also ensures they are in the correct order when sorted alphabetically
You can change these to match your use case.
*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldB);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldC);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldD);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldE);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldF);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldG);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldH);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldI);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldJ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldK);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldL);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldM);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldN);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldO);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldP);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldQ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldR);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldS);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldT);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldU);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldV);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldW);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldX);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldY);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children .nav-file-title.is-active {
background-color: var(--FoldZ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children .nav-file-title.is-active {
filter: hue-rotate(110deg);
}
/* Scrollbars eliminated
body.folder-style-change-options-colorful .workspace-leaf-content[data-type='file-explorer'] ::-webkit-scrollbar {
width: 0px;
height: 0px;
}
*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder-title:hover {
font-weight: bold;
filter: saturate(250%);
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .theme-dark .workspace-leaf-content[data-type="file-explorer"] {
background-color: var(--background-secondary-alt);
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder.mod-root>.nav-folder-title {
background-color: initial;
}
/*style settings blockquote quotation marks*/
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before,
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6 .cm-blockquote-border:before {
border-left: none;
}
body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote {
color: var(--text-normal);
box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.1);
}
body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote {
padding-left: 35px;
padding-right: 10px;
margin-inline-start: 1%;
margin-inline-end: 1%;
border-left-width: 0px;
}
body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote p {
position: relative;
margin-left: 0.7em;
margin-right: 0;
font-size: var(--font-size-preview-blockquote);
}
body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote p:first-of-type::before {
content: '\ee81';
font-size: 2em;
font-family: boxicons;
color: var(--text-folder-file-icon);
position: absolute;
top: -0.4em;
left: -1.2em;
}
body.blockquote-style-quotation-mark
.markdown-source-view.mod-cm6.is-live-preview
.HyperMD-quote:not(.cm-active) > .cm-formatting.cm-formatting-quote.cm-quote::before {
content: '\ee81';
font-size: 1.5em;
font-family: boxicons;
color: var(--text-folder-file-icon);
position: absolute;
margin-left: -0.8em;
}
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote + .HyperMD-quote > .cm-formatting.cm-formatting-quote.cm-quote::before {
display: none;
}
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .cm-content div.HyperMD-quote .cm-blockquote-border {
border: none;
}
/*speech bubble-1*/
body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
position: relative;
color: var(--theme-color);
font-weight: normal;
line-height: 1.5;
margin-top: 2em;
margin-bottom: 2.5em;
border: 3px solid;
border-radius: 20px;
padding: 10px 15px;
background: var(--background-primary) !important;
}
body.blockquote-style-speech-bubble-one .theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
background-color: var(--background-primary) !important;
}
body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote p {
color: var(--text-normal);
}
body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:after {
content: '';
position: absolute;
border: 2.5px solid var(--theme-color);
border-radius: 35px 0 0 0;
width: 1.75rem;
height: 3.45rem;
bottom: -3.65rem;
left: 1.8rem;
border-bottom: none;
border-left: none;
border-right: none;
z-index: 3;
}
body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:before {
content: '';
position: absolute;
width: 25px;
border: 4px solid var(--background-primary);
bottom: -4px;
left: 20px;
z-index: 2;
}
/*speech bubble-2*/
/*adapted from https://codepen.io/mchernin34/pen/ojXvLq*/
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
position: relative;
padding: 10px;
margin-top: 1.5rem;
margin-bottom: 2.2rem;
border: 4px solid var(--theme-color);
text-align: center;
background: var(--background-primary);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 1.2em;
}
body.blockquote-style-speech-bubble-two .theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
background-color: var(--background-primary) !important;
border: 4px solid var(--theme-color);
}
body.blockquote-style-speech-bubble-two.theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:before,
body.blockquote-style-speech-bubble-two.theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:after {
border-color: var(--theme-color);
}
body.blockquote-style-speech-bubble-two.theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote> :first-child:before {
background: var(--theme-color);
}
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:before {
content: '';
position: absolute;
z-index: 10;
bottom: -35px;
left: 50px;
width: 50px;
height: 29px;
border-style: solid;
border-width: 0 7px 4px 0;
border-color: var(--theme-color);
background: transparent;
-webkit-border-bottom-right-radius: 80px 50px;
-moz-border-radius-bottomright: 80px 50px;
border-bottom-right-radius: 80px 50px;
display: block;
}
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:after {
content: '';
position: absolute;
z-index: 10;
bottom: -35px;
left: 49px;
width: 20px;
height: 29px;
border-style: solid;
border-width: 0 7px 4px 0;
border-color: var(--theme-color);
background: transparent;
-webkit-border-bottom-right-radius: 40px 50px;
-moz-border-radius-bottomright: 40px 50px;
border-bottom-right-radius: 40px 50px;
display: block;
}
/* creates a small circle to produce a rounded point where the two curves meet */
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote> :first-child:before {
content: '';
position: absolute;
bottom: -35px;
left: 47px;
width: 4px;
height: 4px;
background: var(--theme-color);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* creates a white rectangle to cover part of the oval border*/
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote> :first-child:after {
content: "";
position: absolute;
bottom: -10px;
left: 76px;
width: 24px;
height: 15px;
background: var(--background-primary);
}
/*blockquote-style-outline*/
body.blockquote-style-outline :is(.markdown-preview-view,.markdown-rendered) blockquote {
border: 3px solid var(--theme-color-translucent-04);
background-color: transparent;
border-radius: var(--radius-m);
}
/*blockquote-style-border-left*/
body.blockquote-style-border-left :is(.markdown-preview-view,.markdown-rendered) blockquote {
border-left: 3px solid var(--theme-color-translucent-04);
background-color: transparent;
border-radius: 0;
}
body.background-settings-workplace-background-image .titlebar {
z-index: 1;
}
body.background-settings-workplace-background-image.theme-light .titlebar-text,
body.background-settings-workplace-background-image.theme-dark .titlebar-text {
color: var(--text-normal);
}
body.background-settings-workplace-background-image:not(.simple-titlebar):not(.is-frameless) .titlebar::before {
background-image: var(--theme-background);
background-size: cover;
content: '';
display: block;
position: absolute;
top: -3px;
filter: blur(var(--titlebar-blur-depth)) brightness(var(--titlebar-brightness)) opacity(0.5);
right: -15px;
bottom: 0px;
left: -15px;
}
body.background-settings-workplace-background-image:not(.simple-titlebar):not(.is-frameless).theme-dark .titlebar::before {
filter: blur(var(--titlebar-blur-depth)) brightness(calc(var(--titlebar-brightness) - 0.5)) opacity(0.5);
}
body:not(.simple-titlebar).background-settings-workplace-waves-light.theme-light .titlebar::before {
content: '';
display: block;
position: absolute;
height:40px;
width: 120%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.5;
background-color: var(--wave-background-color);
}
body.background-settings-workplace-background-image:not(.simple-titlebar):not(.is-hidden-frameless) .titlebar {
--custom-titlebar-bg: var(--background-primary);
background-color: var(--custom-titlebar-bg);
border: none;
}
body .titlebar,
body .workspace-ribbon.mod-left {
--titlebar-background: var(--titlebar-background-focused);
}
body.simple-titlebar .titlebar {
background-color: var(--custom-titlebar-bg);
border: none;
}
body.simple-titlebar .titlebar::before {
content: '';
background-color: var(--custom-titlebar-bg);
}
/*==========*/
body.background-settings-workplace-background-image .side-dock-ribbon-tab,
body.background-settings-workplace-background-image .side-dock-ribbon-action:not(:hover),
body.background-settings-workplace-style-high-transparency .side-dock-ribbon-tab,
body.background-settings-workplace-style-high-transparency .side-dock-ribbon-action:not(:hover) {
color: var(--text-normal);
}
body.is-mobile.background-settings-workplace-background-image .workspace-split.mod-root {
background-color: transparent;
}
body.is-mobile.background-settings-workplace-background-image:not(:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light,.background-settings-workplace-waves,.background-settings-workplace-waves2)) {
background-image: var(--theme-background);
background-size: cover;
opacity: 0.8;
}
body.color-scheme-options-simplicity-topaz.theme-dark.background-settings-workplace-background-image .workspace::before {
filter: blur(var(--blur-depth)) brightness(calc(var(--brightness-4-bg) - 0.5)) saturate(var(--saturate-4-bg));
}
body.background-settings-workplace-background-image.theme-light .workspace::before,
body.background-settings-workplace-background-image.theme-dark .workspace::before {
background-image: var(--theme-background);
background-size: cover;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
}
body.is-mobile.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light,.background-settings-workplace-waves,.background-settings-workplace-waves2),
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light).theme-light .workspace,
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image:is(.background-settings-workplace-waves,.background-settings-workplace-waves2).theme-dark .workspace,
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light):not(.is-hidden-frameless).theme-light .titlebar {
background: var(--simple-white-2);
}
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves,.background-settings-workplace-waves2,.background-settings-workplace-waves2-light):not(.is-hidden-frameless) .titlebar-inner,
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves,.background-settings-workplace-waves2).theme-dark .workspace {
background: var(--background-secondary);
}
/****from https://www.shapedivider.app/*****/
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light .workspace:before,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .workspace:before {
content: "";
position: fixed;
height: auto;
width: 300%;
transform: rotate(180deg);
top: 75%;
left: -25%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.7;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
background-color: var(--wave-background-color);
}
/**from https://svgwave.in/*/
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light .workspace::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark .workspace:before {
content: "";
position: fixed;
height: auto;
width: 300%;
top: 75%;
left: -25%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.7;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
background-color: var(--wave2-background-color);
}
body.background-settings-workplace-background-image.theme-light .workspace-split.mod-root:fullscreen::before,
body.background-settings-workplace-background-image.theme-dark .workspace-split.mod-root:fullscreen::before {
background-image: var(--theme-background);
background-size: cover;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
content: '';
display: block;
position: absolute;
top: -25px;
right: -15px;
bottom: 0px;
left: -15px;
}
/****from https://www.shapedivider.app/*****/
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light .workspace-split.mod-root::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .workspace-split.mod-root::before {
content: "";
position: fixed;
height: auto;
width: 300%;
transform: rotate(180deg);
top: 75%;
left: -25%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.7;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
background-color: var(--wave-background-color);
}
/**from https://svgwave.in/*/
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light .workspace-split.mod-root::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark .workspace-split.mod-root:before {
content: "";
position: fixed;
height: auto;
width: 300%;
top: 75%;
left: -25%;
background-image: unset;
-webkit-mask-image: var(--theme-background);
background-size: 100% 100%;
opacity: 0.7;
filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
background-color: var(--wave2-background-color);
}
.workspace-split.mod-root:fullscreen .modal-container .prompt {
width: 90%;
}
body.background-settings-workplace-background-image .workspace::before {
content: '';
display: block;
position: absolute;
top: -37px;
right: -15px;
bottom: 0;
left: -15px;
}
/*
body.background-settings-workplace-background-image.theme-light .workspace-leaf .view-header {
background: #f7f7f7;
}
body.background-settings-workplace-background-image.theme-light .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
--tab-background-active: #f7f7f7;
}
*/
body.background-settings-workplace-background-image.theme-light {
--background-primary:var(--background-primary-bg-4-bt);
--background-primary-bg-4-bt: #ffffffab;
--background-primary-alt-bg-4-bt: #ffffffbe;
--background-secondary-bg-4-bt: #ffffff80;
--background-secondary-alt-bg-4-bt: #ffffff20;
--text-muted: #525252;
--text-folder-file: #292929;
--background-modifier-border: #bfbfbf;
--page-border-bottom: var(--color-base-30);
--tab-outline-color: #dededee0;
--divider-color: #dededee0;
}
textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number']
{
background: var(--bg-color-settings-4);
}
body:is(.background-settings-workplace-background-image,.background-image-settings-switch) .modal-container {
--modal-background:var(--bg-color-settings-3);
--background-primary: var(--bg-color-settings-3);
--background-secondary:var(--bg-color-settings-3);
}
/* font color */
/* body.background-settings-workplace-background-image :is(.tree-item-inner,.tree-item-flair,.workspace-ribbon-collapse-btn,.side-dock-ribbon-tab,.side-dock-ribbon-action):not(:hover) {
color: var(--text-normal);
} */
body.background-settings-workplace-background-image.theme-dark {
--background-primary-bg-4-bt: #1414148a;
--background-secondary-bg-4-bt: #16161680;
--background-secondary-alt-bg-4-bt: #16161680;
--background-primary-alt-bg-4-bt: #1c1c1ccf;
--text-normal: #cccccc;
--page-border-bottom: var(--color-base-30);
}
body.background-settings-workplace-background-image .nav-folder.mod-root>.nav-folder-title {
background-color: transparent !important;
}
body.background-settings-workplace-background-image.theme-dark.is-mobile {
--background-primary-bg-4-bt: #1f1f1fbf;
--background-secondary-bg-4-bt: #00000069;
--background-secondary-alt-bg-4-bt: #16161680;
--background-primary-alt-bg-4-bt: #00000082;
--text-normal: #d4d4d4;
--page-border-bottom: var(--color-base-30);
}
body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-night-sky.theme-dark {
--night-sky: url(data:image/jpeg;base64,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);
--theme-background: var(--night-sky);
}
body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-dark-sky.theme-dark {
--dark-sky: url(data:image/jpeg;base64,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);
--theme-background: var(--dark-sky);
}
body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-in-the-sky.theme-dark {
--in-the-sky: url(data:image/jpeg;base64,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);
--theme-background: var(--in-the-sky);
}
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark {
--wave-background: url("data:image/svg+xml, %3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E %3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25' class='shape-fill'%3E%3C/path%3E %3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5' class='shape-fill'%3E%3C/path%3E %3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z' class='shape-fill'%3E%3C/path%3E %3C/svg%3E");
--theme-background: var(--wave-background);
--wave-background-color: var(--background-waves-color);
}
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark {
--wave2-background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' id='svg' viewBox='0 0 1440 600' xmlns='http://www.w3.org/2000/svg' class='transition duration-300 ease-in-out delay-150'%3E%3Cstyle%3E .path-0%7B animation:pathAnim-0 4s; animation-timing-function: linear; animation-iteration-count: infinite; %7D @keyframes pathAnim-0%7B 0%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 81.35641025641027,172.9153846153846 162.71282051282054,195.83076923076922 252,194 C 341.28717948717946,192.16923076923078 438.50512820512824,165.59230769230766 511,146 C 583.4948717948718,126.40769230769234 631.2666666666665,113.80000000000004 703,116 C 774.7333333333335,118.19999999999996 870.428205128205,135.20769230769227 957,154 C 1043.571794871795,172.79230769230773 1121.0205128205127,193.3692307692308 1200,193 C 1278.9794871794873,192.6307692307692 1359.4897435897437,171.3153846153846 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 25%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 93.78717948717946,117.86410256410255 187.57435897435892,85.72820512820512 265,105 C 342.4256410256411,124.27179487179488 403.4897435897436,194.95128205128205 488,191 C 572.5102564102564,187.04871794871795 680.4666666666668,108.46666666666668 760,108 C 839.5333333333332,107.53333333333332 890.6435897435897,185.18205128205128 968,201 C 1045.3564102564103,216.81794871794872 1148.9589743589743,170.8051282051282 1232,152 C 1315.0410256410257,133.1948717948718 1377.520512820513,141.5974358974359 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 50%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 96.15641025641025,143.13589743589745 192.3128205128205,136.2717948717949 266,127 C 339.6871794871795,117.72820512820512 390.9051282051282,106.04871794871795 455,129 C 519.0948717948718,151.95128205128205 596.0666666666668,209.5333333333333 676,201 C 755.9333333333332,192.4666666666667 838.8282051282051,117.81794871794872 936,114 C 1033.1717948717949,110.18205128205128 1144.6205128205129,177.1948717948718 1231,195 C 1317.3794871794871,212.8051282051282 1378.6897435897436,181.4025641025641 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 75%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 55.16923076923078,140.31538461538463 110.33846153846156,130.63076923076923 198,135 C 285.66153846153844,139.36923076923077 405.8153846153846,157.7923076923077 496,167 C 586.1846153846154,176.2076923076923 646.4000000000001,176.2 733,158 C 819.5999999999999,139.8 932.5846153846155,103.40769230769229 1001,104 C 1069.4153846153845,104.59230769230771 1093.2615384615385,142.16923076923078 1159,156 C 1224.7384615384615,169.83076923076922 1332.3692307692309,159.9153846153846 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 100%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 81.35641025641027,172.9153846153846 162.71282051282054,195.83076923076922 252,194 C 341.28717948717946,192.16923076923078 438.50512820512824,165.59230769230766 511,146 C 583.4948717948718,126.40769230769234 631.2666666666665,113.80000000000004 703,116 C 774.7333333333335,118.19999999999996 870.428205128205,135.20769230769227 957,154 C 1043.571794871795,172.79230769230773 1121.0205128205127,193.3692307692308 1200,193 C 1278.9794871794873,192.6307692307692 1359.4897435897437,171.3153846153846 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D %7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='5%25' stop-color='%23002bdc66'%3E%3C/stop%3E%3Cstop offset='95%25' stop-color='%2332ded466'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,600 C 0,600 0,150 0,150 C 81.35641025641027,172.9153846153846 162.71282051282054,195.83076923076922 252,194 C 341.28717948717946,192.16923076923078 438.50512820512824,165.59230769230766 511,146 C 583.4948717948718,126.40769230769234 631.2666666666665,113.80000000000004 703,116 C 774.7333333333335,118.19999999999996 870.428205128205,135.20769230769227 957,154 C 1043.571794871795,172.79230769230773 1121.0205128205127,193.3692307692308 1200,193 C 1278.9794871794873,192.6307692307692 1359.4897435897437,171.3153846153846 1440,150 C 1440,150 1440,600 1440,600 Z' stroke='none' stroke-width='0' fill='url(%23gradient)' class='transition-all duration-300 ease-in-out delay-150 path-0'%3E%3C/path%3E%3Cstyle%3E .path-1%7B animation:pathAnim-1 4s; animation-timing-function: linear; animation-iteration-count: infinite; %7D @keyframes pathAnim-1%7B 0%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 82.94102564102565,295.425641025641 165.8820512820513,290.85128205128206 257,284 C 348.1179487179487,277.14871794871794 447.41282051282053,268.02051282051286 514,267 C 580.5871794871795,265.97948717948714 614.4666666666667,273.06666666666666 676,278 C 737.5333333333333,282.93333333333334 826.7205128205128,285.71282051282054 921,295 C 1015.2794871794872,304.28717948717946 1114.6512820512821,320.0820512820513 1202,322 C 1289.3487179487179,323.9179487179487 1364.674358974359,311.9589743589744 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 25%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 88.24102564102563,279.49487179487176 176.48205128205126,258.98974358974357 263,274 C 349.51794871794874,289.01025641025643 434.3128205128206,339.5358974358975 519,332 C 603.6871794871794,324.4641025641025 688.2666666666667,258.8666666666667 759,247 C 829.7333333333333,235.13333333333335 886.6205128205129,276.99743589743593 960,293 C 1033.3794871794871,309.00256410256407 1123.2512820512823,299.14358974358976 1206,296 C 1288.7487179487177,292.85641025641024 1364.374358974359,296.42820512820515 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 50%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 77.61025641025643,301.1948717948718 155.22051282051285,302.38974358974355 229,309 C 302.77948717948715,315.61025641025645 372.7282051282051,327.63589743589745 455,315 C 537.2717948717949,302.36410256410255 631.8666666666667,265.0666666666667 730,264 C 828.1333333333333,262.9333333333333 929.8051282051283,298.0974358974359 1003,313 C 1076.1948717948717,327.9025641025641 1120.9128205128204,322.54358974358973 1189,317 C 1257.0871794871796,311.45641025641027 1348.5435897435898,305.7282051282051 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 75%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 53.37692307692305,305.2846153846154 106.7538461538461,310.5692307692308 202,310 C 297.2461538461539,309.4307692307692 434.36153846153854,303.00769230769225 521,293 C 607.6384615384615,282.99230769230775 643.8,269.4 716,259 C 788.2,248.6 896.4384615384615,241.39230769230772 974,254 C 1051.5615384615385,266.6076923076923 1098.4461538461537,299.03076923076924 1171,310 C 1243.5538461538463,320.96923076923076 1341.7769230769231,310.4846153846154 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 100%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 82.94102564102565,295.425641025641 165.8820512820513,290.85128205128206 257,284 C 348.1179487179487,277.14871794871794 447.41282051282053,268.02051282051286 514,267 C 580.5871794871795,265.97948717948714 614.4666666666667,273.06666666666666 676,278 C 737.5333333333333,282.93333333333334 826.7205128205128,285.71282051282054 921,295 C 1015.2794871794872,304.28717948717946 1114.6512820512821,320.0820512820513 1202,322 C 1289.3487179487179,323.9179487179487 1364.674358974359,311.9589743589744 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D %7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='5%25' stop-color='%23002bdc88'%3E%3C/stop%3E%3Cstop offset='95%25' stop-color='%2332ded488'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,600 C 0,600 0,300 0,300 C 82.94102564102565,295.425641025641 165.8820512820513,290.85128205128206 257,284 C 348.1179487179487,277.14871794871794 447.41282051282053,268.02051282051286 514,267 C 580.5871794871795,265.97948717948714 614.4666666666667,273.06666666666666 676,278 C 737.5333333333333,282.93333333333334 826.7205128205128,285.71282051282054 921,295 C 1015.2794871794872,304.28717948717946 1114.6512820512821,320.0820512820513 1202,322 C 1289.3487179487179,323.9179487179487 1364.674358974359,311.9589743589744 1440,300 C 1440,300 1440,600 1440,600 Z' stroke='none' stroke-width='0' fill='url(%23gradient)' class='transition-all duration-300 ease-in-out delay-150 path-1'%3E%3C/path%3E%3Cstyle%3E .path-2%7B animation:pathAnim-2 4s; animation-timing-function: linear; animation-iteration-count: infinite; %7D @keyframes pathAnim-2%7B 0%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 76.1974358974359,467.39230769230767 152.3948717948718,484.7846153846154 220,481 C 287.6051282051282,477.2153846153846 346.6179487179487,452.25384615384615 441,452 C 535.3820512820513,451.74615384615385 665.1333333333334,476.2 762,477 C 858.8666666666666,477.8 922.8487179487179,454.94615384615383 984,443 C 1045.1512820512821,431.05384615384617 1103.4717948717948,430.0153846153846 1179,433 C 1254.5282051282052,435.9846153846154 1347.2641025641026,442.9923076923077 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 25%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 86.80769230769232,454.0974358974359 173.61538461538464,458.1948717948718 262,469 C 350.38461538461536,479.8051282051282 440.3461538461538,497.3179487179487 508,488 C 575.6538461538462,478.6820512820513 621,442.53333333333336 697,418 C 773,393.46666666666664 879.6538461538462,380.5487179487179 972,401 C 1064.3461538461538,421.4512820512821 1142.3846153846155,475.2717948717949 1218,489 C 1293.6153846153845,502.7282051282051 1366.8076923076924,476.36410256410255 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 50%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 79.76153846153846,435.7282051282051 159.52307692307693,421.45641025641027 229,422 C 298.4769230769231,422.54358974358973 357.6692307692308,437.9025641025641 443,442 C 528.3307692307692,446.0974358974359 639.8,438.93333333333334 720,424 C 800.2,409.06666666666666 849.1307692307691,386.36410256410255 925,394 C 1000.8692307692309,401.63589743589745 1103.676923076923,439.6102564102564 1194,454 C 1284.323076923077,468.3897435897436 1362.1615384615384,459.1948717948718 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 75%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 72.5102564102564,462.1435897435897 145.0205128205128,474.28717948717946 236,478 C 326.9794871794872,481.71282051282054 436.42820512820515,476.9948717948718 503,459 C 569.5717948717949,441.0051282051282 593.2666666666667,409.7333333333333 677,408 C 760.7333333333333,406.2666666666667 904.5051282051284,434.07179487179496 998,437 C 1091.4948717948716,439.92820512820504 1134.7128205128206,417.9794871794872 1200,416 C 1265.2871794871794,414.0205128205128 1352.6435897435897,432.0102564102564 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 100%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 76.1974358974359,467.39230769230767 152.3948717948718,484.7846153846154 220,481 C 287.6051282051282,477.2153846153846 346.6179487179487,452.25384615384615 441,452 C 535.3820512820513,451.74615384615385 665.1333333333334,476.2 762,477 C 858.8666666666666,477.8 922.8487179487179,454.94615384615383 984,443 C 1045.1512820512821,431.05384615384617 1103.4717948717948,430.0153846153846 1179,433 C 1254.5282051282052,435.9846153846154 1347.2641025641026,442.9923076923077 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D %7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='5%25' stop-color='%23002bdcff'%3E%3C/stop%3E%3Cstop offset='95%25' stop-color='%2332ded4ff'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,600 C 0,600 0,450 0,450 C 76.1974358974359,467.39230769230767 152.3948717948718,484.7846153846154 220,481 C 287.6051282051282,477.2153846153846 346.6179487179487,452.25384615384615 441,452 C 535.3820512820513,451.74615384615385 665.1333333333334,476.2 762,477 C 858.8666666666666,477.8 922.8487179487179,454.94615384615383 984,443 C 1045.1512820512821,431.05384615384617 1103.4717948717948,430.0153846153846 1179,433 C 1254.5282051282052,435.9846153846154 1347.2641025641026,442.9923076923077 1440,450 C 1440,450 1440,600 1440,600 Z' stroke='none' stroke-width='0' fill='url(%23gradient)' class='transition-all duration-300 ease-in-out delay-150 path-2'%3E%3C/path%3E%3C/svg%3E");
--theme-background: var(--wave2-background);
--wave2-background-color: var(--background-waves-color);
}
body.is-mobile.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light).theme-light,
body.is-mobile.background-settings-workplace-background-image:is(.background-settings-workplace-waves,.background-settings-workplace-waves2).theme-dark {
--wave2-background-color: #001ae0;
--wave-background-color: #245eff;
}
body.background-image-settings-command-palette-switch .modal-container .prompt::before {
background-size: cover;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch .modal-container .prompt::before {
background-image: var(--theme-background);
filter: blur(var(--blur-depth-cp)) brightness(var(--brightness-4-bg-cp)) saturate(var(--saturate-4-bg-cp));
opacity: var(--opacity-cp);
z-index: -1;
}
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-waves2-light .modal-container .prompt::before,
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-waves2 .modal-container .prompt::before {
top: 60%;
}
body.theme-light.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-waves-light .modal-container .prompt::before,
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .prompt:before {
transform: rotate(180deg);
top: 75%;
background-image:unset;
-webkit-mask-image: var(--theme-background);
background-size:100% 100%;
opacity:0.5;
background-color: var(--wave-background-color);
}
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch .modal-container .prompt input.prompt-input,
body.background-image-settings-command-palette-switch:not(.background-image-settings-command-palette-same-as-workplace) .modal-container .prompt input.prompt-input {
background-color: transparent;
}
body.background-image-settings-command-palette-custom.background-image-settings-command-palette-switch:not(.background-image-settings-command-palette-same-as-workplace).theme-light .modal-container .prompt::before {
background-image: var(--background-command-palette-theme-light-custom);
}
body.background-image-settings-command-palette-custom.background-image-settings-command-palette-switch:not(.background-image-settings-command-palette-same-as-workplace).theme-dark .modal-container .prompt::before {
background-image: var(--background-command-palette-theme-dark-custom);
}
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-before-active .workspace-tab-header-inner,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-after-active .workspace-tab-header-inner,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-before.is-before-active,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-after.is-after-active,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-before-active,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-after-active {
background-color: transparent;
}
body.background-settings-workplace-background-image.background-settings-workplace-theme-light-custom-option.theme-light {
--theme-background: var(--background-settings-workplace-theme-light-custom);
}
body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-custom-option.theme-dark {
--theme-background: var(--background-settings-workplace-theme-dark-custom);
}
/*rectangle*/
body.layout-style-options-rectangle .workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-header.is-before-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-header.is-after-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-header,
body.layout-style-options-rectangle .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-split.mod-left-split .view-content,
body.layout-style-options-rectangle .workspace-split.mod-right-split .view-content,
body.layout-style-options-rectangle .workspace-tab-header.is-after-active,
body.layout-style-options-rectangle .workspace-tab-header.is-before-active,
body.layout-style-options-rectangle .workspace-tab-container-before.is-before-active .workspace-tab-header-inner {
background-color: transparent;
border-radius: 0;
}
body.layout-style-options-rectangle .workspace-split.mod-root>.workspace-leaf:first-of-type .workspace-leaf-content,
body.layout-style-options-rectangle .workspace-split.mod-root>.workspace-leaf:last-of-type .workspace-leaf-content {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
body.layout-style-options-rectangle .workspace-tab-header-inner {
padding: 3px 9px;
}
body.layout-style-options-rectangle .workspace-tab-container-before,
body.layout-style-options-rectangle .workspace-tab-container-after {
width: 0;
}
body.layout-style-options-rectangle .workspace-tab-header-container {
padding: 4px 0 0 4px;
}
body.layout-style-options-rectangle .workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
border-top-right-radius: 0;
}
body.layout-style-options-rectangle .workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
border-top-left-radius: 0;
}
body.layout-style-options-rectangle .workspace-tab-header-container {
background-color: var(--background-secondary);
border-bottom: 1px solid var(--background-modifier-border-1);
}
body.layout-style-options-rectangle .workspace-split.mod-left-split>.workspace-leaf-resize-handle:not(:hover),
body.layout-style-options-rectangle .workspace-split.mod-right-split>.workspace-leaf-resize-handle:not(:hover),
body.layout-style-options-rectangle .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle:not(:hover) {
height: 100%;
background-color: var(--background-leaf-resize-handle);
}
body.layout-style-options-rectangle .workspace-split.mod-left-split>.workspace-leaf-resize-handle:hover,
body.layout-style-options-rectangle .workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover,
body.layout-style-options-rectangle .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle:hover {
height: 100%;
}
body.layout-style-options-rectangle .side-dock-ribbon-action {
padding: 3px 0;
}
/*-------- Eisenhower Matrix start--- */
/* Eisenhower Matrix from Spectrum themes */
/*for Blue Topaz theme-表格四象图分布 Modified by cuman 2021-11-29*/
/* 用法 yaml区域声明
cssclass: matrix
内容如下形式(表格内容最好使用嵌入形式)
| | |
| ----------------- | ----------- |
| ![[#To-Do]] | ![[#Doing]] |
| ![[#Considering]] | ![[#Maybe]] |
*/
:root,
.theme-dark,
.theme-light {
--matrix-1: var(--p-kanban-color-2);
--matrix-2: var(--p-kanban-color-3);
--matrix-4: var(--p-kanban-color-5);
--matrix-5: var(--p-kanban-color-6);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr {
display: flex;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table th {
background-color: transparent;
background-image: none;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tbody>tr {
background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered).matrix .internal-embed:not(.image-embed) {
border: 1px solid;
border-radius: 10px;
}
:is(.markdown-preview-view,.markdown-rendered).matrix thead {
background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr th,
:is(.markdown-preview-view,.markdown-rendered).matrix table tr td {
background-color: transparent;
padding-right: 0;
border: 0px;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
:is(.markdown-preview-view,.markdown-rendered).matrix .markdown-embed {
background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr th > *,
:is(.markdown-preview-view,.markdown-rendered).matrix table tr td > * {
width: 100%;
height: 100%;
background-color: var(--background-secondary);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr td {
background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(1) > * {
border-color: var(--matrix-1);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(1):hover {
background-color: var(--matrix-1);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(2) > * {
border-color: var(--matrix-2);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(2):hover {
background-color: var(--matrix-2);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(1) > * {
border-color: var(--matrix-4);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(1):hover {
background-color: var(--matrix-4);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(2) > * {
border-color: var(--matrix-5);
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(2):hover {
background-color: var(--matrix-5);
}
/*-------- Eisenhower Matrix end--- */
.recent-vaults-list-item:hover {
color: var(--theme-color) !important;
}
body.plain-file-title.theme-light,
body.plain-file-title.theme-dark {
--color-view-header-gradient-1: var(--background-primary);
--color-view-header-gradient-2: var(--background-primary);
}
body:not(:is(.default-loading-page,.is-popout-window)) .progress-bar-message {
visibility: hidden;
}
body:not(.default-loading-page).loading-page-style-default .progress-bar-message:before {
content: "";
width: 80px;
height: 80px;
position: relative;
animation: shape 2.5s infinite alternate;
visibility: visible !important;
display: block;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).theme-light .progress-bar {
background-color: white;
}
body:not(.default-loading-page).theme-dark .progress-bar {
background-color: #222222;
}
@keyframes shape {
0% {background-color: transparent; transform: translate(-50px, -50px); border-radius: 50%;}
10% {background-color: #53c7ff; transform: translate(-50px, -50px); border-radius: 50%;}
30% {background-color: #8fff7b; transform: translate(110px, -50px); border-radius: 0;}
50% {background-color: #ffe468; transform: translate(110px, 110px); border-radius: 50%;}
70% {background-color: #fe9289; transform: translate(-50px, 110px); border-radius: 0;}
90% {background-color: #53c7ff; transform: translate(-50px, -50px); border-radius: 50%;}
100% {background-color: transparent; transform: translate(-50px, -50px); border-radius: 50%;}
}
/* the gif animation was created by @Jake Fleming https://dribbble.com/shots/9948351-kitty-wiggle */
body:not(.default-loading-page).loading-animation-cat .progress-bar-message::before {
content: "GIF creator: Jake Fleming";
display: block;
background: no-repeat center/cover;
width: 800px;
height: 500px;
margin-top: -20px;
font-size: initial;
color: var(--text-muted);
filter: hue-rotate(-55deg) saturate(120%);
position: initial;
animation: unset;
}
body:not(.default-loading-page).loading-animation-cat.theme-dark .progress-bar-message::before {
filter: invert(100%) hue-rotate(153deg) saturate(250%);
}
body:not(.default-loading-page).loading-animation-cat.theme-light .progress-bar {
background-color: white;
}
body:not(.default-loading-page).loading-animation-cat.theme-dark .progress-bar {
background-color: black;
}
body:not(.default-loading-page).loading-animation-cat .progress-bar-message {
color: var(--text-normal);
font-size: 25px;
visibility: visible;
}
body:not(.default-loading-page).loading-animation-custom .progress-bar-message::before {
position: initial;
animation: unset;
display: block;
content: var(--loading-page-custom-gif-caption);
background: no-repeat center/cover var(--loading-page-custom-gif-url);
width: 800px;
height: 600px;
margin-top: -20px;
}
body:not(.default-loading-page).loading-shape-with-custom-gif .progress-bar-message:before {
display: block;
width: 250px;
height: 250px;
content: var(--loading-page-custom-gif-caption-alt);
background: no-repeat center/cover var(--loading-page-custom-gif-url-alt);
animation: shape-gif 2.5s infinite alternate;
}
body:not(.default-loading-page).loading-shape-with-custom-gif.loading-shape-with-custom-high-contrast-bg.theme-light .progress-bar {
background-color: black;
}
body:not(.default-loading-page).loading-shape-with-custom-gif.loading-shape-with-custom-high-contrast-bg.theme-dark .progress-bar {
background-color: white;
}
body:not(.default-loading-page).loading-shape-with-custom-gif.loading-shape-with-custom-high-contrast-bg.theme-dark .progress-bar-message::before {
animation: shape-gif-dark 2.5s infinite alternate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes shape-gif {
0% {filter: hue-rotate(0deg); transform: translate(-80px, -80px); border-radius: 50%;}
25% {filter: hue-rotate(90deg); transform: translate(80px, -80px); border-radius: 0;}
50% {filter: hue-rotate(180deg); transform: translate(80px, 80px); border-radius: 50%;}
75% {filter: hue-rotate(270deg); transform: translate(-80px, 80px); border-radius: 0;}
100% {filter: hue-rotate(360deg); transform: translate(-80px, -80px); border-radius: 50%;}
}
@keyframes shape-gif-dark {
0% {filter: hue-rotate(0deg) invert(100%); transform: translate(-80px, -80px); border-radius: 50%;}
25% {filter: hue-rotate(90deg) invert(100%); transform: translate(80px, -80px); border-radius: 0;}
50% {filter: hue-rotate(180deg) invert(100%); transform: translate(80px, 80px); border-radius: 50%;}
75% {filter: hue-rotate(270deg) invert(100%); transform: translate(-80px, 80px); border-radius: 0;}
100% {filter: hue-rotate(360deg) invert(100%); transform: translate(-80px, -80px); border-radius: 50%;}
}
body:not(.default-loading-page).loading-add-icons .progress-bar-message {
all: initial;
font-size: var(--font-size-loading-add);
color: var(--loading-add-text-color);
animation: 1.5s infinite alternate;
animation-name: gradientChange, moving;
}
/*加载画面的文字*/
body:not(.default-loading-page).loading-add-icons .progress-bar-message::before {
all: initial;
color: var(--loading-add-text-color);
content: var(--loading-text-before);
animation: 2s infinite alternate;
animation-name: gradientChange;
}
body:not(.default-loading-page).loading-add-icons .progress-bar-message::after {
all: initial;
color: var(--loading-add-text-color);
content: var(--loading-text-after);
animation: 2s infinite alternate;
animation-name: gradientChange;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes gradientChange {
100% { color: var(--loading-add-text-color-alt); }
}
@keyframes moving {
0% { transform: translateX(-100px); }
100% { transform: translateX(100px); }
}
body:not(.default-loading-page).loading-custom-text .progress-bar-message::before {
all: initial;
content: var(--loading-diy-text);
font-family: var(--font-loading-text) !important;
visibility: visible !important;
display: block;
font-size: var(--font-size-loading-diy-text);
line-height: 2;
color: var(--loading-diy-text-color);
}
body:not(.default-loading-page).loading-custom-text.loading-text-typing-style .progress-bar-message::before {
overflow: hidden;
white-space: nowrap;
border-right: 0.07em solid;
animation: typing-style 3s steps(23, end),
cursor-blink 0.3s step-end infinite alternate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes cursor-blink {
50% {border-color: transparent;}
}
@keyframes typing-style {
0% {width: 0;}
100% {width: 42ch;}
}
body:not(.default-loading-page).loading-custom-text.loading-text-moving-style .progress-bar-message::before {
animation: moving-style 3s ease-in-out infinite alternate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes moving-style {
0% {-webkit-transform: translateX(-100px); transform: translateX(-100px);}
50% {-webkit-transform: translateX(100px); transform: translateX(100px);}
100% {-webkit-transform: translateX(-100px); transform: translateX(-100px)}
}
body:not(.default-loading-page).loading-custom-text.loading-text-shinning-style .progress-bar-message::before {
animation: shinning-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes shinning-style {
0% { opacity: 1;}
45% { opacity: 0;}
90% { opacity: 1;}
}
body:not(.default-loading-page).loading-custom-text.loading-text-color-changing-style .progress-bar-message::before {
animation: color-changing-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes color-changing-style {
0% { color: var(--text-blue);}
25% { color: var(--text-green);}
50% { color: var(--text-yellow);}
75% { color: var(--text-red);}
100% { color: var(--text-blue);}
}
body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-moving-style .progress-bar-message::before {
animation:
typing-style 3s steps(26, end),
cursor-blink 0.3s step-end infinite alternate,
moving-style 3s ease-in-out infinite alternate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-shinning-style .progress-bar-message::before {
animation:
typing-style 3s steps(26, end),
cursor-blink 0.3s step-end infinite alternate,
shinning-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-color-changing-style .progress-bar-message::before {
animation:
color-changing-style 3s infinite,
typing-style 3s steps(26, end),
cursor-blink 0.3s step-end infinite alternate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-moving-style.loading-text-shinning-style .progress-bar-message::before {
animation:
typing-style 3s steps(26, end),
cursor-blink 0.3s step-end infinite alternate,
moving-style 3s ease-in-out infinite alternate,
shinning-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-moving-style.loading-text-shinning-style.loading-text-color-changing-style .progress-bar-message::before {
animation:
typing-style 3s steps(26, end),
cursor-blink 0.3s step-end infinite alternate,
moving-style 3s ease-in-out infinite alternate,
shinning-style 3s infinite,
color-changing-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-moving-style.loading-text-shinning-style .progress-bar-message::before {
animation:
moving-style 3s ease-in-out infinite alternate,
shinning-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-moving-style.loading-text-color-changing-style .progress-bar-message::before {
animation:
moving-style 3s ease-in-out infinite alternate,
color-changing-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-moving-style.loading-text-shinning-style.loading-text-color-changing-style .progress-bar-message::before {
animation:
moving-style 3s ease-in-out infinite alternate,
shinning-style 3s infinite,
color-changing-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
body:not(.default-loading-page).loading-custom-text.loading-text-shinning-style.loading-text-color-changing-style .progress-bar-message::before {
animation:
shinning-style 3s infinite,
color-changing-style 3s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
/* the mario animation was created by @B.C.Rikko https://bcrikko.github.io/css-collection/other/mario/index.html */
/* need mario snippets */
body:not(.default-loading-page).loading-page-style-mario .progress-bar-message:before {
content: "";
position: relative;
visibility: visible !important;
display: block;
top: calc(var(--pixel) * -6);
left: calc(var(--pixel) * -6.5);
width: var(--pixel);
height: var(--pixel);
background: transparent;
animation: sprite 0.618s infinite, jump 0.618s infinite;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
}
@keyframes jump {
from, 25%, 75%, to {transform: translateY(0);}
50% {transform: translateY(calc(var(--pixel) * -8));}
}
@keyframes sprite {
from, 24%, 74%, to {
box-shadow:
/* r:1 */
calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 7) calc(var(--pixel) * 1) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 1) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 1) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 1) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 1) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 13) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 1) 0 transparent,
/* r:2 */
calc(var(--pixel) * 1) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 15) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 2) 0 transparent,
/* r:3 */
calc(var(--pixel) * 1) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 3) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 3) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 3) 0 var(--c-3),
calc(var(--pixel) * 9) calc(var(--pixel) * 3) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 3) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 3) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 3) 0 var(--c-2),
calc(var(--pixel) * 13) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 3) 0 transparent,
/* r:4 */
calc(var(--pixel) * 1) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 7) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 13) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 4) 0 transparent,
/* r:5 */
calc(var(--pixel) * 1) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 7) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 9) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 12) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 5) 0 transparent,
/* r:6 */
calc(var(--pixel) * 1) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 8) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 15) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 6) 0 transparent,
/* r:7 */
calc(var(--pixel) * 1) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 7) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 8) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 12) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 13) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 7) 0 transparent,
/* r:8 */
calc(var(--pixel) * 1) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 8) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 8) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 8) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 8) 0 var(--c-3),
calc(var(--pixel) * 10) calc(var(--pixel) * 8) 0 var(--c-3),
calc(var(--pixel) * 11) calc(var(--pixel) * 8) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 13) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 8) 0 transparent,
/* r:9 */
calc(var(--pixel) * 1) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 9) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 10) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 11) calc(var(--pixel) * 9) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 15) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 9) 0 transparent,
/* r:10 */
calc(var(--pixel) * 1) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 10) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 10) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 10) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 10) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 15) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 16) calc(var(--pixel) * 10) 0 transparent,
/* r:11 */
calc(var(--pixel) * 1) calc(var(--pixel) * 11) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 11) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 11) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 5) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 6) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 12) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 11) 0 transparent,
/* r:12 */
calc(var(--pixel) * 1) calc(var(--pixel) * 12) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 12) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 12) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 5) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 6) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 7) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 12) 0 transparent,
/* r:13 */
calc(var(--pixel) * 1) calc(var(--pixel) * 13) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 13) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 13) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 13) 0 var(--c-2),
calc(var(--pixel) * 5) calc(var(--pixel) * 13) 0 var(--c-2),
calc(var(--pixel) * 6) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 13) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 13) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 13) 0 transparent,
/* r:14 */
calc(var(--pixel) * 1) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 10) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 11) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 14) 0 transparent,
/* r:15 */
calc(var(--pixel) * 1) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 9) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 10) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 11) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 12) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 15) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 15) 0 transparent,
/* r:16 */
calc(var(--pixel) * 1) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 9) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 10) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 11) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 12) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 15) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 16) calc(var(--pixel) * 16) 0 transparent;
}
25%, 75% {
box-shadow:
/* r:1 */
calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 7) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 8) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 9) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 10) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 11) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 12) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 13) calc(var(--pixel) * 1) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 1) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 1) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 1) 0 var(--c-2),
/* r:2 */
calc(var(--pixel) * 1) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 7) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 2) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 13) calc(var(--pixel) * 2) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 2) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 2) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 2) 0 var(--c-2),
/* r:3 */
calc(var(--pixel) * 1) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 3) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 3) 0 var(--c-1),
calc(var(--pixel) * 15) calc(var(--pixel) * 3) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 3) 0 var(--c-2),
/* r:4 */
calc(var(--pixel) * 1) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 9) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 4) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 13) calc(var(--pixel) * 4) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 4) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 4) 0 var(--c-2),
/* r:5 */
calc(var(--pixel) * 1) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 5) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 7) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 13) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 5) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 5) 0 var(--c-3),
calc(var(--pixel) * 16) calc(var(--pixel) * 5) 0 var(--c-3),
/* r:6 */
calc(var(--pixel) * 1) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 6) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 7) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 9) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 12) calc(var(--pixel) * 6) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 15) calc(var(--pixel) * 6) 0 var(--c-2),
calc(var(--pixel) * 16) calc(var(--pixel) * 6) 0 var(--c-3),
/* r:7 */
calc(var(--pixel) * 1) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 7) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 7) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 8) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 7) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 7) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 7) 0 var(--c-3),
calc(var(--pixel) * 13) calc(var(--pixel) * 7) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 7) 0 var(--c-3),
calc(var(--pixel) * 15) calc(var(--pixel) * 7) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 7) 0 transparent,
/* r:8 */
calc(var(--pixel) * 1) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 7) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 8) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 9) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 10) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 11) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 12) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 13) calc(var(--pixel) * 8) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 8) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 8) 0 transparent,
/* r:9 */
calc(var(--pixel) * 1) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 4) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 9) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 10) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 11) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 9) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 9) 0 var(--c-3),
calc(var(--pixel) * 14) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 9) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 9) 0 transparent,
/* r:10 */
calc(var(--pixel) * 1) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 3) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 4) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 10) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 10) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 11) calc(var(--pixel) * 10) 0 var(--c-3),
calc(var(--pixel) * 12) calc(var(--pixel) * 10) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 10) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 10) 0 var(--c-3),
/* r:11 */
calc(var(--pixel) * 1) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 2) calc(var(--pixel) * 11) 0 var(--c-2),
calc(var(--pixel) * 3) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 4) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 7) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 11) 0 var(--c-3),
calc(var(--pixel) * 9) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 11) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 11) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 11) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 11) 0 var(--c-3),
/* r:12 */
calc(var(--pixel) * 1) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 2) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 3) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 4) calc(var(--pixel) * 12) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 12) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 12) 0 var(--c-3),
calc(var(--pixel) * 8) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 12) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 12) 0 var(--c-2),
calc(var(--pixel) * 14) calc(var(--pixel) * 12) 0 var(--c-1),
calc(var(--pixel) * 15) calc(var(--pixel) * 12) 0 var(--c-3),
calc(var(--pixel) * 16) calc(var(--pixel) * 12) 0 var(--c-3),
/* r:13 */
calc(var(--pixel) * 1) calc(var(--pixel) * 13) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 13) 0 var(--c-2),
calc(var(--pixel) * 3) calc(var(--pixel) * 13) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 13) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 13) 0 transparent,
calc(var(--pixel) * 6) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 13) 0 var(--c-1),
calc(var(--pixel) * 15) calc(var(--pixel) * 13) 0 var(--c-3),
calc(var(--pixel) * 16) calc(var(--pixel) * 13) 0 var(--c-3),
/* r:14 */
calc(var(--pixel) * 1) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 14) 0 transparent,
calc(var(--pixel) * 3) calc(var(--pixel) * 14) 0 var(--c-3),
calc(var(--pixel) * 4) calc(var(--pixel) * 14) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 14) 0 var(--c-3),
calc(var(--pixel) * 6) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 14) calc(var(--pixel) * 14) 0 var(--c-1),
calc(var(--pixel) * 15) calc(var(--pixel) * 14) 0 var(--c-3),
calc(var(--pixel) * 16) calc(var(--pixel) * 14) 0 var(--c-3),
/* r:15 */
calc(var(--pixel) * 1) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 3) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 4) calc(var(--pixel) * 15) 0 var(--c-3),
calc(var(--pixel) * 5) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 6) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 10) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 11) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 12) calc(var(--pixel) * 15) 0 var(--c-1),
calc(var(--pixel) * 13) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 15) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 15) 0 transparent,
/* r:16 */
calc(var(--pixel) * 1) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 2) calc(var(--pixel) * 16) 0 var(--c-3),
calc(var(--pixel) * 3) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 4) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 5) calc(var(--pixel) * 16) 0 var(--c-1),
calc(var(--pixel) * 6) calc(var(--pixel) * 16) 0 var(--c-1),
calc(var(--pixel) * 7) calc(var(--pixel) * 16) 0 var(--c-1),
calc(var(--pixel) * 8) calc(var(--pixel) * 16) 0 var(--c-1),
calc(var(--pixel) * 9) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 10) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 11) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 12) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 13) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 14) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 15) calc(var(--pixel) * 16) 0 transparent,
calc(var(--pixel) * 16) calc(var(--pixel) * 16) 0 transparent;
}
}
/*加载画面的进度条框*/
body:not(.default-loading-page) .progress-bar-line {
display: none;
}
/*加载画面的进度条*/
body:not(.default-loading-page) .progress-bar-subline {
display: none;
}
/* ================================== */
/* ======= Banner ======= */
/* ================================== */
.show-inline-title .obsidian-banner-wrapper.has-banner-icon .obsidian-banner-icon.v-center,
.show-inline-title .obsidian-banner-wrapper.has-banner-icon .obsidian-banner-icon.v-custom {
margin-top: calc(-1em - 6px);
}
.show-inline-title .obsidian-banner-wrapper.has-banner-icon .obsidian-banner-icon.v-above {
margin-top: calc(-2em - 12px);
}
/* ====cssclass background 属性可以使得banner作为笔记背景 ===== */
.markdown-preview-view.background .obsidian-banner-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
background-size: cover;
z-index: -1;
opacity: 0.8;
background-attachment:fixed;
}
.markdown-preview-view.background .obsidian-banner {
top: -310px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.is-live-preview.background .has-banner .obsidian-banner {
position: absolute!important;
width: 100%;
top: 0;
bottom: 0;
left: 0;
background-size: cover;
z-index: -1;
}
.is-live-preview.background .has-banner .cm-hmd-frontmatter {
display: none;
}
.is-live-preview.background .has-banner .obsidian-banner.cm6-banner {
opacity: 0.5;
height: 100%;
}
:is(.markdown-preview-view,.markdown-rendered) img.banner-image.full-width{
max-width: none;
}
/* ==修复新弹出窗口banner位置错位===================== */
body.is-popout-window {
--banner-height: 300px;
--banner-internal-embed-height: 200px;
--banner-preview-embed-height: 120px;
}
/* ================================== */
/* =======Tasks======= */
/* ================================== */
:is(.markdown-preview-view,.markdown-rendered) .tasks-backlink>.internal-link.internal-link-short-mode {
font-size: 0;
}
:is(.markdown-preview-view,.markdown-rendered) .tasks-backlink>.internal-link.internal-link-short-mode::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M330.97 451.71l-120.70 120.70a170.67 170.67 0 0 0 235.22 247.21l6.14-5.89 120.70-120.66 60.33 60.33-120.70 120.70A256 256 0 1 1 149.93 512l120.70-120.66 60.33 60.33z m301.70-60.33a42.67 42.67 0 0 1 0 60.33l-181.03 181.03a42.67 42.67 0 0 1-60.33-60.33l181.03-181.03a42.67 42.67 0 0 1 60.33 0z m241.37-241.37a256 256 0 0 1 0 362.03l-120.70 120.70-60.33-60.33 120.70-120.70a170.67 170.67 0 0 0-235.22-247.21l-6.14 5.85-120.70 120.70-60.33-60.33L512 150.02a256 256 0 0 1 362.03 0z' fill='%230061b0'/%3E%3C/svg%3E");
background-size: 16px 16px;
transform: translate(0, 2px);
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
a.tasks-edit {
background-color: var(--text-accent);
mask-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M247.47 851.91c-7.11 0-14.22-2.84-19.91-8.53-7.11-7.11-9.96-15.64-8.53-25.6l34.13-184.89c1.42-5.69 4.27-11.38 8.53-14.22l345.6-345.6c52.62-52.62 137.96-52.62 190.58 0 25.6 25.6 39.82 59.73 39.82 95.29s-14.22 69.69-39.82 95.29L453.69 809.24c-4.27 4.27-8.53 7.11-14.22 8.53l-184.89 34.13h-7.11z m186.31-62.58z m-125.16-137.96l-25.6 136.53 136.53-25.6 338.49-338.49c14.22-14.22 22.76-34.13 22.76-55.47s-8.53-39.82-22.76-55.47c-29.87-29.87-79.64-29.87-110.93 0L308.62 651.38z' fill='%230061b0'/%3E%3Cpath d='M739.56 510.58c-7.11 0-14.22-2.84-19.91-8.53L568.89 351.29c-11.38-11.38-11.38-28.44 0-39.82 11.38-11.38 28.44-11.38 39.82 0l150.76 150.76c11.38 11.38 11.38 28.44 0 39.82-4.27 5.69-12.8 8.53-19.91 8.53z' fill='%230061b0'/%3E%3Cpath d='M797.87 860.44H593.07c-15.64 0-28.44-12.8-28.44-28.44s12.8-28.44 28.44-28.44h204.8c15.64 0 28.44 12.8 28.44 28.44s-12.8 28.44-28.44 28.44z' fill='%230061b0'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M247.47 851.91c-7.11 0-14.22-2.84-19.91-8.53-7.11-7.11-9.96-15.64-8.53-25.6l34.13-184.89c1.42-5.69 4.27-11.38 8.53-14.22l345.6-345.6c52.62-52.62 137.96-52.62 190.58 0 25.6 25.6 39.82 59.73 39.82 95.29s-14.22 69.69-39.82 95.29L453.69 809.24c-4.27 4.27-8.53 7.11-14.22 8.53l-184.89 34.13h-7.11z m186.31-62.58z m-125.16-137.96l-25.6 136.53 136.53-25.6 338.49-338.49c14.22-14.22 22.76-34.13 22.76-55.47s-8.53-39.82-22.76-55.47c-29.87-29.87-79.64-29.87-110.93 0L308.62 651.38z' fill='%230061b0'/%3E%3Cpath d='M739.56 510.58c-7.11 0-14.22-2.84-19.91-8.53L568.89 351.29c-11.38-11.38-11.38-28.44 0-39.82 11.38-11.38 28.44-11.38 39.82 0l150.76 150.76c11.38 11.38 11.38 28.44 0 39.82-4.27 5.69-12.8 8.53-19.91 8.53z' fill='%230061b0'/%3E%3Cpath d='M797.87 860.44H593.07c-15.64 0-28.44-12.8-28.44-28.44s12.8-28.44 28.44-28.44h204.8c15.64 0 28.44 12.8 28.44 28.44s-12.8 28.44-28.44 28.44z' fill='%230061b0'/%3E%3C/svg%3E");
display: inline-block;
transform: translate(0, -1px);
background-size: 25px 20px;
height: 20px;
width: 20px;
margin-left: -0.1em;
cursor: pointer;
}
/* ================================== */
/* ======= Hover editor======= */
/* ================================== */
body.theme-light .popover.hover-popover:not(.is-loaded) {
box-shadow: 0px 2.7px 3.1px rgba(0, 0, 0, 0.032),
0px 5.9px 8.7px rgba(0, 0, 0, 0.052),
0px 10.4px 18.1px rgba(0, 0, 0, 0.071),
0px 20px 40px rgba(0, 0, 0, 0.11);
}
body .popover.hover-popover:not(.is-loaded) :is(.markdown-preview-view,.markdown-rendered),
.popover.hover-popover:not(.is-loaded) .markdown-source-view .cm-scroller {
padding: 5px 32px 0;
}
body.theme-dark .popover.hover-popover:not(.is-loaded) {
box-shadow: 0px 2.7px 3.1px rgba(0, 0, 0, 0.081),
0px 5.9px 8.7px rgba(0, 0, 0, 0.131),
0px 10.4px 18.1px rgba(0, 0, 0, 0.18),
0px 20px 40px rgba(0, 0, 0, 0.28);
}
/* ================================== */
/* ======= custom cssclass ======= */
/* ========fullwidth noyaml noscroll================ */
/*主页预览宽度*/
:is(.markdown-preview-view,.markdown-rendered).fullwidth.is-readable-line-width .markdown-preview-sizer,
.markdown-source-view.is-readable-line-width.fullwidth .CodeMirror,
.is-readable-line-width.fullwidth :is(.markdown-preview-section,.markdown-rendered),
.is-readable-line-width.fullwidth :is(.markdown-preview-section,.markdown-rendered) > div,
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width.fullwidth :is(.markdown-preview-section,.markdown-rendered) {
width: 100% !important;
max-width: 100% !important;
/* margin: 0 auto; */
}
/*隐藏backlinks区域*/
:is(.markdown-preview-view,.markdown-rendered).nobacklinks .embedded-backlinks {
display: none;
}
/*隐藏yaml区域*/
:is(.markdown-preview-view,.markdown-rendered).noyaml div>.language-yaml {
display: none;
}
:is(.markdown-preview-view,.markdown-rendered).noyaml div>:is(.metadata-container,.frontmatter-container) {
display: none;
}
/*隐藏滚动条*/
:is(.markdown-preview-view,.markdown-rendered).noscroll::-webkit-scrollbar {
display: none;
}
/*无序列表分栏(配合伪看板使用)*/
.theme-dark .gridlist ul>li a {
color:var(--text-folder-file) !important;
}
.gridlist ul ul {
display: grid;
grid-template-columns: repeat(2, minmax(10px, 1fr));
gap: 0.5rem;
}
.gridlist ul>li:not(.task-list-item) {
padding:0.2em 1em 0.2em 0.8em;
margin: 0px!important;
}
.gridlist ul>li>p:not(.task-list-item) {
margin-top: 0.55em;
margin-bottom: 0.55em;
}
.gridlist ul>li strong::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg t='1626092983490' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3709' width='200' height='200'%3E%3Cpath d='M444.88192 549.376h529.72544v263.5776a48.83456 48.83456 0 0 1-48.7936 48.88064H303.48288v-170.80832A141.53216 141.53216 0 0 1 444.88192 549.376z' fill='%23F4CA1C' p-id='3710'%3E%3C/path%3E%3Cpath d='M890.83904 196.80256h-269.85984a2.23744 2.23744 0 0 1-1.024-0.24064l-160.48128-80.384A82.176 82.176 0 0 0 422.81984 107.52H133.16096A82.11968 82.11968 0 0 0 51.2 189.60896v644.78208A82.11968 82.11968 0 0 0 133.16096 916.48h757.67808A82.11968 82.11968 0 0 0 972.8 834.39104V278.89152a82.11968 82.11968 0 0 0-81.96096-82.08896z m-757.67808-9.472h289.65888a2.24768 2.24768 0 0 1 1.024 0.24064l160.49664 80.384a82.304 82.304 0 0 0 36.65408 8.66816h269.85984a2.2784 2.2784 0 0 1 2.27328 2.27328v91.51488H130.88768V189.60896a2.2784 2.2784 0 0 1 2.27328-2.2784z m757.67808 649.33888H133.16096a2.2784 2.2784 0 0 1-2.27328-2.2784V450.22208h762.22464v384.16896a2.2784 2.2784 0 0 1-2.27328 2.2784z' fill='%23595BB3' p-id='3711'%3E%3C/path%3E%3C/svg%3E");
background-size: 14px 14px;
background-repeat: no-repeat;
display: inline-block;
height: 13px;
width: 13px;
margin-right: 5px;
margin-left:-5px;
}
.gridlist ul ul ul{
display:flex;
}
.gridlist ul ul li:hover {
background: var(--background-secondary-translucent) !important;
border-color: var(--p-kanban-border-color) !important;
border-left: 1px solid var(--p-kanban-border-color) !important;
}
.gridlist ul li a[href$=".js"]::before {
font-family:var(--font-family-inline-code);
content: 'JS';
color: var(--text-faint);
margin-right: 5px;
font-size:10px;
}
.gridlist ul li a[href$=".css"]::before {
font-family:var(--font-family-inline-code);
content: 'CSS';
color: var(--text-faint);
margin-right: 5px;
font-size:10px;
}
.gridlist ul li a[href$=".html"]::before {
font-family:var(--font-family-inline-code);
content: 'HTML';
color: var(--text-faint);
margin-right: 5px;
font-size:10px;
}
.gridlist ul li a[href$=".pdf"]::before {
font-family:var(--font-family-inline-code);
content: 'PDF';
color: var(--text-faint);
margin-right: 5px;
font-size:10px;
}
.gridlist ul li a[href$=".mp3"]::before,
.gridlist ul li a[href$=".wav"]::before,
.gridlist ul li a[href$=".m4a"]::before,
.gridlist ul li a[href$=".ogg"]::before,
.gridlist ul li a[href$=".3gp"]::before,
.gridlist ul li a[href$=".flac"]::before {
content: '';
background-size: 18px 18px;
background-repeat: no-repeat;
display: inline-block;
height: 18px;
width: 18px;
vertical-align: text-top;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg t='1667450617533' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2116' width='32' height='32'%3E%3Cpath d='M512 900.8c214.4 0 388.9-174.4 388.9-388.9 0-54-11.1-105.4-31-152.1 10.1 106.6-34.1 271.1-172 382.9-143.8 116.6-375.7 80.7-477 26.6 71.2 80.6 175.3 131.5 291.1 131.5z' fill='%23FFD524' p-id='2117'%3E%3C/path%3E%3Cpath d='M512 64.2c-26.1 0-52.2 2.3-77.7 6.7-16 2.8-26.7 18.1-23.9 34.1 2.8 16 18.1 26.7 34.1 23.9 22.2-3.9 44.9-5.9 67.6-5.9 160.5 0 298.5 97.7 357.8 236.7 20 46.8 31 98.2 31 152.1 0 214.4-174.4 388.9-388.9 388.9-115.8 0-219.9-50.9-291.2-131.5-60.7-68.6-97.7-158.7-97.7-257.4 0-124.2 57.2-238 157.1-312.3 13-9.7 15.8-28.2 6.1-41.2-9.7-13-28.2-15.8-41.2-6.1C131.8 236.7 64.2 371.1 64.2 512c0 246.9 200.9 447.8 447.8 447.8S959.7 758.9 959.7 512 758.9 64.2 512 64.2z' fill='%23333333' p-id='2118'%3E%3C/path%3E%3Cpath d='M343.2 158.6c4 0 8-0.8 11.9-2.5 3.4-1.5 6.8-3 10.3-4.4 15-6.2 22.3-23.4 16.1-38.4-6.2-15-23.3-22.3-38.4-16.1-3.9 1.6-7.8 3.3-11.7 5-14.9 6.6-21.6 24-15 38.8 4.7 11 15.5 17.6 26.8 17.6zM394.6 787.4c66.2 0 120.9-50.5 127.4-115.1 0.4-2 0.7-4 0.7-6.1V313.6H663c-8 21.5-27.6 49.4-75.9 63.8-15.6 4.6-24.5 21-19.8 36.6 3.8 12.8 15.5 21.1 28.2 21.1 2.8 0 5.6-0.4 8.4-1.2C705.3 403.8 728.9 322 727.2 283c-0.7-15.8-13.6-28.2-29.4-28.2H493.3c-16.3 0-29.4 13.2-29.4 29.4v375.2c0 38.2-31.1 69.2-69.2 69.2s-69.2-31.1-69.2-69.2c0-38.2 31.1-69.2 69.2-69.2 16.3 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4c-70.6 0-128.1 57.5-128.1 128.1s57.4 127.9 128 127.9z' fill='%23333333' p-id='2119'%3E%3C/path%3E%3C/svg%3E");
}
.gridlist ul li a[href$=".jpg"]::before,
.gridlist ul li a[href$=".png"]::before,
.gridlist ul li a[href$=".svg"]::before,
.gridlist ul li a[href$=".gif"]::before,
.gridlist ul li a[href$=".jpeg"]::before,
.gridlist ul li a[href$=".bmp"]::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg t='1626092464076' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3121' width='200' height='200'%3E%3Cpath d='M266.42944 804.352l123.3408-136.82688a37.93408 37.93408 0 0 1 53.39136-2.90304l81.6896 72.83712a37.92384 37.92384 0 0 0 56.43776-6.76864l99.92704-145.04448a37.91872 37.91872 0 0 1 58.15808-5.12l86.33856 87.31136 66.64704 72.65792-13.9264 60.18048-67.30752 25.46176-529.20832 11.5712z' fill='%23F4CA1C' p-id='3122'%3E%3C/path%3E%3Cpath d='M814.76096 148.48H209.23904A153.26208 153.26208 0 0 0 56.32 301.74208v415.40096A153.26208 153.26208 0 0 0 209.23904 870.4h605.52192A153.26208 153.26208 0 0 0 967.68 717.13792V301.74208A153.26208 153.26208 0 0 0 814.76096 148.48z m83.456 568.65792a83.62496 83.62496 0 0 1-83.456 83.62496H209.23904a83.62496 83.62496 0 0 1-83.456-83.62496V301.74208a83.62496 83.62496 0 0 1 83.456-83.63008h605.52192a83.62496 83.62496 0 0 1 83.456 83.61984v415.40096z m-137.728-298.55744a72.42752 72.42752 0 0 0-111.4112 9.87648l-99.712 145.46432a2.8672 2.8672 0 0 1-2.14528 1.29536 2.81088 2.81088 0 0 1-2.38592-0.75264L463.28832 501.41696a72.52992 72.52992 0 0 0-102.272 5.59104l-123.0848 137.216a34.77504 34.77504 0 1 0 51.67104 46.55616l123.0848-137.216a3.03104 3.03104 0 0 1 4.28544-0.2304l81.51552 73.04192a72.41728 72.41728 0 0 0 108.1088-13.02528l99.71712-145.4592a3.03104 3.03104 0 0 1 4.66432-0.41472l86.15936 87.552a34.78016 34.78016 0 1 0 49.47456-48.896z m-316.2368-33.32608a47.00672 47.00672 0 1 0-46.90432-47.00672 46.95552 46.95552 0 0 0 46.90432 47.00672z' fill='%23595BB3' p-id='3123'%3E%3C/path%3E%3C/svg%3E");
background-size: 18px 16px;
background-repeat: no-repeat;
display: inline-block;
height: 18px;
width: 18px;
vertical-align: middle;
margin-right: 5px;
}
.gridlist ul li a[href*=".excalidraw"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23595BB3' d='M18.404 2.998c-.757-.754-2.077-.751-2.828.005l-1.784 1.791L11.586 7H7a.998.998 0 0 0-.939.658l-4 11c-.133.365-.042.774.232 1.049l2 2a.997.997 0 0 0 1.049.232l11-4A.998.998 0 0 0 17 17v-4.586l2.207-2.207v-.001h.001L21 8.409c.378-.378.586-.881.585-1.415 0-.535-.209-1.038-.588-1.415l-2.593-2.581zm-3.111 8.295A.996.996 0 0 0 15 12v4.3l-9.249 3.363 4.671-4.671c.026.001.052.008.078.008A1.5 1.5 0 1 0 9 13.5c0 .026.007.052.008.078l-4.671 4.671L7.7 9H12c.266 0 .52-.105.707-.293L14.5 6.914 17.086 9.5l-1.793 1.793zm3.206-3.208-2.586-2.586 1.079-1.084 2.593 2.581-1.086 1.089z '%3E%3C/path%3E%3C/svg%3E");
content: '';
background-size: 14px 18px;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 14px;
margin-right: 5px;
}
/*PDF*/
@media print {
code[class*='language-'],
pre[class*='language-'] {
word-wrap: break-word !important;
white-space: pre-wrap !important;
}
th,
td {
white-space: pre-wrap !important;
/* word-break: break-word !important; */
overflow-wrap: break-word !important;
}
/* Page breaks */
h2, h3, h4, h5, h6 {
page-break-after: avoid;
}
pre, blockquote {
page-break-inside: avoid;
}
.print :not(font)>strong {
-webkit-print-color-adjust: exact;
color: var(--print-strong-color) !important;
}
.print :not(font):not(strong)>em {
color: var(--print-em-color) !important;
}
body.hr-for-pagination .markdown-rendered hr {
break-after: page;
visibility: hidden;
}
body.hr-for-pagination.fancy-hr-number .markdown-rendered hr:after {
break-after: page;
visibility: visible;
}
body.show-url-after-link a.external-link::after {
content: " (" attr(href) ") ";
}
body.fancy-hr-icon .markdown-rendered hr {
border-image-source: linear-gradient(to right, var(--background-primary) 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, var(--background-primary) 100%);
}
body.fancy-hr-no-icon .markdown-rendered hr {
border-image: linear-gradient(to right, var(--background-primary) 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, var(--background-primary) 100%) 1;
}
body.all-dark-pdf .print :is(.markdown-preview-view,.markdown-rendered) {
background-color: var(--background-primary) !important;
}
body.all-dark-pdf .print :is(.markdown-preview-view,.markdown-rendered) mark {
color: var(--text-highlight) !important;
}
body.all-dark-pdf .print .markdown-preview-view {
color: var(--text-normal) !important;
}
.print .markdown-preview-view .callout.callout[data-callout="timeline"] >.callout-content {
display: grid !important;
}
.print .markdown-preview-view .callout.callout[data-callout="timeline"] .callout-content hr {
visibility: visible;
}
.print .markdown-preview-view .admonition-flex .admonition-content {
display: flex !important;
}
body.text-indentation-two-em .print *:not(blockquote) > p {
text-indent: 2em;
}
body.text-indentation-two-em .print *:not(blockquote) > p>br {
content: ' ';
white-space: pre;
line-height: calc((var(--paragraph-spacing) + 0.3) * 1em);
display:unset;
}
body.text-indentation-two-em .print *:not(blockquote) > p>br::after {
content: '\A\9\9'';
}
body.justify-align .print *:not(blockquote) > p {
text-align: justify;
hyphens: auto;
}
}
body.pdf-style-invert-color-light.theme-light,
body.pdf-style-invert-color-dark.theme-dark {
--pdf-background: var(--background-secondary);
--pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 8px transparent;
--pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 8px transparent;
}
body.pdf-style-invert-color-light.theme-light .pdf-viewer .canvasWrapper,
body.pdf-style-invert-color-dark.theme-dark .pdf-viewer .canvasWrapper,
body.pdf-style-invert-color.theme-light .pdf-thumbnail-view .thumbnailImage,
body.pdf-style-invert-color.theme-dark .pdf-thumbnail-view .thumbnailImage {
filter: invert(1) hue-rotate(180deg);
}
body.pdf-style-green-bg-light.theme-light .pdf-viewer .textLayer,
body.pdf-style-green-bg-dark.theme-dark .pdf-viewer .textLayer {
background-color: #74c969;
}
body.pdf-style-warm-bg-light.theme-light .pdf-viewer .textLayer,
body.pdf-style-warm-bg-dark.theme-dark .pdf-viewer .textLayer {
background-color: #f7b955;
}
body.pdf-style-custom-bg.theme-dark {
--custom-bg-pdf-style: #;
}
body.pdf-style-custom-bg.theme-light {
--custom-bg-pdf-style: #;
}
body.pdf-style-custom-bg .pdf-viewer .textLayer {
background-color: var(--custom-bg-pdf-style);
}
/* ================================== */
/* ======= Callout======= */
/* ================================== */
body.admonition-bg-color-same .callout {
background-color: rgba(var(--callout-color), 0.1);
border-width: var(--callout-border-width);
}
body.shade-callout-style .callout {
border:none;
box-shadow: inset 0 0 0 2px rgba(var(--callout-color), 0.25), 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1) !important;
}
body.shade-callout-style .callout .callout-title {
padding: 6px;
background-color: rgba(var(--callout-color), 0.4);
}
body.border-callout-style .callout {
--callout-radius: 2px;
border-left: solid 4px rgb(var(--callout-color));
}
body.border-callout-style .callout .callout-title {
padding: 6px;
background-color: rgba(var(--callout-color), 0.4);
}
body.border-callout-style .callout .callout-content {
background-color: rgba(var(--callout-color), 0.1);
}
.callout-title {
background-color: rgba(var(--callout-color), 0.15);
}
.callout {
padding: 0;
border-left: 4px solid rgba(var(--callout-color),0.15);
background-color:var(--admonition-bg-color);
}
.callout-content {
padding: 5px 15px;
}
.is-live-preview .admonition-content>* br {
display: unset;
}
body.admonition-bg-color-same .callout-title {
color: rgb(var(--callout-color));
background-color:unset;
}
.callout-title {
padding: 8px 0 8px 12px;
color: unset;
}
.admonition-title .admonition-title-icon {
color: rgb(var(--callout-color));
}
.callout .callout-title-inner>img:not([class*="emoji"]) {
border-radius: 1em !important;
margin: auto;
display: block;
}
.callout-title-inner.admonition-title-content svg {
height: 1em;
align-self: center;
width: 1em;
}
.callout-icon svg {
height: 1em;
}
.markdown-source-view.is-live-preview .admonition-content .callout-content :is(h1,h2,h3,h4,h5,h6,p) {
margin: 0;
}
.callout .callout-content p img {
display: block;
}
.is-live-preview .callout:not(.admonition) .callout-content {
padding-top: 0;
padding-bottom: 0;
}
.callout-content {
padding-left: 10px;
padding-right: 10px;
}
.callout img[alt*=circle] {
border-radius: 35px;
width: 70px;
height: 70px;
}
/* ===编辑代码块按钮调整============ */
.markdown-source-view.mod-cm6 .cm-embed-block {
border: 0;
}
.markdown-source-view.mod-cm6 .cm-embed-block:hover {
box-shadow: 0 3px 8px 0 rgba(var(--mono-rgb-100), .25);
transition: all .2s ease-in-out;
}
.markdown-source-view.mod-cm6 .edit-block-button {
padding: 0;
top: 0;
border-radius: var(--radius-s);
right: 10px;
opacity: 0.3;
}
.markdown-source-view.mod-cm6 .edit-block-button::before {
width: 25px;
font-size: 11px;
text-align: center;
content: '</>';
margin-left:1em;
}
.markdown-source-view.mod-cm6 .edit-block-button>svg {
display: none;
}
/*cards 视图*/
:root{
--cards-width: 138px;
}
@media (max-width: 450px) {
:root{
--cards-width: 112.64px;
}
}
@media (max-width: 375px) {
:root{
--cards-width: 102.4px;
}
}
@media (max-width: 350px) {
:root{
--cards-width: 87.04px;
}
}
.callout.callout[data-callout*=cards] .callout-content {
padding: 0;
}
.callout.callout[data-callout*=cards] progress {
position: absolute;
width: var(--cards-width);
margin-top: -10px;
margin-left: calc(var(--cards-width) /2 * -1);
overflow: hidden;
height: 3px;
background: #f0ec05;
}
.callout.callout[data-callout*=cards] progress.yellow::-moz-progress-bar {
background: #e78f0c;
}
.callout.callout[data-callout*=cards] progress.yellow::-webkit-progress-value {
border-radius: 1em;
background: #e78f0c;
}
.callout.callout[data-callout*=cards] progress.hot::-moz-progress-bar {
background: #fa7131dc;
}
.callout.callout[data-callout*=cards] progress.hot::-webkit-progress-value {
border-radius: 1em;
background: #fa7131dc;
}
.callout.callout[data-callout*=cards] table.dataview tbody {
display: flex;
flex-flow: wrap;
margin-top: 20px;
margin-left: 0.5em;
width: 105%;
}
@media (max-width:1120px) {
.callout.callout[data-callout*=cards] table.dataview tbody {
margin-left: -40px;
padding: 0 40px
}
}
@media (max-width:960px) {
.callout.callout[data-callout*=cards] table.dataview tbody {
margin-left: -30px;
padding: 0 30px
}
}
@media (max-width:460px) {
.callout.callout[data-callout*=cards] table.dataview tbody {
padding: 0px;
margin-left: -20px;
}
}
.callout.callout[data-callout*=cards] table.dataview>tbody>tr {
display: block;
width:var(--cards-width);
height: auto;
margin-left: 1.2em;
margin-bottom: 44px;
background-color: transparent;
}
@media (max-width:1120px) {
.callout.callout[data-callout*=cards] table.dataview>tbody>tr {
margin-left: 40px;
}
}
@media (max-width:960px) {
.callout.callout[data-callout*=cards] table.dataview>tbody>tr {
margin-left: 30px;
}
}
@media (max-width:460px) {
.callout.callout[data-callout*=cards] table.dataview>tbody>tr {
margin-left: 20px;
margin-bottom: 20px;
}
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:first-child,
.markdown-source-view.mod-cm6.callout.callout[data-callout*=cards] .dataview.table-view-table>tbody>tr>td:first-child {
width: 100%;
display: block;
box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
position: relative;
padding: 0;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td img {
vertical-align: top;
width: 100%;
height: calc(var(--cards-width) / 0.7 );
background-color:var(--background-secondary);
-o-object-fit: cover;
object-fit: cover;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:before {
display: none;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:first-child:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(90deg, hsla(0, 0%, 63.1%, .25), rgba(21, 21, 20, .1) 1%, hsla(0, 0%, 100%, .15) 4%, hsla(0, 0%, 58%, .1) 8%, hsla(0, 0%, 89%, 0) 57%, rgba(223, 218, 218, .03) 91%, rgba(223, 218, 218, .05) 98%, hsla(0, 0%, 100%, .1));
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .1);
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:not(:first-child),
.markdown-source-view.mod-cm6.callout.callout[data-callout*=cards] .dataview.table-view-table>tbody>tr>td:not(:first-child) {
text-align: center;
padding: 0;
margin-top: 4px;
font-size: 15px;
color: var(--text-muted);
line-height: 18px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-text-size-adjust: none;
box-orient: vertical;
height: auto;
font-size: 13px;
line-height: 1.1;
white-space: nowrap;
text-overflow: ellipsis;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td>button {
font-size: 12px;
background-color: transparent;
padding: 0;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:nth-child(2) {
margin-top: 10px;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:nth-child(3) {
-webkit-text-stroke: 0.25px ;
}
/*------------*/
.callout.callout[data-callout*=cards] table.dataview thead {
user-select: none;
width: 160px;
display: block;
float: right;
position: relative;
text-align: right;
padding-bottom: 4px
}
.callout.callout[data-callout*=cards] table.dataview thead:before {
content: '';
background-repeat: no-repeat;
cursor: var(--cursor);
text-align: right;
padding: 4px 10px;
margin-bottom: 2px;
border-radius: 5px;
font-weight: 500;
font-size: var(--font-adaptive-small);
}
.callout.callout[data-callout*=cards] table.dataview thead:before {
opacity: .25;
background-position: center center;
background-size: 18px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="white" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
}
.theme-light .callout.callout[data-callout*=cards] table.dataview thead:before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
}
.callout.callout[data-callout*=cards] table.dataview thead:hover:before {
opacity: .5;
}
.callout.callout[data-callout*=cards] table.dataview thead>tr {
position: absolute;
display: none;
z-index: 9;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary);
box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
padding: 6px;
border-radius: 6px;
flex-direction: column;
margin: 0;
width: 100%;
}
.callout.callout[data-callout*=cards] table.dataview thead:hover>tr {
display: flex;
}
.callout.callout[data-callout*=cards] table.dataview thead>tr>th {
display: block;
background-color: var(--background-primary);
padding: 3px 30px 3px 6px!important;
border-radius: 5px;
width: 100%;
font-weight: 400;
color: var(--text-muted);
border: none;
font-size: var(--font-adaptive-small);
}
.callout.callout[data-callout*=cards] table.dataview thead>tr>th[sortable-style=sortable-asc],
.callout.callout[data-callout*=cards] table.dataview thead>tr>th[sortable-style=sortable-desc] {
color: var(--text-normal);
}
.callout.callout[data-callout*=cards] table.dataview thead>tr>th:hover {
color: var(--text-normal);
background-color: var(--background-secondary);
}
/*全透明callout*/
.callout.callout[data-callout*=blank] {
box-shadow: none;
max-width: 100%;
background: transparent;
border: none;
background-color: transparent !important;
box-shadow: none !important;
margin: 0;
}
.callout.callout[data-callout*=blank].is-collapsed .callout-fold {
border: none;
padding: 5px 10px;
}
.callout.callout[data-callout*=blank] .callout-title,
.callout.callout[data-callout*=blank] .callout-title :is(.callout-icon, .callout-title-inner) {
display: none;
}
.callout.callout[data-callout*=blank] .callout-content {
overflow: visible;
margin: 0;
padding: 0;
border: none;
}
/* ===段落自动缩进============ */
/*支持两种写法
> [!note|indent]
> [!note indent]
*/
.callout.callout:is([data-callout-metadata*="indent"],
[data-callout*=indent]) .callout-content p br {
content: '';
white-space: pre;
line-height: calc((var(--paragraph-spacing) + 0.3) * 1em);
display: unset;
}
.callout.callout:is([data-callout-metadata*="indent"],
[data-callout*=indent]) .callout-content>p {
text-indent: 2em;
}
.callout.callout:is([data-callout-metadata*="indent"],
[data-callout*=indent]) .callout-content blockquote>p {
text-indent: 2em;
}
.callout.callout:is([data-callout-metadata*="indent"],
[data-callout*=indent]) .callout-content p br::after {
content: '\A\9\9';
}
/* ===段落两端对齐============ */
/*支持两种写法
> [!note|justify]
> [!note justify]
*/
.callout.callout:is([data-callout-metadata*="justify"],
[data-callout*=justify]) .callout-content>p {
text-align: justify;
hyphens: auto;
-webkit-hyphens: auto;
}
/* ===隐藏图标============ */
.callout.callout:is([data-callout-metadata^="noicon"],
[data-callout*=noicon]) .callout-icon {
display: none;
}
/* ===隐藏边框============ */
.callout.callout:is([data-callout-metadata*="noborder"],
[data-callout*=noborder]) {
border-left: none;
background-color: transparent;
box-shadow: none;
}
.callout.callout:is([data-callout-metadata*="noborder"],
[data-callout*=noborder]) .callout-content {
border-left: none;
background-color: transparent;
box-shadow: none;
border: none;
}
/* ===banner============ */
.is-live-preview .admonition-flex .callout.callout[data-callout-metadata*="banner"]:nth-child(2) {
margin-top: -1.5em;
}
.callout.callout[data-callout-metadata*="banner"] {
border-left: 0;
background-color: transparent;
box-shadow: none !important;
}
.callout.callout[data-callout-metadata*="banner"] .callout-content{
overflow: visible;
}
.callout.callout[data-callout-metadata*="banner"] .callout-title {
background-color: transparent;
display: inline;
}
/* nested callout note for culumns | image used as tittle + centered */
.callout.callout[data-callout-metadata*="banner"] .callout-title img {
border-radius: 1em;
margin: auto;
display: block;
}
.callout.callout[data-callout-metadata*="banner"] .callout-fold {
display: none;
}
.callout.callout[data-callout-metadata*="banner"] .callout-icon {
display: none;
}
.callout.callout[data-callout-metadata*="banner"] .callout-title h3 {
text-align: center;
line-height: 2;
}
.callout.callout[data-callout-metadata*="banner"] .callout-title h3::before {
display: none;
}
/* ===隐藏标题============ */
.callout.callout:is([data-callout-metadata*="notitle"],
[data-callout*=notitle]) .callout-title {
display:none;
}
/* ===支持 right left center 语法============ */
/*支持两种写法
> [!note|right]
> [!note right]
*/
.callout.callout:is([data-callout-metadata*="left"],
[data-callout*=left]) {
float: left !important;
margin: unset;
}
.callout.callout:is([data-callout-metadata*="right"],
[data-callout*=right]) {
float: right !important;
margin: unset;
}
.callout.callout:is([data-callout-metadata*="center"],
[data-callout*=center]) {
display: block;
margin: auto;
float: unset ;
text-align:center;
}
/* ===块内元素不换行============ */
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) {
max-width: unset !important;
white-space: nowrap;
overflow: hidden;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) thead > tr > th,
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) tbody > tr > td {
white-space: nowrap;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) .callout-content {
overflow-x: auto !important;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) .callout-content p {
display: flex;
align-items: center;
margin-block-start: 0;
margin-block-end: 0;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) .callout-content img {
max-width: unset !important;
display: table-cell;
vertical-align: middle;
padding: 1px;
max-height: 30vh;
}
/* ===块内元素网格布局============ */
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) {
max-width: unset !important;
white-space: nowrap;
overflow: hidden;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content {
overflow-x: auto!important;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content p {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, auto));
grid-gap: 2px;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, auto));
grid-gap: 0 10px;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content ul li {
WHITE-SPACE: normal;
padding-left: 1em;
text-indent: -1em;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content ul li::before {
content: ' ' !important;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content img {
display: flex;
flex: 1;
align-self: stretch;
object-fit: cover;
margin: unset !important;
}
/* ===百分比宽度============ */
/*支持两种写法
> [!note|30%]
> [!note 30%]
*/
.callout.callout:is([data-callout-metadata*='100%'],
[data-callout*='100%']) {
width: 100%;
}
.callout.callout:is([data-callout-metadata*='95%'],
[data-callout*='95%']) {
width: 95%;
}
.callout.callout:is([data-callout-metadata*='90%'],
[data-callout*='90%']) {
width: 90%;
}
.callout.callout:is([data-callout-metadata*='85%'],
[data-callout*='85%']) {
width: 85%;
}
.callout.callout:is([data-callout-metadata*='80%'],
[data-callout*='80%']) {
width: 80%;
}
.callout.callout:is([data-callout-metadata*='75%'],
[data-callout*='75%']) {
width: 75%;
}
.callout.callout:is([data-callout-metadata*='70%'],
[data-callout*='70%']) {
width: 70%;
}
.callout.callout:is([data-callout-metadata*='65%'],
[data-callout*='65%']) {
width: 65%;
}
.callout.callout:is([data-callout-metadata*='60%'],
[data-callout*='60%']) {
width: 60%;
}
.callout.callout:is([data-callout-metadata*='55%'],
[data-callout*='55%']) {
width: 55%;
}
.callout.callout:is([data-callout-metadata*='50%'],
[data-callout*='50%']) {
width: 50%;
}
.callout.callout:is([data-callout-metadata*='45%'],
[data-callout*='45%']) {
width: 45%;
}
.callout.callout:is([data-callout-metadata*='40%'],
[data-callout*='40%']) {
width: 40%;
}
.callout.callout:is([data-callout-metadata*='35%'],
[data-callout*='35%']) {
width: 35%;
}
.callout.callout:is([data-callout-metadata*='30%'],
[data-callout*='30%']) {
width: 30%;
}
.callout.callout:is([data-callout-metadata*='25%'],
[data-callout*='25%']) {
width: 25%;
}
.callout.callout:is([data-callout-metadata*='20%'],
[data-callout*='20%']) {
width: 20%;
}
.callout.callout:is([data-callout-metadata*='15%'],
[data-callout*='15%']) {
width: 15%;
}
.callout.callout:is([data-callout-metadata*='10%'],
[data-callout*='10%']) {
width: 10%;
}
/* callout模糊文字效果*/
.callout.callout[data-callout=cloze] {
border-left-width: 0;
filter: blur(4px);
}
.callout.callout[data-callout=cloze]:hover {
filter: none;
}
.callout.callout[data-callout=cloze] .callout-title {
display: none;
}
/* callout伪看板效果*/
.callout.callout[data-callout*="kanban"] ul {
display: flex;
flex-direction: row;
border: 0px solid var(--p-kanban-border-color);
padding: 0;
border-radius: var(--radius-m);
flex-wrap: wrap;
}
.callout.callout[data-callout*="kanban"] li .list-bullet{
display: none;
}
.callout.callout[data-callout*="kanban"] ul>li {
flex: 1 1 20%;
padding: 0.1em 1em 0.1em 0.8em;
margin: 0 0.3em 0.3em 0 !important;
list-style: none;
border: 1px solid var(--p-kanban-border-color);
border-left: 1px solid var(--p-kanban-border-color) !important;
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
}
.callout.callout[data-callout*="kanban"] ul li.task-list-item .task-list-item-checkbox {
margin-left: auto;
}
.callout.callout[data-callout*="kanban"] ul .list-collapse-indicator.collapse-indicator.collapse-icon::before {
color: var(--text-accent);
transition: transform 10ms linear 0s;
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+1) {
background-color: var(--p-kanban-color-1);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+2) {
background-color: var(--p-kanban-color-2);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+3) {
background-color: var(--p-kanban-color-3);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+4) {
background-color: var(--p-kanban-color-4);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+5) {
background-color: var(--p-kanban-color-5);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+6) {
background-color: var(--p-kanban-color-6);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+7) {
background-color: var(--p-kanban-color-7);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n) {
background-color: var(--p-kanban-color-8);
}
.callout.callout[data-callout*="kanban"] ul>li:nth-of-type(n) {
background-color: var(--p-kanban-color-simple);
padding-left: 1em;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+1) {
border-top: 6px solid var(--p-kanban-color-1) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+2) {
border-top: 6px solid var(--p-kanban-color-2) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+3) {
border-top: 6px solid var(--p-kanban-color-3) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+4) {
border-top: 6px solid var(--p-kanban-color-4) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+5) {
border-top: 6px solid var(--p-kanban-color-5) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+6) {
border-top: 6px solid var(--p-kanban-color-6) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+7) {
border-top: 6px solid var(--p-kanban-color-7) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n) {
border-top: 6px solid var(--p-kanban-color-8) !important;
}
body.simple-p-kanban .callout.callout[data-callout*="kanban"] ul:first-child>li:nth-of-type(n) {
border-top: none !important;
}
body:not(.remove-shadow-p-kanban) .callout.callout[data-callout*="kanban"] ul>li:hover {
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1);
box-shadow: 0 3px 5px 0 var(--p-kanban-color-shadow), 0 3px 1px -3px var(--p-kanban-color-shadow), 2px 3px 3px 0 var(--p-kanban-color-shadow);
}
.callout.callout[data-callout*="kanban"] ul ul {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0rem;
margin-top: 0.5rem;
border-radius: 0;
border: 0;
background: none;
}
.callout.callout[data-callout*="kanban"] ul ul li:not(.task-list-item) {
width: 100%;
display: block;
background-color: var(--p-kanban-card-color-1) !important;
}
body.remove-shadow-p-kanban .callout.callout[data-callout*="kanban"] ul ul li:hover {
background: var(--p-kanban-card-color-2) !important;
border-color: var(--p-kanban-border-color) !important;
border-left: 1px solid var(--p-kanban-border-color) !important;
}
body.remove-shadow-p-kanban.theme-dark .callout.callout[data-callout*="kanban"] ul ul li:hover {
border-color: #696969e1 !important;
border-left: 1px solid #696969e1 !important;
}
.callout.callout[data-callout*="kanban"] ul ul li .task-list-item-checkbox {
margin-left: 1.5rem !important;
}
.callout.callout[data-callout*="kanban"] ul ul ul {
margin-right: 0;
}
.callout.callout[data-callout*="kanban"] ul ul::before {
border-left: 0;
border:0;
}
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width.callout.callout[data-callout*="kanban"] .markdown-preview-sizer>div>ul {
max-width: 100%;
}
.callout.callout[data-callout*="kanban"] :is(ol,ul).contains-task-list :is(ol,ul) {
position: initial;
}
.callout.callout[data-callout*="kanban"] :is(ol,ul).contains-task-list :is(ol,ul)::before {
all: initial;
}
.callout.callout[data-callout*="kanban"] ul > li.task-list-item {
flex: 1 1 20%;
padding: 0.1em 1em;
list-style: none;
border: 1px solid var(--p-kanban-border-color);
border-left: 1px solid var(--p-kanban-border-color) !important;
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
text-indent: 0.01em;
}
.callout.callout[data-callout*="kanban"] ul ul li.task-list-item {
width: 100%;
display: block;
padding-left: 2em;
text-indent: -3em;
background-color: var(--p-kanban-card-color-1) !important;
}
.callout.callout[data-callout*="kanban"] ul ul li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon {
text-indent: -1em;
}
body:not(.default-icons) .callout.callout[data-callout*="kanban"] li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon::before {
margin-left: -0.2em;
}
body:not(.default-icons) .callout.callout[data-callout*="kanban"] li.task-list-item .task-list-item.is-collapsed .list-collapse-indicator.collapse-indicator.collapse-icon::before {
transform: translateX(-0.9em) translateY(-1em) rotate(-90deg);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] .task-list-item-checkbox {
border-color: var(--text-normal) !important;
}
/*callout hibox*/
.callout.callout[data-callout*="hibox"] {
background-color: transparent !important;
box-shadow: none !important;
}
.callout.callout[data-callout*="hibox"] .callout-content *,
.callout.callout[data-callout*="hibox"] .callout-content *::before,
.callout.callout[data-callout*="hibox"] .callout-content *::marker {
visibility: hidden;
}
.callout.callout[data-callout*="hibox"] .callout-content {
position: relative;
height: auto;
overflow: hidden;
background: radial-gradient(circle at 0px 0px, var(--background-modifier-box-shadow), 0, var(--background-modifier-box-shadow), var(--hibox), transparent var(--hibox), transparent 0);
transition: --hibox 0.6s linear;
}
.callout.callout[data-callout*="hibox"] .callout-content:hover {
--hibox: 1500px;
box-shadow: 0 0.2rem 0.5rem var(--background-modifier-box-shadow) !important;
}
.callout.callout[data-callout*="hibox"] .callout-content:hover *,
.callout.callout[data-callout*="hibox"] .callout-content:hover *::marker,
.callout.callout[data-callout*="hibox"] .callout-content:hover *::before {
border-color: inherit;
visibility: visible;
}
.callout.callout[data-callout*="hibox"] .callout-content:hover ol:not(.contains-task-list)>li:not(.task-list-item) {
border-color: var(--list-ol-block-color) !important;
}
.callout.callout[data-callout*="hibox"] .callout-content:hover ul>li:not(.task-list-item) {
border-color: var(--list-ul-block-color) !important;
}
.callout.callout[data-callout*="hibox"] .callout-content:hover blockquote {
border-color: var(--theme-color) !important;
background-color: var(--background-blockquote) !important;
}
.callout.callout[data-callout*="hibox"] .callout-content:hover {
border-color: var(--text-normal) !important;
}
/* callout infobox效果*/
/*Infobox from https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/S%20-%20Callouts.css*/
:is(.is-mobile, .is-live-preview) .callout[data-callout*=infobox] {
float: unset !important;
max-width: 100%;
margin: 0 !important;
}
.callout.callout[data-callout*=infobox] {
--callout-color: var(--interactive-accent-rgb);
background: transparent;
border: 0;
box-shadow: none !important;
margin: 0;
margin-left: 8px;
align-self: center;
float: right;
}
.callout.callout[data-callout*=infobox] .callout-title {
background-color: transparent;
padding: 0;
justify-content: center;
}
.callout.callout[data-callout*=infobox].is-collapsed .callout-fold {
padding: 3px 10px;
}
.callout.callout[data-callout*=infobox]:not(:hover):not(.is-collapsible) .callout-title, .callout.callout[data-callout*=infobox]:not(.is-collapsible) .callout-title :is(.callout-icon, .callout-fold,.callout-title-inner) {
display: none;
}
.callout.callout[data-callout*=infobox] .callout-content {
padding: 1px;
margin: 0;
border-radius: var(--radius, var(--co-radius));
}
.callout.callout[data-callout*=infobox] table {
width: 100%;
}
.callout.callout[data-callout*=infobox] :is(p, table) {
margin-block-start: 0;
margin-block-end: 0;
margin: 0;
}
.callout.callout[data-callout*=infobox] :is(h1, h2, h3, h4, h5, h6) {
text-align: center;
margin: 0;
padding: 2px;
color: var(--text-normal);
}
.callout.callout[data-callout*=infobox] p,
.callout.callout[data-callout*=infobox] .internal-embed,
.callout.callout[data-callout*=infobox] img {
margin: auto;
padding: auto;
text-align: center;
}
/******callout bookinfo*****/
.callout.callout[data-callout*="bookinfo"] {
--callout-color: 64, 201, 75;
--callout-icon: '<svg t="1648743111717" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2202" ><path d="M559.936 144.064l0 745.344 42.112-51.84c6.4-7.872 18.112-9.216 26.176-3.008 1.152 0.896 2.112 1.856 3.008 3.008l0.064-0.128 38.016 46.656L669.312 115.392 559.936 144.064 559.936 144.064zM160.512 558.976C153.536 561.664 145.664 558.208 142.976 551.232 140.288 544.256 143.68 536.384 150.72 533.632c42.496-16.832 88.384-24.768 135.168-24.768 48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 557.696 431.104 561.6 424 559.168 378.368 544.128 331.52 536.064 285.888 536.064 242.24 536.064 199.872 543.424 160.512 558.976L160.512 558.976zM160.512 472.064C153.536 474.752 145.664 471.36 142.976 464.32 140.288 457.344 143.68 449.408 150.72 446.72c42.496-16.896 88.384-24.832 135.168-24.832 48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 470.784 431.104 474.688 424 472.32 378.368 457.216 331.52 449.152 285.888 449.152 242.24 449.152 199.872 456.448 160.512 472.064L160.512 472.064zM160.512 393.152C153.536 395.904 145.664 392.384 142.976 385.408 140.288 378.432 143.68 370.56 150.72 367.808c42.496-16.896 88.384-24.832 135.168-24.832 48.512 0 98.24 8.576 146.624 24.576 7.104 2.304 11.008 10.048 8.64 17.216C438.784 391.872 431.104 395.776 424 393.344 378.368 378.304 331.52 370.176 285.888 370.176 242.24 370.176 199.872 377.536 160.512 393.152L160.512 393.152zM160.512 310.08c-6.976 2.752-14.848-0.704-17.536-7.68C140.288 295.36 143.68 287.488 150.72 284.736c42.496-16.832 88.384-24.768 135.168-24.768 48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 308.864 431.104 312.704 424 310.336 378.368 295.296 331.52 287.232 285.888 287.232 242.24 287.232 199.872 294.528 160.512 310.08L160.512 310.08zM160.512 234.816c-6.976 2.688-14.848-0.704-17.536-7.68C140.288 220.16 143.68 212.224 150.72 209.472 193.216 192.64 239.104 184.704 285.888 184.704c48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 233.536 431.104 237.44 424 235.072 378.368 220.032 331.52 211.968 285.888 211.968 242.24 211.968 199.872 219.328 160.512 234.816L160.512 234.816zM983.36 202.56C1005.888 203.776 1024 222.08 1024 244.288l0 570.048c0 22.976-19.392 41.792-43.008 41.792l-274.24 0 0 80.128-0.064 0c0 5.248-2.432 10.624-7.04 14.144-8.128 6.336-19.84 4.992-26.24-2.88l-56.768-69.376-59.776 73.472C553.536 956.608 547.712 960 541.248 960c-10.368 0-18.752-8.256-18.752-18.24l0-85.632L43.008 856.128C19.392 856.128 0 837.312 0 814.336L0 244.288C0 223.36 16.064 205.824 36.8 202.944L36.8 147.008c0-11.904 7.232-22.208 17.728-26.752C135.552 80.448 214.976 62.848 293.12 64c73.984 1.152 146.112 19.072 216.704 50.88C586.944 78.848 662.656 62.912 737.28 64c78.336 1.216 154.624 21.248 229.12 56.64 10.752 5.12 17.024 15.552 17.024 26.368l0 0L983.424 202.56 983.36 202.56zM706.752 676.288c10.112-0.512 20.352-0.704 30.528-0.576 63.232 1.088 125.12 15.36 185.792 40.96l0-551.04c-61.504-27.008-123.776-42.176-186.816-43.2-9.792-0.128-19.648 0.064-29.504 0.64L706.752 676.288 706.752 676.288zM292.16 122.496C228.736 121.536 163.776 134.976 97.088 165.312l0 550.656c66.304-28.544 131.584-41.344 196.032-40.256 63.296 1.088 125.248 15.36 185.92 40.96l0-551.04C417.408 138.624 355.2 123.456 292.16 122.496z" p-id="2203" ></path></svg>';
overflow: unset;
border: 0;
width: auto;
padding: 0;
}
.callout.callout[data-callout*=bookinfo] .callout-title {
text-align: center;
display: flex;
justify-content: space-between;
}
.callout.callout[data-callout*=bookinfo] .callout-content {
display: flex;
justify-content: space-between;
}
.callout.callout[data-callout*=bookinfo] .callout-content table {
width: 68%;
margin-left: 2%;
word-break: normal;
}
.callout.callout[data-callout*=bookinfo] .callout-content table tr th {
padding-right: 5px;;
}
.callout.callout[data-callout*=bookinfo] .callout-content td:nth-child(2) {
display: table-cell;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.callout.callout[data-callout*=bookinfo] .callout-content table {
width: 100%;
}
.callout.callout[data-callout*=bookinfo] .callout-content {
display: grid;
}
}
/******callout timeline*****/
.callout.callout[data-callout="timeline"] {
--callout-color: 31, 172, 139;
--callout-icon: '<svg t="1649346326592" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2210"><path d="M384 170.666667m42.666667 0l512 0q42.666667 0 42.666666 42.666666l0 0q0 42.666667-42.666666 42.666667l-512 0q-42.666667 0-42.666667-42.666667l0 0q0-42.666667 42.666667-42.666666Z" p-id="2211"></path><path d="M384 469.333333m42.666667 0l512 0q42.666667 0 42.666666 42.666667l0 0q0 42.666667-42.666666 42.666667l-512 0q-42.666667 0-42.666667-42.666667l0 0q0-42.666667 42.666667-42.666667Z" p-id="2212"></path><path d="M384 768m42.666667 0l512 0q42.666667 0 42.666666 42.666667l0 0q0 42.666667-42.666666 42.666666l-512 0q-42.666667 0-42.666667-42.666666l0 0q0-42.666667 42.666667-42.666667Z" p-id="2213"></path><path d="M239.835143 127.973411m15.084945 15.084944l60.339779 60.339779q15.084945 15.084945 0 30.169889l-60.339779 60.339779q-15.084945 15.084945-30.169889 0l-60.339779-60.339779q-15.084945-15.084945 0-30.169889l60.339779-60.339779q15.084945-15.084945 30.169889 0Z" p-id="2214"></path><path d="M239.831988 426.647696m15.084944 15.084945l60.339779 60.339778q15.084945 15.084945 0 30.16989l-60.339779 60.339778q-15.084945 15.084945-30.169889 0l-60.339779-60.339778q-15.084945-15.084945 0-30.16989l60.339779-60.339778q15.084945-15.084945 30.169889 0Z" p-id="2215"></path><path d="M239.828832 725.321982m15.084944 15.084944l60.339779 60.339779q15.084945 15.084945 0 30.169889l-60.339779 60.339779q-15.084945 15.084945-30.169889 0l-60.339779-60.339779q-15.084945-15.084945 0-30.169889l60.339779-60.339779q15.084945-15.084945 30.169889 0Z" p-id="2216"></path><path d="M213.333333 853.333333H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h128v85.333333H138.666667a10.709333 10.709333 0 0 0-10.666667 10.666667v192a10.709333 10.709333 0 0 0 10.666667 10.666666H213.333333v85.333334H138.666667a10.709333 10.709333 0 0 0-10.666667 10.666666v192a10.709333 10.709333 0 0 0 10.666667 10.666667H213.333333v85.333333z" p-id="2217"></path></svg>';
border-left: none;
background-color: transparent;
}
.callout.callout[data-callout="timeline"] >.callout-content {
border-left:none;
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto 1fr;
grid-template-columns: 0.3fr auto 1fr;
-webkit-column-gap: 1.5rem;
column-gap: 1.5rem;
row-gap: 0.25rem;
margin: 2.3rem 1rem 0 0;
padding: 0;
}
.callout.callout[data-callout="timeline"] .callout-content hr::before {
display: none;
}
.callout.callout[data-callout="timeline"] .callout-content hr {
height: 100%;
width: 0.5rem;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / span 1;
-ms-grid-row: 1;
grid-row-start: 1;
background-color: var(--text-normal);
opacity: 0.1;
grid-row-end: 9;
margin:auto;
border: none;
overflow: hidden;
border-radius: 10px;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote {
color: var(--text-on-accent);
display: block;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1 / span 1;
position: relative;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
text-align: left;
box-shadow: none;
margin: 0;
border: none;
padding: 0;
background-color: var(--interactive-accent);
}
.callout.callout[data-callout="timeline"] .callout-content blockquote p::before {
display: none;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote,
.callout.callout[data-callout="timeline"] .callout-content blockquote + *:not(.callout),
.callout.callout[data-callout="timeline"] .callout-content hr+ *:not(.callout) {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote .list-bullet::after{
color: var(--text-on-accent);
left:0;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote p {
display: block;
color: var(--text-on-accent);
background-color: var(--interactive-accent);
font-style: normal;
border-radius: 5px;
}
.callout.callout[data-callout="timeline"] .callout-content>*:not(blockquote):not(hr) {
position: relative;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3 / span 1;
margin-block-start: 0;
margin-block-end: 0;
}
.callout.callout[data-callout="timeline"] table {
font-size: 13px;
}
/******callout icon*****/
.show-inline-title .callout.callout:is([data-callout-metadata^='icon'],
.show-inline-title [data-callout='icon']) {
margin-top: -7em;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) {
flex: none !important;
border-left: 0;
background-color: transparent;
box-shadow: none;
float: left;
margin-top: -4em;
margin-bottom: 0;
}
.is-live-preview .callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) {
margin-top: -1.6em;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) .callout-title {
display: none;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) .callout {
overflow: visible;
margin: 0;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) > .callout-content {
padding: 0;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) > .callout-content>svg {
height: calc(1em + 12px);
padding: 6px;
border-radius: 4px;
pointer-events: initial;
transition: ease .2s background;
font-size: 4em;
margin-bottom: 0px;
}
/***Sticky notes 便签效果**/
.callout[data-callout="stickies"] {
box-shadow:none;
border-left:0px;
overflow: unset;
}
.callout[data-callout="stickies"][data-callout-metadata*="left"] {
width: max(180px, 30%);
}
.callout[data-callout="stickies"][data-callout-metadata*="left"]>.callout-content {
max-width: 100%;
}
.callout[data-callout="stickies"] >.callout-title {
display: none;
}
.callout[data-callout="stickies"] >.callout-content {
overflow:visible;
text-align: center;
transition: width 2s;
padding: 5px;
margin: 18px;
position: relative;
float: right;
right: -10px;
width: max(180px, 30%);
max-width: 50%;
background-color: var(--stickies-color-1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(2deg);
transition: all 2s ease;
z-index: 1;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 0px;
color: black;
}
.callout[data-callout="stickies"] >.callout-content::after {
content: "";
left: -5%;
top: -10px;
height: 40px;
width: 15px;
border-radius: var(--radius-l);
border: 3px solid #979797;
display: inline-block;
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(-11deg);
z-index: 11;
}
.callout[data-callout="stickies"] >.callout-content::before {
width: 11px;
height: 20px;
content: "";
display: inline-block;
position: absolute;
left: -3.5%;
top: -2px;
border-radius: var(--radius-l);
border: 3px solid #979797;
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
z-index: 10;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(-11deg);
}
.callout[data-callout="stickies2"] {
box-shadow: none;
border-left: none;
}
.callout[data-callout="stickies2"] >.callout-title {
display: none;
}
.callout[data-callout="stickies2"] >.callout-content {
overflow:visible;
position: relative;
float: left;
box-shadow: 0 10px 10px 2px #9191912d;
width: max(180px, 30%);
max-width: 50%;
background-color: var(--stickies-color-2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(-2deg);
transition: all 2s ease;
z-index: 1;
padding: 20px;
margin: 10px;
color: black;
}
.callout[data-callout="stickies2"] >.callout-content::after {
content: "";
display: block;
height: 32px;
width: 2px;
position: absolute;
left: 50%;
top: -10px;
z-index: 1;
border-radius: 50%;
display: inline-block;
height: 15px;
width: 15px;
border: 1px;
box-shadow: inset -10px -10px 10px #f0b7a4, inset 3px 3px 5px;
}
.callout[data-callout="stickies2"][data-callout-metadata*="right"] {
width: max(180px, 30%);
}
.callout[data-callout="stickies2"][data-callout-metadata*="right"] >.callout-content {
float:right;
max-width: 100%;
}
.callout[data-callout="stickies3"] {
background-color: transparent ;
box-shadow:none;
border-left:0px;
margin: 20px auto 0 auto !important;
}
.callout[data-callout="stickies3"] >.callout-title {
display: none;
}
.callout[data-callout="stickies3"] >.callout-content {
overflow:visible;
width: max(180px, 30%);
max-width: 235px;
min-height: 235px;
padding-top: 2.5em;
font-family: Arial;
margin-top: 20px;
margin-right: 25px;
position: relative;
vertical-align: top;
display: inline-block;
background: #F7E999;
text-align: center;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
color: black;
font-family: var(--font-family-vault);
}
div.is-live-preview .callout[data-callout="stickies3"] >.callout-content {
padding: 20px 15px 10px 15px;
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content p {
margin-block-start: 0.5em;
margin-block-end: 0.5em;
}
div.callout[data-callout="stickies3"] >.callout-content ul {
text-align: left;
margin-left: auto;
}
.callout[data-callout="stickies3"] >.callout-content::before {
display: block;
content: "";
background: rgba(227, 200, 114, 0.4);
width: 56%;
height: 28px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-radius: 6px/18px 0;
position: absolute;
top: -13px;
left: 20%;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.callout[data-callout="stickies3"] >.callout-content a {
color: #6b824f;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.callout[data-callout="stickies3"] >.callout-content a:hover {
color: #D83A25;
background: transparent;
}
.callout[data-callout="stickies3"] >.callout-content a::before {
content: "";
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content span {
font-size: smaller;
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content img {
max-height: 205px;
margin-top: -2.5em;
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content {
font-size: smaller;
}
.theme-dark .markdown-preview-view .callout[data-callout="stickies3"] >.callout-content blockquote {
color: var(--interactive-normal);
}
.theme-dark .markdown-preview-view .callout[data-callout="stickies3"] >.callout-content em {
color: var(--interactive-accent);
-webkit-text-fill-color: unset;
}
.theme-dark .markdown-preview-view .callout[data-callout="stickies3"] >.callout-content strong {
color: var(--interactive-accent)!important;
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content .block-language-dataviewjs p {
max-height: 195px;
}
.callout:is([data-callout-metadata*='yellow']) .callout-content{
background: #F7E999;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
.callout:is([data-callout-metadata*='blue']) .callout-content {
background: #b9dcf4;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.callout:is([data-callout-metadata*='pink']) .callout-content {
background: #FFBDA3;
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
}
.callout:is([data-callout-metadata*='green']) .callout-content {
background: #CAF4B9;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
}
/*禁用点击超链接跳转 需要跳转 按ctrl+超链接即可*/
body.link-click .is-live-preview .cm-s-obsidian span.cm-link {
pointer-events: none;
}
/*禁用实时预览点击标签跳转 需要跳转 点击#号即可*/
body.tag-click .cm-line span.cm-hashtag:not(.cm-formatting) {
pointer-events: none;
}
/*ob关闭按钮顺序调整*/
body.reversal-titlebar .titlebar-button-container.mod-right {
direction: rtl;
}
body.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
background-color:transparent;
}
/* funny LP headers animation 开启标题动画 ===
from discord @sailKite https://cdn.discordapp.com/attachments/702656734631821413/1007258862606352424/FunnyHeaderAnimLP.css
*/
body.funny-header-anim .is-live-preview .cm-line > :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim.clutter-free-headings .cm-line > :is(.cm-header, .cm-widgetBuffer) + .cm-header {
display: inline-block;
}
body.funny-header-anim .is-live-preview .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim.clutter-free-headings .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim .is-live-preview .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ *,
body.funny-header-anim.clutter-free-headings .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ * {
transform: translateX(0ch);
transition: transform 333ms;
}
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim.clutter-free-headings :is(.cm-header, .cm-widgetBuffer) + .cm-header ,
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ *,
body.funny-header-anim.clutter-free-headings :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ *{
transition: transform 333ms;
transform: translateX(30px);
}
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header) +.cm-widgetBuffer + .cm-html-embed,
body.funny-header-anim.clutter-free-headings .cm-active :is(.cm-header) + .cm-widgetBuffer + .cm-html-embed {
transition: margin-left 500ms;
margin-left: 30px;
}
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-bracket,
body.funny-header-anim.clutter-free-headings .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-bracket {
transition: margin-left 333ms;
margin-left: 30px;
}
body.funny-header-anim .is-live-preview .cm-line:not(.cm-active) .cm-header:first-of-type,
body.funny-header-anim.clutter-free-headings .cm-line:not(.cm-active) .cm-header:first-of-type {
display: none;
opacity: 0;
}
body.funny-header-anim .is-live-preview .cm-active .cm-formatting-header + .cm-header,
body.funny-header-anim.clutter-free-headings .cm-active .cm-formatting-header + .cm-header{
margin-left: -30px;
}
body.funny-header-anim .is-live-preview .cm-active .cm-header:first-of-type,
body.funny-header-anim.clutter-free-headings .cm-active .cm-header:first-of-type {
transform: translateX(0ch);
animation: opac 333ms;
}
@keyframes opac {
from {opacity: 0;}
to {opacity: 1;}
}
/* head-tag-style*/
body.head-tag-style :is(.cm-header) +.cm-widgetBuffer + .cm-html-embed>sup {
background-color: var(--text-accent-hover);
color: #fff;
vertical-align: top;
border-radius: 3px;
padding: 1px 6px;
font-size: 12px;
line-height: calc(var(--paragraph-spacing) + 0.7);
margin-left: 0.5em;
letter-spacing: .1em;
font-family: var(--font-default);
}
body.head-tag-style :is(.cm-header) +.cm-widgetBuffer + .cm-html-embed>sub {
background-color: var( --simple-orange);
color: #fff;
vertical-align: top;
border-radius: 3px;
padding: 1px 6px;
font-size: 12px;
line-height: calc(var(--paragraph-spacing) + 0.7);
margin-left: 0.5em;
letter-spacing: .1em;
font-family: var(--font-default);
}
body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) sup {
background-color: var(--text-accent-hover);
color: #fff;
vertical-align: top;
border-radius: 3px;
padding: 1px 6px;
font-size: 12px;
margin-left: 0.5em;
letter-spacing: .1em;
margin-top: -0.2em;
line-height: calc(var(--line-height-main) - 0.7);
}
body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) sub {
background-color: var( --simple-orange);
color: #fff;
vertical-align: top;
border-radius: 3px;
padding: 1px 6px;
font-size: 12px;
margin-left: 0.5em;
letter-spacing: .1em;
margin-top: -0.2em;
line-height: calc(var(--line-height-main) - 0.7);
}
body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) :is(sub,sup)>.tag:not(.token) {
padding: 0;
background-color: transparent;
}
body.head-tag-style .cm-s-obsidian .cm-header ~ span.cm-hashtag {
font-size: calc(var(--font-size-tag) - 0.3em)!important;
vertical-align: top;
}
body.head-tag-style .cm-s-obsidian .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-header,
body.head-tag-style .cm-s-obsidian .cm-hashtag.cm-header {
vertical-align: top;
}
body:not(.tag-default) .cm-s-obsidian .cm-header ~ span.cm-hashtag {
font-size: calc(var(--font-size-tag) - 0.3em)!important;
}
body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) >.tag:not(.token) {
font-size: calc(var(--font-size-tag) - 0.3em);
vertical-align: top;
}
/*
.cm-s-obsidian .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-header,
.cm-s-obsidian .cm-hashtag.cm-header {
font-size: calc(var(--font-size-tag) - 0.3em) !important;
vertical-align: middle;
margin-top: -0.3em;
}
*/
body.head-tag-style .cm-s-obsidian .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-header,
body.head-tag-style .cm-s-obsidian .cm-hashtag.cm-header {
vertical-align: top;
}
:is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) >.tag:not(.token) {
font-size: calc(var(--font-size-tag) - 0.2em);
vertical-align: middle;
}
/****** 网络图片标题样式********/
[data-dv-key="img-caption"] + span.dataview>span {
margin: 0.5rem 0;
display: block;
caption-side: bottom;
text-align: center;
font-size: 0.85rem;
}
.dataview.inline-field-key[data-dv-key="img-caption"] + .dataview.inline-field-value {
background-color:unset;
border-radius: 0px;
padding: 0;
font-family: var(--font-text);
}
.dataview.inline-field-key[data-dv-key="img-caption"] {
display:none;
background-color:unset;
font-size: 0px;
padding: 0;
border-radius: 0px;
}
.dataview.inline-field-key[data-dv-key="img-caption"] {
display:none;
background-color:unset;
font-size: 0px;
padding: 0;
border-radius: 0px;
}
body:not(.remove-selectionbackground) .markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground {
background: transparent;
}
.clickable-icon.is-active,
.clickable-icon.has-active-menu,
.clickable-icon:active,
.clickable-icon:hover {
background-color: var(--theme-color-translucent-015);
}
.workspace.is-left-sidedock-open .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button .clickable-icon,
.workspace-split.mod-horizontal .sidebar-toggle-button .clickable-icon,
.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right .clickable-icon {
color: var(--theme-color);
}
.workspace-tabs .view-header {
margin: 0;
padding: 0 var(--size-4-2);
}
.workspace-split.mod-root .workspace-tab-header.is-active {
z-index: var(--layer-popover);
color: var(--text-normal);
/*box-shadow: var(--window-shadow);*/
}
.is-mobile .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
z-index: 29;
}
.is-focused .workspace-tab-header {
color: var(--text-muted);
}
/*
.workspace-tabs.mod-stacked .view-header,
.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-leaf.mod-active .view-header {
background-color: var(--color-base-10);
}*/
.workspace-split.mod-root .workspace-tabs.mod-stacked .view-content {
backdrop-filter: blur(var(--stack-tabs-background-blur-depth));
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
background-color: var(--background-primary);
border-right: 1px solid var(--page-border-bottom);
box-shadow: -1px 0 10px 0 var(--tab-stacked-shadow);
backdrop-filter: blur(6px);
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:first-child {
border-left: 1px solid var(--page-border-bottom);
}
.titlebar-button:hover {
background-color: unset;
}
/* body:not(.default-list-marker) .list-bullet::before {
display: none;
} */
body:not(.default-list-marker) .markdown-rendered .list-bullet::after {
content: '\2022';
font-size: var(--list-ul-marker-size);
font-family: Inter;
width: unset;
height: unset;
border: none;
background: transparent;
color: var(--list-ul-marker-color);
margin-left: 0.13em;
/* margin-top: calc(0.466em * var(--line-height-list) - 0.286em); */
line-height: 0.55;
transition: all 0.15s ease;
}
body:not(.default-list-marker) .list-bullet::after {
content: '\2022';
font-size: var(--list-ul-marker-size);
font-family: Inter;
width: unset;
border: none;
background: transparent;
color: var(--list-ul-marker-color);
/* margin-left: -0.03em;
margin-top: -0.15em; */
display: flex;
justify-content: center;
flex-direction: column;
height: 43%;
transition: all 0.15s ease;
}
body.custom-unordered-list .markdown-rendered .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-rendered .list-bullet::after {
content: var(--list-ul-marker-4);
font-size: var(--list-ul-marker-size-4);
color: var(--list-ul-marker-color-4,var(--list-marker-color));
}
body.custom-unordered-list .markdown-source-view.mod-cm6 .list-bullet::after {
content: var(--list-ul-marker-4);
font-size: var(--list-ul-marker-size-4);
color: var(--list-ul-marker-color-4,var(--list-marker-color));
}
body.custom-unordered-list .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line>span.cm-formatting:first-of-type .list-bullet::after {
content: var(--list-ul-marker-1);
font-size: var(--list-ul-marker-size-1);
color: var(--list-ul-marker-color-1,var(--list-marker-color));
}
body.custom-unordered-list .has-list-bullet .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
content: var(--list-ul-marker-2);
font-size: var(--list-ul-marker-size-2);
color: var(--list-ul-marker-color-2,var(--list-marker-color));
}
body.custom-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
content: var(--list-ul-marker-3);
font-size: var(--list-ul-marker-size-3);
color: var(--list-ul-marker-color-3,var(--list-marker-color));
}
.markdown-source-view.mod-cm6 .cm-indent::before {
margin-left: var(--bt-list-indentation-margin-left-editing, 0px);
}
.markdown-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before {
margin-left: var(--bt-list-indentation-margin-left-reading, 0);
}
.is-focused .mod-active .workspace-tab-header.is-active
.workspace-tab-header-inner-icon {
color: var(--theme-color);
}
body:not(.default-list-marker) .list-collapse-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after {
box-shadow: -0.02em 0.058em 0 2px var(--background-modifier-hover);
background-color: var(--background-modifier-hover);
}
body:not(.default-list-marker) li.is-collapsed .list-collapse-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .cm-fold-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) .list-collapse-indicator:hover.is-collapsed ~ .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover.is-collapsed ~ .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .list-collapse-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .list-bullet:after,
body:not(.default-list-marker) .is-collapsed ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .markdown-rendered .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .is-collapsed .list-bullet::after {
color: var(--list-marker-color-collapsed);
box-shadow: -0.02em 0.058em 0 2px var(--background-modifier-active-hover);
background-color: var(--background-modifier-active-hover);
}
body.colorful-unordered-list ul > li::marker {
color: var(--list-colorful-marker);
}
body.colorful-unordered-list :is(ul, ol) ul li::marker {
color: hsl(calc(var(--accent-h) + 60),var(--accent-s),var(--accent-l));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) ul li::marker {
color: hsl(calc(var(--accent-h) + 120),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
color: hsl(calc(var(--accent-h) + 180),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
color: hsl(calc(var(--accent-h) + 240),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
color: hsl(calc(var(--accent-h) + 300),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
color: hsl(calc(var(--accent-h) + 0), var(--accent-s), calc(var(--accent-l) * 0.95));
}
body.colorful-unordered-list .markdown-source-view.mod-cm6 .list-bullet::after {
content: var(--list-ul-colorful-marker-content);
}
body.colorful-unordered-list .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line>span.cm-formatting:first-of-type .list-bullet::after {
color: var(--list-colorful-marker);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
color: var(--list-colorful-marker);
filter: hue-rotate(60deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
color: var(--list-colorful-marker);
filter: hue-rotate(120deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
color: var(--list-colorful-marker);
filter: hue-rotate(180deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
color: var(--list-colorful-marker);
filter: hue-rotate(240deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
color: var(--list-colorful-marker);
filter: hue-rotate(300deg);
}
body.colorful-unordered-list li.is-collapsed .list-collapse-indicator:hover ~ .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .cm-fold-indicator:hover ~ .list-bullet:after,
body.colorful-unordered-list .list-collapse-indicator:hover.is-collapsed ~ .list-bullet:after,
body.colorful-unordered-list .cm-fold-indicator:hover.is-collapsed ~ .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list .list-collapse-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .list-bullet:after,
body.colorful-unordered-list .is-collapsed ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list .markdown-rendered .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .is-collapsed .list-bullet::after {
color: var(--list-marker-color-collapsed);
box-shadow: -0.02em 0.058em 0 2px var(--background-modifier-active-hover);
background-color: var(--background-modifier-active-hover);
}
/*ordered-list-style-1*/
body.ordered-list-style-1 ol,
body.ordered-list-style-1 ol ol,
body.ordered-list-style-1 ol ol ol,
body.ordered-list-style-1 ol ul ol,
body.ordered-list-style-1 ol ol ol ol,
body.ordered-list-style-1 ol ol ul ol,
body.ordered-list-style-1 ol ul ol ol {
list-style: none;
}
body.ordered-list-style-1 ol {
counter-reset: niceBT;
}
body.ordered-list-style-1 ol>li {
counter-increment: niceBT;
}
body.ordered-list-style-1 .markdown-rendered.show-indentation-guide li > ul::before {
left: -18px;
}
body.ordered-list-style-1 .markdown-rendered.show-indentation-guide li > ol::before {
left: -11px;
}
body.ordered-list-style-1 ol>li::before {
content: counters(niceBT, '.') '. ';
font-weight: bold;
font-family: Inter;
color: var(--list-ol-number-color);
display: inline-block;
white-space: pre;
margin-left: -0.7em;
}
body.ordered-list-style-1 ul>li:not(.task-list-item)>p {
display: inline;
}
body.ordered-list-style-1 ul>li:not(.task-list-item) {
list-style-position: inside;
padding-left: 0.25em;
}
body.ordered-list-style-1 ol.contains-task-list>li.task-list-item {
margin-left: -1.2em;
}
body.list-bracket-style .markdown-rendered.show-indentation-guide li:not(.task-list-item) > :is(ol,ul)::before{
border: none;
}
body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered) ul>li:not(.task-list-item)::marker {
font-size: 0.9em;
}
body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered):not(.kanban) li:not(.task-list-item) {
padding-left: 0.3rem;
}
body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item) {
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
transition: all 300ms ease-in-out;
border-left: 0.125em solid var(--list-ul-block-color);
}
body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item):hover {
border-color: var(--list-ul-hover);
}
body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item) {
border-left: 0.125em solid var(--list-ol-block-color);
border-radius: var(--radius-s);
padding-left: 0.3rem;
border-radius: var(--radius-s);
transition: all 300ms ease-in-out;
}
body.list-bracket-style ol.contains-task-list ol li:not(.task-list-item) {
border-left: none !important;
padding-left: 0.25em;
}
body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item):hover {
border-color: var(--list-ol-hover);
}
body.list-bracket-style-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban) :is(ul,ol)>li:not(.task-list-item) {
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
transition: all 300ms ease-in-out;
border-left: 0.125em solid var(--list-ul-block-color);
}
body.list-bracket-style-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol>li:not(.task-list-item) {
border-left: 0.125em solid var(--list-ol-block-color);
}
body.list-bracket-style-two .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ul::before,
body.list-bracket-style-two .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ol::before {
border: none;
}
/*list-bracket-style-two*/
body.list-bracket-style-two ol,
body.list-bracket-style-two ol ol,
body.list-bracket-style-two ol ol ol,
body.list-bracket-style-two ol ul ol,
body.list-bracket-style-two ol ol ol ol,
body.list-bracket-style-two ol ol ul ol,
body.list-bracket-style-two ol ul ol ol {
list-style: none;
}
body.list-bracket-style-two ol {
counter-reset: niceBT;
}
body.list-bracket-style-two ol>li {
counter-increment: niceBT;
}
body.list-bracket-style-two ol>li::before {
content: counters(niceBT, '.') '. ';
font-weight: bold;
font-family: Monaco;
font-size: 0.8em;
color: var(--list-ol-number-color);
display: inline-block;
white-space: pre;
}
body.list-bracket-style-two ul>li:not(.task-list-item) {
padding-left: 1.1em;
}
body.list-bracket-style-two ol>li:not(.task-list-item) {
padding-left: 0.4em;
}
body.list-bracket-style-two .markdown-rendered .list-bullet {
left: 0.6em;
}
body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) :is(ul,ol):has(:is(ol,ul))>li:has(:is(ol,ul)):not(.task-list-item) {
border-radius: var(--radius-s);
word-wrap: break-word;
word-break: break-word;
transition: all 300ms ease-in-out;
border-left: 0.125em solid var(--list-ul-block-color);
}
body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol:has(:is(ol,ul))>li:has(:is(ol,ul)):not(.task-list-item) {
border-left: 0.125em solid var(--list-ol-block-color);
}
body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) :is(ul,ol):has(:is(ol,ul))>li:has(:is(ol,ul)):not(.task-list-item) {
padding-left: 0.3em;
}
body.list-bracket-style-three .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ul::before,
body.list-bracket-style-three .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ol::before {
border: none;
}
body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) li:not(.task-list-item) {
padding-left: 0.45rem;
}
/*list-vertical-line-one*/
body.list-vertical-line-one ol,
body.list-vertical-line-one ol ol,
body.list-vertical-line-one ol ol ol,
body.list-vertical-line-one ol ul ol,
body.list-vertical-line-one ol ol ol ol,
body.list-vertical-line-one ol ol ul ol,
body.list-vertical-line-one ol ul ol ol {
list-style: none;
}
body.list-vertical-line-one ol {
counter-reset: niceBTT;
}
body.list-vertical-line-one ol>li {
counter-increment: niceBTT;
}
body.list-vertical-line-one ol>li::before {
content: counters(niceBTT, '.') '. ';
font-weight: bold;
color: var(--list-ol-number-color);
margin-left: -1.3em;
font-family: Monaco;
font-size: 0.9em;
}
body.list-vertical-line-one :is(ol,ul) :is(ol,ul) {
position: relative;
}
:is(body.list-vertical-line-one,body.list-vertical-line-one, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered) ul ol:not(.contains-task-list)>li:not(.task-list-item),
:is(body.list-vertical-line-one,body.list-vertical-line-one, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered) ul ol:not(.contains-task-list)+ul>li:not(.task-list-item),
:is(body.list-vertical-line-one,body.list-vertical-line-one, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol ul>li:not(.task-list-item),
:is(body.list-vertical-line-one,body.list-vertical-line-one, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol ul+ol>li:not(.task-list-item) {
margin-top: calc(var(--margin-list) * -0.25em);
padding-top: calc(var(--margin-list) * 0.25em);
}
body.colorful-ordered-list ol li::marker,
body.colorful-ordered-list ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .cm-formatting.cm-formatting-list.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
}
body.colorful-ordered-list :is(ul, ol) ol li::marker {
color: hsl(calc(var(--accent-h) + 60),var(--accent-s),var(--accent-l));
}
body.colorful-ordered-list :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
filter: hue-rotate(60deg);
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) ol li::marker {
color: hsl(calc(var(--accent-h) + 120),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
filter: hue-rotate(120deg);
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
color: hsl(calc(var(--accent-h) + 180),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
filter: hue-rotate(180deg);
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
color: hsl(calc(var(--accent-h) + 240),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
filter: hue-rotate(240deg);
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
color: hsl(calc(var(--accent-h) + 300),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
filter: hue-rotate(300deg);
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
color: hsl(calc(var(--accent-h) + 0), var(--accent-s), calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-7.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-7.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
color: var(--list-colorful-marker);
filter: hue-rotate(0deg);
}
@property --colorA {
syntax: '<color>';
inherits: false;
initial-value: #9800f021;
}
@property --colorB {
syntax: '<color>';
inherits: false;
initial-value: #0048f021;
}
@property --colorC {
syntax: '<color>';
inherits: false;
initial-value: #00f02c21;
}
body.enable-icon-anima div.nav-header:hover {
background: linear-gradient(135deg,var(--colorA),var(--colorB),var(--colorC));
animation: rainbow-change 8s infinite linear;
}
@keyframes rainbow-change {
20% {
--colorA: #f0000015;
--colorB: #88f00015;
--colorC: #0048f015;
}
40% {
--colorA: #10f00015;
--colorB: #007cf015;
--colorC: #6400f015;
}
60% {
--colorA: #d4f00015;
--colorB: #f0780015;
--colorC: #f0003c15;
}
80% {
--colorA: #0060f015;
--colorB: #f0700015;
--colorC: #00d0f015;
}
}
body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:before{
content: '';
background-color: var(--theme-color-translucent-01);
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
visibility: hidden;
}
body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:hover:before {
animation: bead-1 1s;
}
body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:after {
content: '';
background-color: var(--theme-color-translucent-01);
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
visibility: hidden;
}
body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:hover:after {
animation: bead-2 1s;
}
@keyframes bead-1 {
0% {
transform: scale(1);
visibility: visible;
}
25% {
margin-left: 20px;
margin-top: 20px;
transform: scale(0);
visibility: hidden;
}
50% {
margin: 0px;
transform: scale(1);
visibility: visible;
}
100% {
margin-left: 20px;
margin-top: -20px;
transform: scale(0);
visibility: hidden;
}
}
@keyframes bead-2 {
0% {
transform: scale(1);
visibility: visible;
}
25% {
margin-left: -20px;
margin-top: -20px;
transform: scale(0);
visibility: hidden;
}
50% {
margin: 0px;
transform: scale(1);
visibility: visible;
}
100% {
margin-left: -20px;
margin-top: 20px;
transform: scale(0);
visibility: hidden;
}
}
/**ob 1.0 **/
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right:hover {
background-color: var(--titlebar-background-focused);
}
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
background-color: transparent;
}
.is-hidden-frameless.mod-windows .titlebar-button {
background-color: transparent;
}
.markdown-preview-view progress, .markdown-rendered progress, .markdown-source-view.is-live-preview progress {
overflow: unset;
vertical-align:top;
}
body.title-justify-start .view-header-title-container {
justify-content: flex-start;
}
.search-input-container input:hover {
box-shadow: var(--window-shadow-hover);
}
.menu{
background-color: var(--color-base-10);
}
.cm-s-obsidian span.obsidian-search-match-highlight {
box-shadow: none;
}
select:hover,
.dropdown:hover,
select:focus,
.dropdown:focus {
box-shadow: none;
}
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
box-shadow: none;
}
.nav-folder.mod-root > .nav-folder-children > .nav-file .nav-file-title {
padding-left: var(--size-2-3);
}
.nav-folder .nav-folder-children[style="height: 0px;"] {
height: auto !important;
}
textarea:active,
input[type='text']:active,
input[type='search']:active,
input[type='email']:active,
input[type='password']:active,
input[type='number']:active,
textarea:focus,
input[type='text']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus,
textarea:focus-visible,
input[type='text']:focus-visible,
input[type='search']:focus-visible,
input[type='email']:focus-visible,
input[type='password']:focus-visible,
input[type='number']:focus-visible {
box-shadow: none;
}
@keyframes fancy-prompt-1 {
0% {
transform: scale(1.2) rotate(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}
50% {
transform: scale(1) rotate(-0.2deg);
opacity: 1;
box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
}
75% {
transform: scale(1) rotate(0.2deg);
opacity: 1;
box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
}
100% {
transform: scale(1) rotate(0);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
.prompt {
box-shadow: 0 0 10px 1px var(--prompt-box-shadow);
border: none;
}
@keyframes slideUpLarge {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes quickScaleDown {
0% {
transform: scale(0);
}
20% {
transform: scale(0.2);
}
40% {
transform: scale(0.4);
}
60% {
transform: scale(0.6);
}
80% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes roadRunnerIn {
0% {
transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
}
70% {
transform: translateX(30px) skewX(0deg) scaleX(0.9);
}
100% {
transform: translateX(0px) skewX(0deg) scaleX(1);
}
}
@keyframes roadRunnerOut {
0% {
transform: translateX(400px) skewX(30deg) scaleX(1.3);
}
50% {
transform: translateX(-30px) skewX(0deg) scaleX(0.9);
}
100% {
transform: translateX(0px) skewX(0deg) scaleX(1);
}
}
@keyframes pop-swirl {
0% {
transform: scale(0) rotate(360deg);
}
60% {
transform: scale(0.8) rotate(-10deg);
}
100% {
transform: scale(1) rotate(0deg);
}
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
[class="prompt"] {
animation: var(--prompt-options) .5s ease-in;
}
body.hide-left-ribbon .workspace-ribbon.mod-left:not(:hover):before,
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover),
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) .sidebar-toggle-button.mod-left {
margin-left: -40px;
}
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left,
body.hide-left-ribbon .workspace-ribbon.mod-left:before,
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left {
transition: all 350ms ease-in-out;
}
body.hide-left-ribbon-retention-drawer.hide-titlebar-close-btn.is-hidden-frameless .titlebar-button.mod-logo {
display: none;
}
body.hide-left-ribbon-retention-drawer.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left .sidebar-toggle-button {
padding-top: var(--size-4-2);
}
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:not(:hover) ~ .workspace-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container {
margin-left: 30px;
transition: all 350ms ease-in-out;
}
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:not(:hover):before,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) {
margin-left: -40px;
}
body.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:before,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:hover ~ .workspace-split .workspace-tabs.mod-top .workspace-tab-header-container {
transition: all 350ms ease-in-out;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left {
background: unset;
}
body.hide-left-ribbon-retention-drawer:not(.background-settings-workplace-background-image) .workspace-tabs.mod-top {
background: var(--background-secondary-alt);
}
body.stack-tab-text-ori-mixed .workspace-tab-header-inner-title {
text-orientation: mixed;
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-actions {
border-radius: 0 var(--radius-l) var(--radius-l) 0;
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-actions,
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-settings {
border: 1px solid var(--tab-outline-color);
padding: 5px 0;
background-color: var(--background-primary);
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-settings {
border-radius: 0 var(--radius-l) 0 0;
margin-bottom: 0;
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .workspace-ribbon {
padding: 0 3px 0 0;
border-right: none;
}
body.bt-bubble-ribbon-hide-left .workspace-ribbon.mod-left:not(:hover):before,
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover),
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) .sidebar-toggle-button.mod-left {
margin-left: -40px;
}
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left,
body.bt-bubble-ribbon-hide-left .workspace-ribbon.mod-left:before,
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left {
transition: all 350ms ease-in-out;
}
body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header {
left: 16px;
border: none;
transform-origin: right center;
writing-mode: vertical-rl;
position: absolute;
padding: 0;
background: transparent;
}
body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header-nav-buttons {
margin-left: -12px;
}
body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header .view-actions {
margin-left: -13px;
}
body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header-title-container {
position: absolute;
top: 25vh;
left: -8px;
transform-origin: right center;
writing-mode: vertical-rl;
text-orientation: mixed;
}
body.view-button-front.tab-title-bar-position .workspace-leaf-content .view-header .view-header-nav-buttons{
margin-left: -12px;
margin-top: 25px;
}
body.view-button-front.tab-title-bar-position .workspace-leaf-content:is([data-mode="preview"],
[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],
[aria-label^="Current view: editing"]) {
left: -10px;
}
body.view-button-front.tab-title-bar-position .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
left: -10px;
}
body.tab-title-bar-position .markdown-preview-view {
padding-left: unset;
}
body.tab-title-bar-position .workspace-split.mod-root .workspace-leaf-content[data-type='markdown'] .view-content {
padding-left: 2.5rem;
}
body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header-title-container.web-browser-header-bar {
top: unset;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .titlebar-button.mod-logo {
display: block;
margin-left: 5px;
margin-top: 6px;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer .view-header {
padding-left: 24px;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.view-button-front .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
left:30px
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
left: 30px;
}
body.view-button-front .view-header {
padding-left: 32px !important;
}
body.hide-titlebar-close-btn.hide-left-ribbon.is-hidden-frameless .titlebar-button.mod-logo {
display: none;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.side-dock-ribbon.mod-left {
padding-top: 26px;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left .sidebar-toggle-button {
padding-top: 56px;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left.is-collapsed .sidebar-toggle-button {
padding-top: 54px;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left .side-dock-actions {
padding-top: 12px;
}
body.hide-titlebar-close-btn.is-hidden-frameless .titlebar-button-container.mod-right:not(:hover) {
transform: translateY(calc( -1 * var(--header-height) + 6px));
transition: all 0.6s linear;
}
body.hide-titlebar-close-btn.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container:after {
top: -20px;
}
body.hide-titlebar-close-btn.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
padding-right: unset;
}
body.hide-titlebar-close-btn.is-hidden-frameless .titlebar-inner:hover .titlebar-button-container.mod-right {
transition: all 0.1s linear;
transform:translateY(-15px);
background: var(--titlebar-background-focused);
opacity: 0.8;
}
body.hide-titlebar-close-btn.is-hidden-frameless.mod-linux .titlebar-button,
body.hide-titlebar-close-btn.is-hidden-frameless.mod-windows .titlebar-button {
padding-bottom: 6px;
align-items: flex-end;
}
.theme-light .view-header-title-container:is(.web-browser-header-bar,.wb-header-bar) input:is(.web-browser-search-bar,.wb-search-bar) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 4px 7.5px;
background-size: 14px;
opacity: 0.6;
padding: 0 0 0 22px;
border: none;
}
.theme-dark .view-header-title-container:is(.web-browser-header-bar,.wb-header-bar) input:is(.web-browser-search-bar,.wb-search-bar) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 4px 7.5px;
background-size: 14px;
opacity: 0.6;
padding: 0 0 0 22px;
border: none;
background-color: transparent;
}
.view-header-title-container:is(.web-browser-header-bar,.wb-header-bar) input:is(.web-browser-search-bar,.wb-search-bar):focus {
opacity: 1;
}
.view-header .view-header-title-container:is(.web-browser-header-bar,.wb-header-bar):hover {
border:none;
}
.view-header-title-container:is(.web-browser-header-bar,.wb-header-bar) .view-header-title-parent:before {
content: ' ';
margin-left: 10px;
color: var(--text-faint);
width:10px;
height: 6px;
background-color: var(--text-muted);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}
/* ====web-browser==== */
.wb-bookmark-bar {
overflow: unset;
border:none;
right: 7px;
}
.wb-page-search-bar-text {
font-family: var(--font-family-vault);
}
.workspace-leaf-content:is([data-type$="web-browser-view"],[data-type="surfing-view"]) .view-actions .view-action {
opacity: 1 !important;
}
.workspace-leaf-content[data-type$="web-browser-view"] .view-actions>a:not([class*="-web-browser"]) {
display: none;
}
.workspace-leaf-content:not([data-type$="web-browser-view"]) .view-actions>a[class*="-web-browser"]{
display: none;
}
.workspace-leaf-content[data-type="surfing-view"] .view-actions>a:not(:is([class*="surfing"],[aria-label^="Surfing"],[aria-label="星标"],[aria-label="设置"],[aria-label="star"],[aria-label="settings"])) {
display: none;
}
.wb-bookmark-item, .wb-bookmark-folder {
width: auto;
}
.workspace-leaf-content:not([data-type="surfing-view"]) .view-actions>a:is([class*="surfing"],[aria-label^="Surfing"]) {
display: none;
}
.wb-page-search-bar-input-container input.wb-page-search-bar-input{
background-color: var(--background-secondary);
box-shadow: var(--window-shadow2);
}
.wb-page-search-bar-input-container input.wb-page-search-bar-input:not(:hover){
border:none;
}
.view-header-title-container.web-browser-header-bar input {
padding: 0 10px 0 19px;
border: 0;
outline: none;
background: transparent;
}
.view-header-title-container.web-browser-header-bar:hover {
border: var(--input-border-width) solid;
color: var(--interactive-accent-hover);
border-radius: 6px;
}
/* ==End==web-browser==== */
/* ====new style==== */
body.background-settings-workplace-background-image.workspace > .workspace-leaf {
background-color: transparent;
}
body:not(.color-scheme-options-simplicity-topaz) .workspace > .workspace-split {
background-color: var(--background-secondary-alt);
}
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-container-before.is-before-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-container-after.is-after-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-header.is-before-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-header.is-after-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-leaf-resize-handle,
body.background-settings-workplace-background-image .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header.is-active {
background-color: transparent;
}
body.toggle-header-bottom-line .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
--page-border-bottom: transparent;
}
body.toggle-header-bottom-line.show-view-header .view-header {
--page-border-bottom: transparent;
border-top-left-radius:var(--radius-m);
border-top-right-radius: var(--radius-m);
}
.workspace-split.mod-root .workspace-tab-header-container-inner .workspace-tab-header:first-child {
margin-left: 1rem;
}
body.background-settings-workplace-background-image .workspace-split.mod-root .workspace-tab-header.is-active::before,
body.background-settings-workplace-background-image .workspace-split.mod-root .workspace-tab-header.is-active::after {
box-shadow: inset 0 0 0 var(--tab-outline-width) transparent, 0 0 0 calc(var(--tab-curve) * 4) var(--background-secondary);
}
body.theme-dark:not(.background-settings-workplace-background-image) .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tabs .workspace-leaf-resize-handle {
--divider-color: var(--background-primary);
}
.workspace-tabs:not(.mod-top) .workspace-tab-header-container {
background-color:transparent;
}
/*** emoji toolbar**/
.callout img.emoji {
display: inline-block!important;
}
/**emoji toolbar*****/
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header {
background-color: transparent;
box-shadow: none;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header::before,
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header::after {
display: none;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header.is-active {
border-radius: 0;
border-bottom: 2px solid var(--text-accent);
margin-bottom: 0px;
padding-bottom: 0px;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header.is-active .workspace-tab-header-inner {
border-radius: var(--tab-radius) var(--tab-radius) 0px 0px;
margin-top: 0.5px;
padding-bottom: 4px;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header ::after {
display: none;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner {
background-color: var(--background-modifier-hover);
}
body.safari-tab-style .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before,
body.safari-tab-style .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after,
body.safari-tab-style .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after {
display: none;
}
body.safari-tab-style .mod-vertical:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner,
body.safari-tab-style .mod-horizontal:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
align-items: center;
margin: 0;
width: 100%;
}
body.safari-tab-style .mod-vertical:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header,
body.safari-tab-style .mod-horizontal:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
border-radius: 6px;
box-shadow: none;
height: calc(var(--header-height) * 0.7);
margin-left: 12px;
padding: 0 !important;
transition: 400ms, background-color 150ms ease-in-out;
}
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
transition: 400ms;
}
body.safari-tab-style .workspace-tabs:not(.mod-stacked) .workspace-tab-header:first-child {
margin-left: 0;
}
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
padding: 0 4px 0 8px;
transition: 400ms;
}
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner,
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-close-button,
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-icon {
color: var(--text-muted);
}
body.safari-tab-style .workspace .mod-root .workspace-tab-header-inner::after {
display: none;
}
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
flex-grow: 1.67;
max-width: 300px;
}
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner,
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title,
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-close-button,
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
color: var(--text-noraml);
font-weight:bold;
}
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:hover {
background-color: var(--background-modifier-border);
}
body.safari-tab-style.theme-light .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
border: 1px solid var(--tab-outline-color);
}
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
border: 1px solid rgba(var(--mono-rgb-0), .25) ;
}
body.transparent-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header {
--tab-background-active: transparent;
--tab-outline-width: transparent;
}
body.transparent-tab-style.color-scheme-options-simplicity-topaz.theme-dark:not(.background-settings-workplace-background-image) .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
background-color: var(--tab-background-active);
}
body.transparent-tab-style.theme-dark .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
background-color: var(--tab-background-active);
}
.is-mobilebody,
.is-mobile .app-container,
.is-mobile .horizontal-main-container {
background-color: var(--background-secondary);
}
.is-mobile.theme-light .mobile-toolbar {
background-color: var(--background-primary-alt);
}
.is-frameless:is(.is-mobile,.is-tablet).mod-windows {
background-color: var(--background-secondary-alt) !important;
}
.is-frameless:is(.is-mobile,.is-tablet).mod-windows::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: calc(var(--titlebar-height) / var(--zoom-factor));
width: 100%;
background-color: var(--background-mobile-padding-top);
--background-mobile-padding-top: var(--background-secondary-alt);
}
body.background-settings-workplace-background-image.theme-light.is-frameless:is(.is-mobile,.is-tablet).mod-windows::after {
--background-mobile-padding-top: #f9f9f9;
}
body.background-settings-workplace-background-image.theme-dark.is-frameless:is(.is-mobile,.is-tablet).mod-windows::after {
--background-mobile-padding-top: #000000;
}
.workspace-tab-header.mod-active .workspace-tab-header-inner-title {
font-weight: bold;
}
.theme-dark .mod-root .workspace-tabs .workspace-leaf {
background-color: transparent;
}
.workspace-tab-header-inner-icon img {
margin:auto;
}
.cm-s-obsidian span.cm-hmd-escape-char {
color: var(--text-muted);
}
/* ================================== */
/* ========= Canvas ========= */
/* ================================== */
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view {
padding: 0 0.5em;
}
body.canvas-workplace-background .workspace-leaf-content[data-type="canvas"],
body.canvas-workplace-background .canvas-wrapper {
--background-primary: var(--color-base-00);
}
/* hide canvas export grid */
body.toggle-canvas-grid .canvas-wrapper .canvas-background rect,
.canvas-wrapper.is-screenshotting .canvas-background rect {
opacity: 0;
}
/*=======canvas-card-focus-mode========
=====Modified by Cuman from boninall=====*/
/*
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-1) .canvas-edges>:not(.mod-canvas-color-1),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-2) .canvas-edges>:not(.mod-canvas-color-2),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-3) .canvas-edges>:not(.mod-canvas-color-3),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-4) .canvas-edges>:not(.mod-canvas-color-4),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-5) .canvas-edges>:not(.mod-canvas-color-5),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-6) .canvas-edges>:not(.mod-canvas-color-6),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-custom) .canvas-edges>:not(.mod-canvas-color-custom),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-1) .canvas-node.is-themed:not(:is(.mod-canvas-color-1)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-2) .canvas-node.is-themed:not(:is(.mod-canvas-color-2)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-3) .canvas-node.is-themed:not(:is(.mod-canvas-color-3)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-4) .canvas-node.is-themed:not(:is(.mod-canvas-color-4)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-5) .canvas-node.is-themed:not(:is(.mod-canvas-color-5)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-6) .canvas-node.is-themed:not(:is(.mod-canvas-color-6)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-custom) .canvas-node.is-themed:not(.mod-canvas-color-custom) {
filter:grayscale(0.9);
}
*/
.canvas-node-content.markdown-embed table {
text-align: start;
}
/* ================================== */
.show-full-metadata :is(.metadata-container,.frontmatter-container):not(.is-collapsed) .frontmatter-section {
display: flex!important;
}
body:not(.show-full-metadata) .markdown-preview-view .metadata-property:not(:has(:is(.multi-select-pill,.metadata-input-longtext:not(:empty)))) {
display: none;
}
body:not(.show-full-metadata) .markdown-preview-view .metadata-property:has(.metadata-property-key-input[aria-label=""]) {
display: flex!important;
}
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-container .workspace-leaf-content:not([data-type="file-properties"])
:is(.metadata-container,.frontmatter-container) {
display: none;
}
.workspace-leaf-content[data-type="recent-files"] .view-content {
overflow-x: hidden;
}
.canvas-node-container h1 {
font-size: calc(var(--h1-size) + 1em);
text-align: center;
}
.canvas-node-placeholder::after {
background-color: rgba(var(--canvas-color), 0.3);
}
.canvas-icon-placeholder svg {
opacity: 0.5;
}
body.canvas-card-text-middle .canvas-node-container .canvas-node-content.markdown-embed:not(.is-loaded) {
text-align: center;
}
div#popup-search {
background-color: var(--color-base-10);
}
body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus {
--background-modifier-border-focus: color-mix(in srgb, var(--theme-color), transparent 30%);
}
.tree-item-self {
align-items: center;
}
body.bt-bubble-layout {
--divider-color: transparent;
--divider-color-hover: var(--backgrouund-modifier-border);
}
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-settings"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-not-file-tree"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-layout-hide-borders"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-buttons"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-layout-padding"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-radius"] {
display: none;
}
body.bt-bubble-layout .mod-vertical .workspace-tabs,
body.bt-bubble-layout .mod-left-split .workspace-tab-container,
body.bt-bubble-layout .mod-right-split .workspace-tab-container {
padding: 0 var(--bt-bubble-layout-padding);
}
body.bt-bubble-layout .mod-left-split .workspace-tab-header.has-active-menu,
body.bt-bubble-layout .mod-right-split .workspace-tab-header.has-active-menu,
body.bt-bubble-layout .mod-left-split .workspace-tab-header.is-active,
body.bt-bubble-layout .mod-right-split .workspace-tab-header.is-active {
background-color: var(--background-primary);
border: 1px solid var(--bt-bubble-border-color);
}
body.bt-bubble-layout.bt-bubble-buttons .mod-left-split .workspace-tab-header-container-inner,
body.bt-bubble-layout.bt-bubble-buttons .mod-right-split .workspace-tab-header-container-inner {
padding: 4px;
margin: 4px 0 4px var(--bt-bubble-layout-padding);
border-radius: var(--radius-m);
background-color: color-mix(in srgb, var(--background-primary) 80%, transparent);
}
body.bt-bubble-layout.bt-bubble-buttons .mod-left-split .workspace-tab-header.has-active-menu,
body.bt-bubble-layout.bt-bubble-buttons .mod-right-split .workspace-tab-header.has-active-menu,
body.bt-bubble-layout.bt-bubble-buttons .mod-left-split .workspace-tab-header.is-active,
body.bt-bubble-layout.bt-bubble-buttons .mod-right-split .workspace-tab-header.is-active {
background-color: color-mix(in srgb, lightgray, var(--background-secondary-alt) 75%);
border: 1px solid transparent;
}
body.bt-bubble-layout.bt-bubble-not-file-tree .workspace-leaf-content:is([data-type="file-explorer"],[data-type="mk-file-view"]),
body.bt-bubble-layout .workspace-split .workspace-leaf-content {
border-radius: var(--bt-bubble-radius, var(--radius-l));
background-color: var(--background-primary);
border: 1px solid var(--bt-bubble-border-color);
margin-bottom: var(--bt-bubble-layout-padding);
}
body.bt-bubble-layout .workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
body.bt-bubble-layout .workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
body.bt-bubble-layout .mod-root .workspace-tabs .workspace-leaf {
background-color: transparent;
}
body.bt-bubble-layout .workspace-tab-header-container,
body.bt-bubble-layout .workspace-ribbon.mod-left:before {
border-bottom: none;
}
body.bt-bubble-layout:not(.background-settings-workplace-background-image) .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tabs .workspace-leaf-resize-handle {
--divider-color: transparent;
}
body.bt-bubble-layout.bt-bubble-layout-hide-borders {
--bt-bubble-border-color: transparent;
--tab-outline-color: transparent;
}
body.bt-bubble-layout.bt-bubble-layout-hide-borders .menu {
border: 0 !important;
}
body.bt-bubble-layout .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle,
body.bt-bubble-layout .workspace-split.mod-right-split > .workspace-leaf-resize-handle,
body.bt-bubble-layout .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
body.bt-bubble-layout .workspace-split.mod-left-split > .workspace-leaf-resize-handle {
border: none;
}
body.background-settings-workplace-background-image .workspace-tabs.mod-active .view-header,
body.background-settings-workplace-background-image .workspace-split.mod-root .view-content,
body.background-settings-workplace-background-image .workspace-tabs .view-header {
background-color: transparent;
}
body.background-settings-workplace-background-image .workspace-tab-header-container-inner {
margin: 6px -5px 0;
}
/*Inspired by the OneNote theme in Siyuan software*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-folder.mod-root>.nav-folder-title {
margin-left: -12px;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container {
padding: 0 0 0 12px;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder > .tree-item-children.nav-folder-children {
border-left: none;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked:not(.default-tabs):not(.remove-arrow) .nav-folder-collapse-indicator::after {
display: none;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder {
border: 1px solid var(--tab-divider-color);
margin: 5px 4px;
border-radius: 3px;
border-left: 2px solid var(--tab-color);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked:not(.is-grabbing) .tree-item-self.is-clickable.nav-folder-title:hover {
background-color: #cccccc29;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder.is-collapsed>.tree-item-self.is-clickable.mod-collapsible.nav-folder-title::before {
content: "";
width: 6px;
height: 20px;
position: absolute;
margin-left: -30px;
border-radius: 3px 0px 0px 3px;
background-color: var(--tab-color);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder>.tree-item-self.is-clickable.mod-collapsible.nav-folder-title::before {
content: "";
width: 13px;
height: 20px;
position: absolute;
margin-left: -36px;
border-radius: 3px 0px 0px 3px;
background-color: var(--tab-color);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+2)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+2) {
--tab-color: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+3)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+3) {
--tab-color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+4)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+4) {
--tab-color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+5)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+5) {
--tab-color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+6)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+6) {
--tab-color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+7)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+7) {
--tab-color: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+8)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+8) {
--tab-color: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+9)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+9) {
--tab-color: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+10)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+10) {
--tab-color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+11)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+11) {
--tab-color: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+12)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+12) {
--tab-color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+13)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+13) {
--tab-color: var(--FoldB);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+14)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+14) {
--tab-color: var(--FoldC);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+15)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+15) {
--tab-color: var(--FoldD);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+16)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+16) {
--tab-color: var(--FoldE);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+17)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+17) {
--tab-color: var(--FoldF);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+18)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+18) {
--tab-color: var(--FoldG);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+19)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+19) {
--tab-color: var(--FoldH);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n) {
--tab-color: var(--FoldI);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+1)::before,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder:nth-child(20n+1) {
--tab-color: var(--FoldJ);
}
body.remove-first-folder-icon .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder>.tree-item-self.is-clickable.mod-collapsible.nav-folder-title .nav-folder-title-content::before,
body.remove-first-folder-icon .tree-item.nav-folder.mod-root>.tree-item-children.nav-folder-children > .tree-item.nav-folder>.tree-item-self.is-clickable.mod-collapsible.nav-folder-title
.nav-folder-collapse-indicator::before{
display: none;
}
.obsidian-icon-folder-icon {
margin: 0 0 0 -18px !important
}
body.background-settings-workplace-background-image .workspace-split:not(.mod-root) .workspace-tab-container {
background-color: var(--bt-background-split-container);
}
body.nowrap-edit-codebox .HyperMD-codeblock {
white-space: nowrap;
}