29701 lines
1.2 MiB
CSS
29701 lines
1.2 MiB
CSS
|
/*
|
|||
|
|
|
|||
|
|
|
|||
|
|
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.5.0。uid [20240417] flying fly flies制作。如果喜欢，可以在Github里给我星星 https://github.com/whyt-byte */
|
|||
|
|
/*Blue Topaz for Obsidian v1.5.0, uid [20240417] 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: Attention！Due to obsidian's policy of not being able to use online or local vault images, However, the option to customise the settings and fill in the url is currently supported.
|
|||
|
|
title.zh: 注意！由于obsidian的政策，主题无法使用在线或本地库里的图片，相关内置图片选项已删除，需要显示背景图片请自行设置url。
|
|||
|
|
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-in-the-note
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: Blue Mountain
|
|||
|
|
value: background-settings-workplace-theme-light-blue-mountain
|
|||
|
|
-
|
|||
|
|
label: Note
|
|||
|
|
value: background-settings-workplace-theme-light-in-the-note
|
|||
|
|
-
|
|||
|
|
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: Waves
|
|||
|
|
value: background-settings-workplace-waves
|
|||
|
|
-
|
|||
|
|
label: Animating waves
|
|||
|
|
value: background-settings-workplace-waves2
|
|||
|
|
-
|
|||
|
|
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-transparent
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
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: 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-markdown-page-theme-dark-custom
|
|||
|
|
title: Custom image (Dark mode)
|
|||
|
|
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-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: false
|
|||
|
|
-
|
|||
|
|
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: 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-command-palette-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-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-light-wall
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: Wall
|
|||
|
|
value: panel-page-bg-theme-light-wall
|
|||
|
|
-
|
|||
|
|
label: Custom
|
|||
|
|
value: panel-page-bg-theme-light-custom
|
|||
|
|
-
|
|||
|
|
id: background-panel-page-theme-light-custom
|
|||
|
|
title: Custom image (Light mode)
|
|||
|
|
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: 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-plant
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: Plant
|
|||
|
|
value: panel-page-bg-theme-dark-plant
|
|||
|
|
-
|
|||
|
|
label: Custom
|
|||
|
|
value: panel-page-bg-theme-dark-custom
|
|||
|
|
-
|
|||
|
|
id: background-panel-page-theme-dark-custom
|
|||
|
|
title: Custom image (Dark mode)
|
|||
|
|
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: layout-settings
|
|||
|
|
title: 1.3 Layout
|
|||
|
|
title.zh: 1.3 界面布局样式
|
|||
|
|
type: heading
|
|||
|
|
level: 2
|
|||
|
|
collapsed: true
|
|||
|
|
-
|
|||
|
|
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: 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
|
|||
|
|
default: true
|
|||
|
|
-
|
|||
|
|
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 (NOT for Sliding Pane plugin)
|
|||
|
|
title.zh: 文件抬头标题 (非Sliding Pane plugin)
|
|||
|
|
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 字体
|
|||
|
|
description: eg：var(--font-text-override),"Microsoft YaHei"
|
|||
|
|
description.zh: 填入var(--font-text-override)调用Ob字体设置，填入"Microsoft YaHei" 为指定具体字体名称
|
|||
|
|
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.5
|
|||
|
|
-
|
|||
|
|
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 字体
|
|||
|
|
description: eg：var(--font-text-override),"Microsoft YaHei"
|
|||
|
|
description.zh: 填入var(--font-text-override)调用Ob字体设置，填入"Microsoft YaHei" 为指定具体字体名称
|
|||
|
|
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-line-height
|
|||
|
|
title: Header 2 line height
|
|||
|
|
title.zh: 标题 2 行高
|
|||
|
|
type: variable-number
|
|||
|
|
default: 1.5
|
|||
|
|
-
|
|||
|
|
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-line-height
|
|||
|
|
title: Header 3 line height
|
|||
|
|
title.zh: 标题 3 行高
|
|||
|
|
type: variable-number
|
|||
|
|
default: 1.5
|
|||
|
|
-
|
|||
|
|
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-line-height
|
|||
|
|
title: Header 4 line height
|
|||
|
|
title.zh: 标题 4 行高
|
|||
|
|
type: variable-number
|
|||
|
|
default: 1.5
|
|||
|
|
-
|
|||
|
|
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声明cssclass：indent。阅读模式缩进效果需要安装Contextual Typography插件
|
|||
|
|
description: Enable global effect, local effect only need to declare "cssclass：indent" 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声明cssclass：text-justify。
|
|||
|
|
description: Enable global effect, local effect only need to declare "cssclass：text-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-bg-url
|
|||
|
|
title: Inline title background image (url)
|
|||
|
|
title.zh: 页面内标题背景图片 (url)
|
|||
|
|
type: variable-text
|
|||
|
|
default: "url(https://)"
|
|||
|
|
-
|
|||
|
|
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（Read mode）
|
|||
|
|
title.zh: 列表与正文行间距（阅读模式）
|
|||
|
|
type: variable-number-slider
|
|||
|
|
default: 2
|
|||
|
|
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: bt-indentation-line-image
|
|||
|
|
title: Add an image as indentation lines (Reading)
|
|||
|
|
title.zh: 层级线背景图片 （阅读）
|
|||
|
|
type: variable-text
|
|||
|
|
default: url("https://")
|
|||
|
|
-
|
|||
|
|
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: 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: Activate Folder Icons
|
|||
|
|
title.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: remove-arrow
|
|||
|
|
title: Folder Icons w/o arrows (Collapse Indicator)
|
|||
|
|
title.zh: 移除文件夹箭头图标（折叠图标）
|
|||
|
|
type: class-toggle
|
|||
|
|
default: true
|
|||
|
|
-
|
|||
|
|
id: folder-note-underline
|
|||
|
|
title: Toggle Folder note underline
|
|||
|
|
title.zh: 开启文件夹下划线
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
id: folder-note-dot
|
|||
|
|
title: Toggle Folder note dot
|
|||
|
|
title.zh: 文件夹后添加一个圆点
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
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-border
|
|||
|
|
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
|
|||
|
|
-
|
|||
|
|
label: Border
|
|||
|
|
value: folder-style-change-options-colorful-border
|
|||
|
|
-
|
|||
|
|
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: pdf-style
|
|||
|
|
title: 2.3.5 Exported PDF style
|
|||
|
|
title.zh: 2.3.5 PDF样式
|
|||
|
|
type: heading
|
|||
|
|
level: 3
|
|||
|
|
collapsed: true
|
|||
|
|
-
|
|||
|
|
id: export-pdf-style-folder
|
|||
|
|
title: Exported PDF style
|
|||
|
|
title.zh: PDF导出样式
|
|||
|
|
type: heading
|
|||
|
|
level: 4
|
|||
|
|
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: pdf-view-style
|
|||
|
|
title: PDF View
|
|||
|
|
title.zh: PDF 文件浏览样式
|
|||
|
|
type: heading
|
|||
|
|
level: 4
|
|||
|
|
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: 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 "cssclass：cloze" 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 "cssclass：cloze" 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 'cssclass：cloze' 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 'cssclass：cloze' 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 'cssclass：cloze' 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 'cssclass：cloze' 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 'cssclass：cloze' 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: Disable 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 
|
|||
|
|
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 
|
|||
|
|
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 ❗cssclass：img-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种输入 ❗cssclass：img-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: 开启后，不需要在笔记上方声明cssclass：img-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-url
|
|||
|
|
title: Custom loading page image/animation
|
|||
|
|
type: variable-text
|
|||
|
|
default: url(https://)
|
|||
|
|
-
|
|||
|
|
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: 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: 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: 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
|
|||
|
|
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 "cssclass：colorful-highlight" into yaml to make the colorful-highlight style available to individual documents
|
|||
|
|
description.zh: 当前主题下，*==xxx==*, **==xxx==** and ***==xxx==*** 默认情况下具有不同高亮背景色，激活该选项以取消。即使取消了该功能，你依旧可以在yaml中键入"cssclass：colorful-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: 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样式适合titleMode：all ，chat样式适合 titleMode：first
|
|||
|
|
description: Wechat options is for ’titleMode：all‘ ，chat options is for ‘titleMode：first’
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: Default
|
|||
|
|
value: dialogue-style-default
|
|||
|
|
-
|
|||
|
|
label: Wechat
|
|||
|
|
value: dialogue-style-wechat
|
|||
|
|
-
|
|||
|
|
label: Chat
|
|||
|
|
value: dialogue-style-chat
|
|||
|
|
-
|
|||
|
|
id: style-options-for-Thino-plugin-heading
|
|||
|
|
title: 3.9 ✏️Thino
|
|||
|
|
description: Adapted from @Quorafind's Thino Plugin
|
|||
|
|
type: heading
|
|||
|
|
level: 2
|
|||
|
|
collapsed: false
|
|||
|
|
-
|
|||
|
|
id: style-options-for-Thino-plugin-heading-1
|
|||
|
|
title: 3.9.1 Thino style
|
|||
|
|
title.zh: 3.9.1 Thino 全局样式
|
|||
|
|
type: heading
|
|||
|
|
level: 3
|
|||
|
|
collapsed: true
|
|||
|
|
-
|
|||
|
|
id: memos-inputbox
|
|||
|
|
title: Put input box to bottom
|
|||
|
|
title.zh: PC端memos输入框置于页面底部
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
id: memos-hide-header
|
|||
|
|
title: hider Thino header
|
|||
|
|
title.zh: 隐藏thino 视图的头部
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
id: memos-scroll
|
|||
|
|
title: add Thino list scroll
|
|||
|
|
title.zh: 列表 瀑布流模式下给thino 增加一个滚动条
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
id: hider-memos-modern-banner
|
|||
|
|
title: hide thino modern moment banner
|
|||
|
|
title.zh: 隐藏Thino modern 主题下的动态视图的banner
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
id: memos-banner-gradient
|
|||
|
|
title: moment banner gradient
|
|||
|
|
title.zh: 动态视图的banner 渐变显示
|
|||
|
|
type: class-toggle
|
|||
|
|
default: true
|
|||
|
|
-
|
|||
|
|
id: thino-view-style
|
|||
|
|
title: thino style
|
|||
|
|
title.zh: Thino的风格
|
|||
|
|
type: class-select
|
|||
|
|
allowEmpty: false
|
|||
|
|
default: thino-frosted-style
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: default
|
|||
|
|
value: thino-default
|
|||
|
|
-
|
|||
|
|
label: Frosted Style(Transparent)
|
|||
|
|
value: thino-frosted-style
|
|||
|
|
-
|
|||
|
|
label: Frosted Style
|
|||
|
|
value: thino-frosted-style-default
|
|||
|
|
-
|
|||
|
|
id: thino-view-background
|
|||
|
|
title: custom thino background
|
|||
|
|
title.zh: 自定义Thino背景
|
|||
|
|
type: class-select
|
|||
|
|
allowEmpty: false
|
|||
|
|
default: thino-background-default
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: default
|
|||
|
|
value: thino-background-default
|
|||
|
|
-
|
|||
|
|
label: custom color
|
|||
|
|
value: thino-background-color
|
|||
|
|
-
|
|||
|
|
label: Custom background img
|
|||
|
|
value: custom-thino-background
|
|||
|
|
-
|
|||
|
|
id: thino-modern-primary
|
|||
|
|
title: thino background color
|
|||
|
|
title.zh: thino 背景色
|
|||
|
|
type: variable-themed-color
|
|||
|
|
opacity: true
|
|||
|
|
format: hsl-split
|
|||
|
|
default-light: '#ebf3ee'
|
|||
|
|
default-dark: '#1e1e1e'
|
|||
|
|
-
|
|||
|
|
id: thino-background-light-custom
|
|||
|
|
title: Custom thino background light (url)
|
|||
|
|
title.zh: 自定义Thino背景（亮色模式）
|
|||
|
|
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: thino-background-dark-custom
|
|||
|
|
title: Custom thino background dark (url)
|
|||
|
|
title.zh: 自定义Thino背景（暗色模式）
|
|||
|
|
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: style-options-for-Thino-plugin-share-heading
|
|||
|
|
title: 3.9.2 Thino share style
|
|||
|
|
title.zh: 3.9.2 Thino 卡片分享样式
|
|||
|
|
type: heading
|
|||
|
|
level: 3
|
|||
|
|
collapsed: true
|
|||
|
|
-
|
|||
|
|
id: share-thino-style
|
|||
|
|
title: share thino style
|
|||
|
|
title.zh: Thino分享样式
|
|||
|
|
type: class-select
|
|||
|
|
allowEmpty: false
|
|||
|
|
default: thino-share-default
|
|||
|
|
options:
|
|||
|
|
-
|
|||
|
|
label: default
|
|||
|
|
value: thino-share-default
|
|||
|
|
-
|
|||
|
|
label: Same as workspace background
|
|||
|
|
value: share-thino-with-workspace-background
|
|||
|
|
-
|
|||
|
|
label: Same as thino background
|
|||
|
|
value: share-thino-with-thino-background
|
|||
|
|
-
|
|||
|
|
label: Custom share background
|
|||
|
|
value: custom-thino-share-background
|
|||
|
|
-
|
|||
|
|
id: share-card-background-opacity-cp
|
|||
|
|
title: Share Card Background Opacity
|
|||
|
|
title.zh: 分享卡片背景透明度
|
|||
|
|
type: variable-number-slider
|
|||
|
|
default: 0.6
|
|||
|
|
min: 0
|
|||
|
|
max: 1
|
|||
|
|
step: 0.05
|
|||
|
|
-
|
|||
|
|
id: share-card-background-color
|
|||
|
|
title: Share Card Background color（Gradient Mode）
|
|||
|
|
title.zh: 自定义分享卡片渐变背景颜色（渐变模式生效）
|
|||
|
|
type: variable-themed-color
|
|||
|
|
opacity: true
|
|||
|
|
format: hsl-split
|
|||
|
|
default-light: '#ffafbd'
|
|||
|
|
default-dark: '#1e1e1e'
|
|||
|
|
-
|
|||
|
|
id: share-thino-background-light-custom
|
|||
|
|
title: Custom thino share background 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: share-thino-background-dark-custom
|
|||
|
|
title: Custom thino share background 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: 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: ❗cssclass：kanban❗ A kind of kanban-liked style for unordered lists. (Adapted from Spectrum theme by @Wiktoria Mielcarek)
|
|||
|
|
description.zh: ❗cssclass：kanban❗ 实现类似看板样式并排显示，只对无序列表生效。改自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: ❗cssclass：code-wrap❗实现代码块中的代码行自动换行。
|
|||
|
|
description: ❗cssclass：code-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: ❗cssclass：inline-list❗列表项横向排布。
|
|||
|
|
description: ❗cssclass：inline-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: ❗cssclass：img-grid❗实现图片类似网格一样自适应横排显示。也可以使用类似格式单独调整![[obsidian_image.png|inl|100]] (adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css)
|
|||
|
|
description: ❗cssclass：img-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: ❗cssclass：matrix❗ 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: ❗cssclass：matrix❗ 实现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: ❗cssclass：fullwidth wide-dataview wide-table wide-callout wide-backlinks❗ (Adapted from https://github.com/efemkay @ Faiz Khuzaimah)
|
|||
|
|
description.zh: ❗cssclass：fullwidth 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,d09GMgABAAAAAC48AA0AAAAAS8gAAC3kAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABlYAXAiDYAmIGgrxUON6C4ESAAE2AiQDgiAEIAWObQeBQAyCCht2Q0VGhI0DQMCn7cj+Px1oIVe/XcEwPK06XcllLaTKLSw8vNi59NYycKp6Dyx9xoZgRwg+7FlrvJvuKE6iG9WwdKFi/PzY9XhOYIgCFpSRd4jCPwJrKXvCDOPPhlJshCSzFq2V1Ti9dxdCUABokYVMJMo4RgsIksCByt8MwLahn7eooCjigzshc4LDCM4iiAoOePOYm7l5lZmdzdq+NvNXunTPhHIIT7m8DJKMqLF0MpIUPBmAqgBeuGmA14CViyZFjyVVqf1jmy+0N2TqmhA6vphnfty/TtxO7g+Sli91OlWe9/92t70/ok6EAQWUkPT/v9Oq6/f0hE8MlkG2Y0dO2D01nQwuoRRZe9SVBk51NVB1DRDV7icwf+3n8mdOeslLnB2tluNtd6Cw7ouSlJbsuWRPCoxBMThDzdunVkm63ztVByXwpMwByNg/60xokqoAFcAWgRK4ASqC6rHP/Mx0m+ue7Tz37R5NAqkgmhsk+j+bZrsrHaztECgECvHrgZsyRZdy9v/Z0c6MLFjpQCvdZa09sBS0fQSrQx3rwtW9awNcpbN9hLYPGNpQdVXKvFRX5qXLS1FUBB1w0XUpqizL2WIEKqK0/e7OD3+zvqKrzrYsTcnEmImRkHL7d8+kGSDdRc2QAfSxWgIgja805g+CuIGUpIWuFNyf8NGMumspIEHk7i3urTamae5t26wyF7ysISnQqdKY0NLaCDAcbcG5ixAl9/8PoXqqHaQS867zx3wzX8+b+WK+IBFn/fjbfMROA3Z/s6CgBZBtEZhaNdwmgmpV4wea/c7xw/zTYh1PjYiEMkYzwZ1hubmSF7kUTnUGkpWbNWn/cx4AbpNJ0Css+NUzeop5Qy/Qji4cAVtJ3387FsFVjC/r2EXCL4O6LKe72UL3IzBu8B2ugSmbbjOe00Vbw03KDtsZe+ckElIvjfCg4CVXxJbjCC9ISqkxDIpBs+zHK6Ij71RgXq7nHWROv6RI1XXSGM4NABrwLDNiEIdO80ne5LfiobLa0bg+LvvnU/+ehvGdUHSNjTiK87hXKMKTw3Jb0VqkLfpQn5mtCW3e9dzeA5zn5/1WIiZ+ughJ2i6b8sXuea8fSfjUEjuiaZBexyAhLsfLwv2PuLZvbVdMtzyD+CNkOesv12HorpP8azRaBScyxcrPy83Jzso0DT0jPS1VC11ml1RamFh5YkWKlarZ9uTMFRQ1gREaq601q3EWyO2DlECqo3Gb00jFdjR0q1p3NtjKams1kSi0HMpNg3JG8avD6C650uaNyrPzfIp//E2JCG2pJsZV9TKRjqeGHY0R0TUd3cVhyYVjGmStHGczeyDONGAtLl55PPePLpteI24lmTlhLi+tOkIk7lZzrGcOKHUgvg8MD/GgH1tNy7hzVlV900Bi97FeBFaNyfrXCbBFXIZuY7RFR0xpPjyha8aBzF0FeoWe0M/6g2sehgf+lZOiYw1ejDWrv7w+dsnrOR7G2q0CDe1B/SHW6m45jn/pLchwLuXDQ4k21tDuqdw5y/hTqhyZoV665MmpLNPYReWpGeaADyw+O8QoxVhWzYblqAgonpEI7Svq+pl6a+/wm3pOZafHVKw6y/zAObd2DGT7ykadRetq86axpqTQp3cnJiU/ICExOlCP5xVKCmrMEBTkshmsDi2BtI8itHsMw0LFDzUGikH2Fftw1ZlE+uUjGGsLqZTiewwspDAq/0Mi2J/fO60DxYmFN/AC6kn43iaohbqOGRnuz0bbGKWzrKyaBW5Wi9jAphWKDZwitHo3HL8065SxVNV1uSe7FvROuuCtNm+r0EbOroOVpfsYJmrbHJQf72pzK3RsR8FUJzdzb/fjGKPdfUiTlRNH+XApkhNfiYElRE09lNO1iMiQbPX0pvLJWU3Ip77T0WVub8q6I3WlzjvYPbzVy6jC5FpDg5zmwhx9zzzwj6HF+WFSasJNeS1oL6H6GkDcjssouTC9TQLg+H9hIEh+Ybf4nkZgQNO71YN6aBz2FZuODrMx2DuiLxvEMAYV+/3pUd+jqS1JHt0XC2kVbJVbk/uKQREezhRnxw1GzjjaCo/205mru7QvbYcjyeanY1HYiWhCF+E370dqJoVSHgmzY3s5iJaUJXV5qjmx6g6lpJuye+MxyVNBQWO0G5LyN/0Flg/VXopY1L7ORVGYglYlTTDhIwkhQJdFaY9lE3qjcbG5LDt12x1LEZpVddgz9LpyJOkHRYTmVlSdz2Ex2bNDIi0R6lIC1AeSAi6EJTdiXU3gbD8Wj7QORSBgMEgnQgAuRRzDn3DNWAsR45B7zerwtEqgvnasfZJNt2iiGcYJxHFNt6URAEWJonIFNZaixsE777ZVFW7rq3PVBrm1wjECPry8iZ02UTC1f+J03GbQ8zi3MTAdf8P0c1UQS+oecktGEu8BAICRX4AskYKLfqw4SsSK6TuoYTtjA8KSs8yOwjTwS0a5/Kk1Qmql3CQ1tonhu5E7GiQBZUZ9Aj8pImHakrDtvIMoEoct0USRxkgFISYvtjfjGUsQwmPiV4sSQFoZtWc+cVv7TkD0Yo8/KurcrOJfNYyTRCMH0GqjOOAK7hERCJyFfPRJQEl6hikJxwpEWYzAsvIDxZ1Ig486ZChojjmMOZV/6VMS1yKAHvlFqjDUJSC7Z5swtb4LSM+yoTi1TLYHOIPpjlGZVSl86dzCOexZBjgVcKwWgDZPQpnq5cyya/1DM58MnR94i37hEhLX9C5JHzvigI9I7TUhXtx0k/i+JfwW4NL2YZ7xd8fJfhl+Ym72SXLkckGkWvZobq2Bh5KwQH6UyrV+GEGZMm9kUt2++JrkdnLSGkFFlEq1ylZNW7debGuWBlrdzc723jb5IQ+SgHslbo7xMJX4/p12RmKL2PPOuo1MbZ2qM+7zyGaNyLsZrtZPdXXAceAiYkHm4a5lId3ISES/LmEYOpr6RRWTmeYZhNuFlWNVeEaSH0weDJCAhaPV2cQMnh9Nkt5o5wBmPVeRHQAby7mHok9A0hwS93/roeBTmdn/4ppmlZDhreCJSce9H7gXV1mBekJ2aiC3ibOV23a0ti+5bnZTYy5Ebs82K986gjLgF3WSmVhWWVQ6nnrX3/iHZGMXwH7ZgHI/7o3/YGxzry0a6MQB87xRsmF/6DR7dNTBb2ZjMQ2uI4DVb5u1JG3MNFcOuXEHScZev+2DPdldTHToy7lm2PrBTYYJYmLwEI+JgrrC8vkgO1YzJ/RPyIdPJtdO99fJeqJCo+jJ9NHKU2d+dLhtql1vImT9pX1KKOCC1zT4HLWu+lDU7/94KtvjjTdBankYK4si6hQ3Ua8bUmrJY3loEHaWFEHIAYGQxqDAWEBP6jAXuLazm0Ya65K77e4Bm4Ck7D1JYkSAAjQpC83f7JEBRg34b5byr1KBCjuJSOxSwOJwOUquwGhinNKuvJSTmP8U2v/jGyX/GJh/tTbl5oYPFlobPvFEx7xLmA+ldaSSInqOkcFR7JEIqdeKQwbaRbs9OjHvkw2bpSZmTFQiuT8rEomaWYK6LlGZhAQsbsq4Llb/63zjxjZlaGQ2N9u7BkXRZSKnODaEqVXTWi61J7mEyJELJYaxjcRlpmJ6XlqJukCfUJBghmTBb97sSRQ1i0ZFC1pwQjbS+d3epR9UC9B121Goh1z8V5Fb04CkNO623uy0WUDy0GCPqifaP+omfAqvUBOAEq7F9QwVscZ7tywYdI3VR9wZx77h6XoK2z3aAxFW+Qpnb6PPSnCq6S9uiqU9IJ4GU2mqbnDIR4TuYGwf1UYDkyEaUwLY7LjA5p4QEg/vFDoEUWDhUgUcbiMlnlih4Qf1NsYM10yRXxjiE/TC2EJYSJBGzvM8HILTQG8acO7Y34qzMSeAba0hZJE+73WjW2QmCVy8Q7vNkM30/V4nO/B8xoT0SH1ndhYcb5bi3g3W0kW7I1
|
|||
|
|
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-text),var(--font-default);
|
|||
|
|
--h2-font: var(--font-text),var(--font-default);
|
|||
|
|
--h3-font: var(--font-text),var(--font-default);
|
|||
|
|
--h4-font: var(--font-text),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;
|
|||
|
|
|
|||
|
|
--background-settings-workplace-theme-light-custom: url("https://");
|
|||
|
|
--background-settings-workplace-theme-dark-custom: url("https://");
|
|||
|
|
--background-command-palette-theme-light-custom: url("https://");
|
|||
|
|
--background-command-palette-theme-dark-custom: url("https://");
|
|||
|
|
--background-panel-page-theme-dark-custom: url("https://");
|
|||
|
|
--background-panel-page-theme-light-custom: url("https://");
|
|||
|
|
--background-markdown-page-theme-dark-custom: url("https://");
|
|||
|
|
--background-markdown-page-theme-light-custom: url("https://");
|
|||
|
|
--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: 2;
|
|||
|
|
|
|||
|
|
--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-page-custom-gif-url: url(https://);
|
|||
|
|
--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;
|
|||
|
|
|
|||
|
|
/***thino***/
|
|||
|
|
--share-thino-background-light-custom:url("https://");
|
|||
|
|
--share-thino-background-dark-custom:url("https://");
|
|||
|
|
--thino-background-light-custom:url("https://");
|
|||
|
|
--thino-background-dark-custom:url("https://");
|
|||
|
|
|
|||
|
|
--share-card-background-opacity-cp:0.6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.all-dark-pdf .print,
|
|||
|
|
.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);
|
|||
|
|
--search-result-background: 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: #FFFFFF00;
|
|||
|
|
--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-indentation-line-image: url("");
|
|||
|
|
--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: #ffffffa1;
|
|||
|
|
--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: #FFFFFF00;
|
|||
|
|
--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-indentation-line-image: url("");
|
|||
|
|
--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: #ffffffa1;
|
|||
|
|
--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.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.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: #ffffffa1;
|
|||
|
|
--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.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.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.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.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.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.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.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: #ffffffa1;
|
|||
|
|
|
|||
|
|
--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.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.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-white-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);
|
|||
|
|
--search-result-background:var(--simple-gray-2);
|
|||
|
|
--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.bt-bubble-layout.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-color: var(--background-primary-alt);
|
|||
|
|
box-shadow:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.bt-bubble-layout).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).theme-dark.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-split.mod-root
|
|||
|
|
{
|
|||
|
|
background-color: var(--simple-tran);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.is-mobile).background-image-settings-switch.background-image-settings-markdown-page-transparent.background-settings-workplace-background-image.color-scheme-options-simplicity-topaz .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);
|
|||
|
|
--background-primary: var(--simple-gray-2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
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:not(.toggle-nonoverlapping-bg)
|
|||
|
|
.workspace-split.mod-root .workspace-tab-header.is-active {
|
|||
|
|
background:transparent;
|
|||
|
|
--tab-background-active:transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-tab-header-container
|
|||
|
|
{
|
|||
|
|
border:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-tabs .workspace-tab-header-container {
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-codeblock):not(.HyperMD-header):not(:has(>br:only-child)) {
|
|||
|
|
padding-bottom: calc((var(--paragraph-spacing) - 1) * 1em) ;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
:is(.markdown-preview-view,.markdown-rendered) :is(ol,ul) {
|
|||
|
|
margin-block-start: calc((var(--line-height-list) - 2) * 1em);
|
|||
|
|
margin-block-end: calc((var(--line-height-list) - 2) * 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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.text-indentation-two-em .workspace-leaf-content[data-type="markdown"] .markdown-source-view.mod-cm6 div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)),
|
|||
|
|
.markdown-source-view.mod-cm6.indent div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)) {
|
|||
|
|
text-indent: 2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.text-indentation-two-em .workspace-leaf-content[data-type="markdown"] .markdown-source-view.mod-cm6 div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)) .cm-hmd-frontmatter:first-of-type,
|
|||
|
|
.markdown-source-view.mod-cm6.indent div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)) .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%;
|
|||
|
|
}
|
|||
|
|
.cm-active.HyperMD-quote.cm-line:not(.HyperMD-callout) .cm-quote
|
|||
|
|
{
|
|||
|
|
margin-left: 15px;
|
|||
|
|
}
|
|||
|
|
/* headers */
|
|||
|
|
/*编辑状态是否显示H1 H2标记*/
|
|||
|
|
/*适配Live preview模式*/
|
|||
|
|
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.h1-toggle-underline .markdown-source-view.mod-cm6 .HyperMD-header-1 + .cm-line,
|
|||
|
|
body.h2-toggle-underline .markdown-source-view.mod-cm6 .HyperMD-header-2 + .cm-line,
|
|||
|
|
body.h3-toggle-underline .markdown-source-view.mod-cm6 .HyperMD-header-3 + .cm-line,
|
|||
|
|
body.h4-toggle-underline .markdown-source-view.mod-cm6 .HyperMD-header-4 + .cm-line,
|
|||
|
|
body.h5-toggle-underline .markdown-source-view.mod-cm6 .HyperMD-header-5 + .cm-line,
|
|||
|
|
body.h6-toggle-underline .markdown-source-view.mod-cm6 .HyperMD-header-6+ .cm-line
|
|||
|
|
{
|
|||
|
|
padding-top: 0.5em!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body:not(.h1-toggle-underline)
|
|||
|
|
.cm-contentContainer .cm-header-1
|
|||
|
|
{
|
|||
|
|
line-height: var(--h1-line-height);
|
|||
|
|
}
|
|||
|
|
body:not(.h2-toggle-underline)
|
|||
|
|
.cm-contentContainer .cm-header-2
|
|||
|
|
{
|
|||
|
|
line-height: var(--h2-line-height);
|
|||
|
|
}
|
|||
|
|
body:not(.h3-toggle-underline)
|
|||
|
|
.cm-contentContainer .cm-header-3
|
|||
|
|
{
|
|||
|
|
line-height: var(--h3-line-height);
|
|||
|
|
}
|
|||
|
|
body:not(.h4-toggle-underline)
|
|||
|
|
.cm-contentContainer .cm-header-4 {
|
|||
|
|
line-height: var(--h4-line-height);
|
|||
|
|
}
|
|||
|
|
body:not(.h5-toggle-underline)
|
|||
|
|
.cm-contentContainer .cm-header-5 {
|
|||
|
|
line-height: var(--h5-line-height);
|
|||
|
|
}
|
|||
|
|
body:not(.h6-toggle-underline)
|
|||
|
|
.cm-contentContainer .cm-header-6 {
|
|||
|
|
line-height: var(--h6-line-height);
|
|||
|
|
}
|
|||
|
|
.markdown-rendered div:has( > :is(p,pre,table,ul,ol)) + div > :is(h1,h2,h3,h4,h5,h6)
|
|||
|
|
{
|
|||
|
|
margin-top: calc(var(--p-spacing) * 0.5);
|
|||
|
|
margin-bottom: calc(var(--p-spacing) * 0.5);
|
|||
|
|
}
|
|||
|
|
body.h6-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-6,
|
|||
|
|
body.h5-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-5,
|
|||
|
|
body.h4-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-4,
|
|||
|
|
body.h3-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-3,
|
|||
|
|
body.h2-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-2,
|
|||
|
|
body.h1-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-1 {
|
|||
|
|
padding-top: 0.5rem;
|
|||
|
|
}
|
|||
|
|
.cm-s-obsidian .cm-line.HyperMD-header {
|
|||
|
|
padding-top: calc(var(--p-spacing) * 0.5);
|
|||
|
|
padding-bottom:calc(var(--p-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-mobile :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6):hover::before {
|
|||
|
|
|
|||
|
|
margin-left: -20px;
|
|||
|
|
}
|
|||
|
|
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) .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 {
|
|||
|
|
|
|||
|
|
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:not(.HyperMD-codeblock) {
|
|||
|
|
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: 1em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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(1em + 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(1em + 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(1em + 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(1em + 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(1em + 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(1.4 / 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));
|
|||
|
|
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));
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*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(:is(.dataview.table-view-table,.table-editor)) {
|
|||
|
|
|
|||
|
|
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(:is(.dataview.table-view-table,.table-editor)):active,
|
|||
|
|
:is(.markdown-preview-section,.markdown-rendered) table:not(:is(.dataview.table-view-table,.table-editor)):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: 1px 1px 0px 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 */
|
|||
|
|
.markdown-source-view.mod-cm6.is-readable-line-width.fullwidth .cm-sizer,
|
|||
|
|
.markdown-source-view.mod-cm6.is-readable-line-width.fullwidth .cm-line,
|
|||
|
|
.markdown-source-view.mod-cm6.fullwidth.is-readable-line-width:not(.is-rtl) .cm-contentContainer,
|
|||
|
|
.markdown-source-view.mod-cm6.fullwidth .cm-contentContainer,
|
|||
|
|
.markdown-source-view.mod-cm6.fullwidth .cm-contentContainer > div,
|
|||
|
|
.markdown-source-view.mod-cm6.fullwidth .cm-contentContainer > div.cm-content {
|
|||
|
|
max-width: 100%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer,
|
|||
|
|
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .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,
|
|||
|
|
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .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 > 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 > div.cm-content .cm-table-widge
|
|||
|
|
{
|
|||
|
|
max-width: 100%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
: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 {
|
|||
|
|
|
|||
|
|
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 > 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 > 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 > div > div.cm-preview-code-block:not(.admonition-parent),
|
|||
|
|
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>.block-language-dataviewjs ,
|
|||
|
|
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>.block-language-dataview ,
|
|||
|
|
body.full-width-table .markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
|
|||
|
|
body.full-width-callout .markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
|
|||
|
|
body.full-width-backlinks .markdown-source-view.mod-cm6 .cm-contentContainer > div:is(.embedded-backlinks) > div {
|
|||
|
|
max-width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not([class^="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[data-block-language="dataview"],
|
|||
|
|
body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div[data-block-language="dataviewjs"],
|
|||
|
|
body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-lang-dataviewjs),
|
|||
|
|
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,
|
|||
|
|
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer > div,
|
|||
|
|
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer > div.cm-content,
|
|||
|
|
div[class*="wide-"].markdown-source-view.mod-cm6 .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 > div > div,
|
|||
|
|
div.markdown-source-view.mod-cm6:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .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 > div > div.cm-preview-code-block:not(.admonition-parent),
|
|||
|
|
div[class*="-table"].markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
|
|||
|
|
div[class*="-callout"].markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
|
|||
|
|
div[class*="-backlinks"].markdown-source-view.mod-cm6 .cm-contentContainer > div:is(.embedded-backlinks) > div {
|
|||
|
|
max-width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[class*="-dataview"].markdown-source-view.mod-cm6 .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 .cm-underline
|
|||
|
|
{
|
|||
|
|
color: var(--unresolved-link) !important;
|
|||
|
|
--link-unresolved-decoration-color:var(--unresolved-link);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved .cm-underline,
|
|||
|
|
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 .cm-underline,
|
|||
|
|
body.link-underline-unresolved .markdown-source-view.mod-cm6 .is-unresolved .cm-underline,
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
.metadata-container .internal-link:hover,
|
|||
|
|
.markdown-rendered .internal-link:hover
|
|||
|
|
{
|
|||
|
|
color: var(--internal-link-color);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
.cm-s-obsidian span.cm-hmd-internal-link:hover
|
|||
|
|
{
|
|||
|
|
color: var(--internal-link-color);
|
|||
|
|
}
|
|||
|
|
.metadata-container .internal-link,
|
|||
|
|
.markdown-rendered .internal-link,
|
|||
|
|
a.internal-link,
|
|||
|
|
.cm-s-obsidian span.cm-hmd-internal-link ,
|
|||
|
|
.cm-s-obsidian span.cm-hmd-internal-link a {
|
|||
|
|
color: var(--internal-link-color);
|
|||
|
|
}
|
|||
|
|
.metadata-container a.external-link:hover,
|
|||
|
|
.markdown-rendered a.external-link:hover
|
|||
|
|
{
|
|||
|
|
color: var(--external-link-color);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
.cm-s-obsidian span.cm-link:hover,
|
|||
|
|
.cm-s-obsidian span.cm-url:hover,
|
|||
|
|
.markdown-source-view.mod-cm6 .cm-link .cm-underline:hover,
|
|||
|
|
.markdown-source-view.mod-cm6 .cm-url .cm-underline:hover
|
|||
|
|
{
|
|||
|
|
color: var(--external-link-color);
|
|||
|
|
}
|
|||
|
|
.cm-s-obsidian span.cm-link,
|
|||
|
|
.cm-s-obsidian span.cm-url,
|
|||
|
|
.cm-s-obsidian span.cm-link a
|
|||
|
|
{
|
|||
|
|
color: var(--external-link-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* 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);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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) .workspace-leaf-content[data-type="markdown"] .internal-embed.image-embed.is-loaded img:not([class*="emoji"]) {
|
|||
|
|
max-width: var(--image-max-width);
|
|||
|
|
|
|||
|
|
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.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(.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) .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) .heading-collapse-indicator.collapse-indicator {
|
|||
|
|
position: absolute;
|
|||
|
|
transition: transform 20ms linear 0s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.default-icons) .heading-collapse-indicator.collapse-indicator::before {
|
|||
|
|
width: 1.5em;
|
|||
|
|
height: 1.5em;
|
|||
|
|
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 .heading-collapse-indicator.collapse-indicator {
|
|||
|
|
transform: translateX(7px) translateY(7px) rotate(-90deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.default-icons) div.is-collapsed .heading-collapse-indicator.collapse-indicator::before,
|
|||
|
|
body:not(.default-icons) :is(h1,h2,h3,h4,h5,h6):hover .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-3);
|
|||
|
|
}
|
|||
|
|
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-2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ================================== */
|
|||
|
|
/* ====== 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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
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: 2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.setting-default-frosted-glass .suggestion-container
|
|||
|
|
{
|
|||
|
|
background-color: var(--bg-color-settings-4);
|
|||
|
|
backdrop-filter: blur(3px);
|
|||
|
|
}
|
|||
|
|
body.setting-style-traditional .suggestion-container
|
|||
|
|
{
|
|||
|
|
background-color: var(--color-base-20);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.setting-style-traditional .modal.mod-settings .vertical-tab-content-container {
|
|||
|
|
background: var(--color-base-20);
|
|||
|
|
}
|
|||
|
|
body.setting-style-traditional .modal.mod-settings .vertical-tab-header {
|
|||
|
|
background: var(--color-base-00);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.setting-style-traditional .menu{
|
|||
|
|
background-color: var(--color-base-00);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.setting-style-traditional .prompt
|
|||
|
|
{
|
|||
|
|
background: var(--color-base-00);
|
|||
|
|
}
|
|||
|
|
/* ================================== */
|
|||
|
|
/* ============ 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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.style-settings-heading[data-level="1"] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 1em;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .style-settings-heading[data-level="2"] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 2em;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .style-settings-heading[data-level] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 2em;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .style-settings-heading[data-level="3"] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 3em;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .style-settings-heading[data-level="4"] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 4em;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .style-settings-heading[data-level="5"] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 5em;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .style-settings-heading[data-level="5"] + .style-settings-container
|
|||
|
|
{
|
|||
|
|
padding-left: 5em;
|
|||
|
|
}
|
|||
|
|
.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"],
|
|||
|
|
body:not(.custom-thino-background) .setting-item[data-id="thino-background-dark-custom"],
|
|||
|
|
body:not(.custom-thino-background) .setting-item[data-id="thino-background-light-custom"],
|
|||
|
|
body:not(.custom-thino-share-background) .setting-item[data-id="share-thino-background-dark-custom"],
|
|||
|
|
body:not(.custom-thino-share-background) .setting-item[data-id="share-thino-background-light-custom"],
|
|||
|
|
body:not(.thino-background-color) .setting-item[data-id="thino-modern-primary"]
|
|||
|
|
{
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
body:not(:is(.share-thino-with-workspace-background,.share-thino-with-thino-background,.custom-thino-share-background)) .setting-item[data-id="blur-thino-share-frosted-glass"]
|
|||
|
|
{
|
|||
|
|
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.background-image-settings-command-palette-same-as-workplace .setting-item[data-id="background-image-settings-command-palette-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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.folder-icons) .setting-item[data-id="remove-first-folder-icon"] {
|
|||
|
|
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 .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 .heading-collapse-indicator.collapse-indicator ,
|
|||
|
|
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl h2 .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 .heading-collapse-indicator.collapse-indicator ,
|
|||
|
|
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed h2 .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 .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 Thino============= */
|
|||
|
|
/* ================================== */
|
|||
|
|
|
|||
|
|
body:not(.thino-default) div[data-type='thino_view']
|
|||
|
|
{
|
|||
|
|
--activeline-background:transparent;
|
|||
|
|
--thino-wrapper-border:transparent;
|
|||
|
|
--memos-icon-hover:var(--background-modifier-border);
|
|||
|
|
|
|||
|
|
--memos-memo-border:transparent;
|
|||
|
|
--memos-location-wrapper-bg: transparent;
|
|||
|
|
--memos-bg-accent:var(--theme-color-translucent-04);
|
|||
|
|
--thino-background-primary:var(--bg-color-settings-0-1);
|
|||
|
|
--memos-bg-light-blue: var(--theme-color-translucent-02);
|
|||
|
|
--memos-text-blue:var(--interactive-accent);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:is(.thino-frosted-style,.thino-frosted-style-default) .workspace-leaf div[data-type=thino_view] .view-header,
|
|||
|
|
body:is(.thino-frosted-style,.thino-frosted-style-default).is-focused .workspace-leaf.mod-active div[data-type=thino_view] .view-header {
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:is(.thino-default,.thino-frosted-style-default) div[data-type=thino_view] #page-wrapper:not(.memos-moments-view) .memo-editor-wrapper{
|
|||
|
|
background-color: var(--background-primary-bg-4-bt, var(--background-primary));
|
|||
|
|
}
|
|||
|
|
body:is(.thino-default,.thino-frosted-style-default) div[data-type=thino_view] .memolist-wrapper>.memolist-container {
|
|||
|
|
|
|||
|
|
background-color: transparent;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body:is(.thino-default,.thino-frosted-style-default) div[data-type=thino_view] .memo-wrapper,
|
|||
|
|
body:is(.thino-default,.thino-frosted-style-default) .thino-hover-popover .memo-wrapper,
|
|||
|
|
body:is(.thino-default,.thino-frosted-style-default) .block-language-thino .thino-embed-container .memo-wrapper {
|
|||
|
|
|
|||
|
|
background-color: var(--background-primary-bg-4-bt, var(--background-primary));
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .section-header-container, div[data-type=thino_view] .memos-header-container
|
|||
|
|
{
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memo-editor-wrapper>.tip-text {
|
|||
|
|
padding-left:1.5em;
|
|||
|
|
}
|
|||
|
|
.thino-editor-modal .common-editor-wrapper .common-editor-inputer {
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
body.custom-thino-background div[data-type='thino_view'].workspace-leaf-content
|
|||
|
|
{
|
|||
|
|
background-image: var(--thino-background-light-custom) ;
|
|||
|
|
--background-primary:var(--bg-color-settings-2);
|
|||
|
|
--memos-memo-bg:var(--bg-color-settings-0-1);
|
|||
|
|
--memos-memo-border:var(--bg-color-settings-0-1);
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
body.custom-thino-background.theme-dark div[data-type='thino_view'].workspace-leaf-content
|
|||
|
|
{
|
|||
|
|
background-image: var(--thino-background-dark-custom);
|
|||
|
|
--background-primary:var(--bg-color-settings-2);
|
|||
|
|
--memos-memo-bg:var(--bg-color-settings-0-1);
|
|||
|
|
--memos-memo-border:var(--bg-color-settings-0-1);
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.custom-thino-background.theme-dark div[data-type='thino_view'] #page-wrapper
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
background: var(--bg-color-settings-2);
|
|||
|
|
}
|
|||
|
|
.workspace-tab-container:fullscreen div[data-type='thino_view'],
|
|||
|
|
.workspace-tab-container:fullscreen .workspace-leaf-content
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
background-color: var(--background-primary-alt);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.theme-dark div[data-type=thino_view] .usage-heat-map-wrapper .stat-container {
|
|||
|
|
|
|||
|
|
background-color: #2a2a2a8a;
|
|||
|
|
box-shadow:none;
|
|||
|
|
}
|
|||
|
|
body:not(:is(.hider-memos-modern-banner,.memos-banner-gradient)) div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-info .moments-view-user-name
|
|||
|
|
{
|
|||
|
|
color: white;
|
|||
|
|
font-weight: bold;
|
|||
|
|
letter-spacing: 1px;
|
|||
|
|
}
|
|||
|
|
.theme-dark div[data-type=thino_view] .memo-editor-wrapper,
|
|||
|
|
.theme-dark .thino-editor-modal .memo-editor-wrapper {
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
.modal.thino-editor-modal .modal-content
|
|||
|
|
{
|
|||
|
|
background-color:var(--bg-color-settings-3);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .moments-view .thino-moment-wrapper .thino-moment-container .thino-moment-user-name {
|
|||
|
|
color: #66789d;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-idea {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memo-wrapper>.memo-top-wrapper>.memo-top-left-wrapper>.memo-type-img
|
|||
|
|
{
|
|||
|
|
align-items: flex-end;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .moments-view .memo-content-text p a[href^="#收集"] {
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 180px;
|
|||
|
|
top: calc(100% - 31px);
|
|||
|
|
font-size: 10px;
|
|||
|
|
padding-top: 4px;
|
|||
|
|
padding-bottom: 4px;
|
|||
|
|
color: var(--tag-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.is-mobile div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view) .memos-header-container>.memos-header-search-section
|
|||
|
|
:is(.memos-review-entry-wrapper, .memos-view-switcher-wrapper,.thino-inline-filter-wrapper,.search-bar-inputer:not(:has(input:focus))),
|
|||
|
|
.is-mobile div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view) .memos-header-container .refresh-icon
|
|||
|
|
{
|
|||
|
|
padding: 0px ;
|
|||
|
|
color:var(--memos-icon-hover);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.is-mobile div[data-type=thino_view] .memos-header-container>.memos-header-search-section .search-bar-inputer:has(input:focus)
|
|||
|
|
{
|
|||
|
|
padding: 0px ;
|
|||
|
|
color:var(--memos-text-muted);
|
|||
|
|
}
|
|||
|
|
.is-mobile div[data-type=thino_view].mobile-view .search-bar-container>.search-bar-inputer {
|
|||
|
|
width: 110px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.is-mobile div[data-type=thino_view] .memos-header-container .refresh-icon
|
|||
|
|
{
|
|||
|
|
color: var(--memos-text-muted);
|
|||
|
|
margin: 0px;
|
|||
|
|
}
|
|||
|
|
.is-mobile div[data-type=thino_view].mobile-view #page-wrapper
|
|||
|
|
{
|
|||
|
|
margin-top:0;
|
|||
|
|
}
|
|||
|
|
.is-mobile div[data-type=thino_view].mobile-view .view-content:not(:has(.show-editor.moments-view)) {
|
|||
|
|
padding-top: var(--size-4-2);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view].mobile-view .memos-sidebar-wrapper
|
|||
|
|
{
|
|||
|
|
background: linear-gradient(to right, var(--color-base-00) 30%, var(--background-mobile-drawer-2) 100%);
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .common-editor-inputer:has(.cm-focused) + .common-tools-wrapper >.btns-container>.confirm-btn
|
|||
|
|
{
|
|||
|
|
background-color:var(--interactive-accent);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] button:not(.clickable-icon):hover
|
|||
|
|
{
|
|||
|
|
box-shadow: none;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .queries-wrapper>.create-query-btn-container>.btn
|
|||
|
|
{
|
|||
|
|
border: 1px solid var(--memos-memo-border);
|
|||
|
|
}
|
|||
|
|
body:not(.thino-default) .heatmap-date-picker-wrapper>.date-picker-day-container>.date-picker-day-content>.day-item.current {
|
|||
|
|
background-color: var(--memos-stat-day-L1-bg);
|
|||
|
|
filter: opacity(0.8);
|
|||
|
|
}
|
|||
|
|
body:not(.thino-default) .heatmap-date-picker-wrapper>.date-picker-day-container>.date-picker-day-content>.day-item.current .day-item-text {
|
|||
|
|
color:var(--color-base-70);
|
|||
|
|
}
|
|||
|
|
body:is(.thino-frosted-style) div[data-type=thino_view] .modern#page-wrapper,
|
|||
|
|
body:is(.thino-frosted-style) div[data-type=thino_view] .memo-wrapper, .thino-hover-popover .memo-wrapper,
|
|||
|
|
body:is(.thino-frosted-style) .block-language-thino .thino-embed-container .memo-wrapper,
|
|||
|
|
body:is(.thino-frosted-style) div[data-type=thino_view] .memo-editor-wrapper, .thino-editor-modal .memo-editor-wrapper
|
|||
|
|
{
|
|||
|
|
--memos-memo-bg: transparent;
|
|||
|
|
--memos-memo-bg-primary: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body:is(.thino-background-default,.custom-thino-background) div[data-type=thino_view] .modern#page-wrapper,
|
|||
|
|
body:is(.thino-background-default,.custom-thino-background) div[data-type=thino_view] .memo-wrapper, .thino-hover-popover .memo-wrapper,
|
|||
|
|
body:is(.thino-background-default,.custom-thino-background) .block-language-thino .thino-embed-container .memo-wrapper,
|
|||
|
|
body:is(.thino-background-default,.custom-thino-background) div[data-type=thino_view] .memo-editor-wrapper, .thino-editor-modal .memo-editor-wrapper
|
|||
|
|
{
|
|||
|
|
--memos-memo-bg: var(--bg-color-settings-0-1);
|
|||
|
|
--memos-memo-bg-primary: var(--bg-color-settings-0-1);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body:is(.thino-background-default,.thino-frosted-style,.custom-thino-background,.thino-background-color) div[data-type=thino_view] .modern#page-wrapper:is(.memos-chat-view,.memos-moments-view,.memos-list-view,.memos-table-view,.memos-calendar-view,.memos-waterfall-view) {
|
|||
|
|
|
|||
|
|
background-color: transparent;
|
|||
|
|
--thino-modern-secondary:transparent;
|
|||
|
|
--thino-modern-primary:transparent;
|
|||
|
|
}
|
|||
|
|
body.thino-frosted-style-default div[data-type=thino_view] .modern#page-wrapper:is(.memos-chat-view,.memos-moments-view,.memos-list-view,.memos-table-view,.memos-calendar-view,.memos-waterfall-view)
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
--thino-modern-primary: var(--bg-color-settings-0-1);
|
|||
|
|
--thino-modern-secondary: transparent;
|
|||
|
|
}
|
|||
|
|
body.thino-frosted-style-default div[data-type=thino_view] .moments-view .thino-moment-wrapper {
|
|||
|
|
border-radius: var(--radius-m);
|
|||
|
|
background-color: var(--bg-color-settings-2);
|
|||
|
|
}
|
|||
|
|
body.thino-frosted-style-default div[data-type=thino_view] .moments-view .thino-moment-wrapper:after
|
|||
|
|
{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
body.thino-background-color div[data-type=thino_view].workspace-leaf-content
|
|||
|
|
{
|
|||
|
|
--start-color: hsla(
|
|||
|
|
var(--thino-modern-primary-h),
|
|||
|
|
var(--thino-modern-primary-s),
|
|||
|
|
var(--thino-modern-primary-l),
|
|||
|
|
var(--thino-modern-primary-a)
|
|||
|
|
);
|
|||
|
|
--end-color: hsla(
|
|||
|
|
calc(var(--thino-modern-primary-h) + 30),
|
|||
|
|
calc(var(--thino-modern-primary-s) + 5%),
|
|||
|
|
calc(var(--thino-modern-primary-l) + 13%),
|
|||
|
|
calc(var(--thino-modern-primary-a) * 0.8)
|
|||
|
|
);
|
|||
|
|
background: linear-gradient(117deg, var(--start-color), var(--end-color));
|
|||
|
|
--background-primary:var(--bg-color-settings-2);
|
|||
|
|
--memos-memo-bg:var(--bg-color-settings-0-1);
|
|||
|
|
--memos-memo-border:var(--bg-color-settings-0-1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.thino-default) div[data-type=thino_view] .menu-btns-popup {
|
|||
|
|
|
|||
|
|
background-color:var(--bg-color-settings-3);
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
}
|
|||
|
|
body:not:is(.thino-background-default,.custom-thino-background,.thino-frosted-style) div[data-type=thino_view] .memo-editor-wrapper>.memo-editor, .thino-editor-modal .memo-editor-wrapper>.memo-editor {
|
|||
|
|
|
|||
|
|
background: linear-gradient(to bottom, var(--background-secondary), transparent);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] .memos-chat-view .memolist-wrapper .memolist-container .chat-view {
|
|||
|
|
--memos-memo-bg: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] .memos-chat-view .memolist-wrapper .memolist-container .chat-view:is(.fluent-style,.inline-style) .thino-bubble.right .wrap>.content:has(:is(.callout,img)) {
|
|||
|
|
border: 1px solid var(--memos-memo-border);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memos-chat-view .memolist-wrapper .memolist-container .chat-view:is(.fluent-style,.inline-style) .thino-bubble.right .wrap>.content:has(:is(.callout,img)):before {
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
body:not(.thino-default) div[data-type=thino_view].mobile-view .search-bar-container>.quickly-action-wrapper>.quickly-action-container
|
|||
|
|
{
|
|||
|
|
background-color:var(--bg-color-settings-3);
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
}
|
|||
|
|
body:not(.thino-default) div[data-type=thino_view] .memo-wrapper>.memo-top-wrapper>.memo-top-right-wrapper>.btns-container>.more-action-btns-wrapper>.more-action-btns-container,
|
|||
|
|
body:not(.thino-default) .thino-hover-popover .memo-wrapper>.memo-top-wrapper>.memo-top-right-wrapper>.btns-container>.more-action-btns-wrapper>.more-action-btns-container,
|
|||
|
|
body:not(.thino-default) .block-language-thino .thino-embed-container .memo-wrapper>.memo-top-wrapper>.memo-top-right-wrapper>.btns-container>.more-action-btns-wrapper>.more-action-btns-container,
|
|||
|
|
body:not(.thino-default) div[data-type=thino_view] .menu {
|
|||
|
|
background-color:var(--bg-color-settings-3);
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view].mobile-view .search-bar-container>.quickly-action-wrappe {
|
|||
|
|
padding: 0px;
|
|||
|
|
width: 275px;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view].mobile-view .section-header-container>.memos-header-search-section .thino-inline-filter-container
|
|||
|
|
{
|
|||
|
|
width: 275px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] #cMenuToolbarModalBar .cMenuToolbarCommandItem {
|
|||
|
|
|
|||
|
|
backdrop-filter: unset;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] #cMenuToolbarModalBar .more-menu
|
|||
|
|
{
|
|||
|
|
border:none;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] #cMenuToolbarModalBar.cMenuToolbarGlassAesthetic,
|
|||
|
|
div[data-type=thino_view] #cMenuToolbarModalBar.cMenuToolbarGlassAesthetic~#cMenuToolbarPopoverBar
|
|||
|
|
{
|
|||
|
|
backdrop-filter: unset;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view].mobile-view .search-bar-container {
|
|||
|
|
width: auto;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .search-bar-container>.search-bar-inputer{
|
|||
|
|
|
|||
|
|
background-color: transparent!important;
|
|||
|
|
padding:0;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view].mobile-view .search-bar-container>.search-bar-inputer input:focus{
|
|||
|
|
background-color: var(--memos-bg-searchbar-lightgray);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .daily-thinos-list-wrapper .daily-thinos-view-wrapper .daily-thinos-view-container .date-card-container>.date-container-details .details-text
|
|||
|
|
{
|
|||
|
|
font-size:18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view].mobile-view .thino-inline-filter-container .btns-container
|
|||
|
|
{
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view].mobile-view .memo-editor-wrapper,
|
|||
|
|
.thino-editor-modal .memo-editor-wrapper
|
|||
|
|
{
|
|||
|
|
padding:8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body div[data-type='thino_view'] .memo-editor-wrapper:has(.cm-focused) {
|
|||
|
|
|
|||
|
|
border: 1px solid var(--color-base-30);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .user-banner-container>.userinfo-header-container>.userinfo-container .thino-user-icon
|
|||
|
|
{
|
|||
|
|
background-color: transparent!important;
|
|||
|
|
box-shadow:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view]:not(.mobile-view) .memos-moments-view .section-header-container.memos-header-container
|
|||
|
|
{
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
height: 40px;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
margin-top: 0;
|
|||
|
|
padding: 0 20px;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-show-editor-btn
|
|||
|
|
{
|
|||
|
|
top:20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view].mobile-view .search-bar-container>.quickly-action-wrapper>.quickly-action-container,
|
|||
|
|
div[data-type=thino_view] .search-bar-container>.quickly-action-wrapper>.quickly-action-container,
|
|||
|
|
.thino-canvas-filter-group .search-bar-container>.quickly-action-wrapper>.quickly-action-container {
|
|||
|
|
|
|||
|
|
background-color:var(--color-base-20);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] .section-header-container>.memos-header-search-section .thino-inline-filter-container
|
|||
|
|
{
|
|||
|
|
background-color:var(--color-base-20);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .modern input:not([type=checkbox])
|
|||
|
|
{
|
|||
|
|
border: 1px solid var(--background-modifier-border);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view].mobile-view .modern .content-wrapper:has(.moments-view:not(.show-editor)) .section-header-container,
|
|||
|
|
div[data-type=thino_view] .content-wrapper:has(.moments-view:not(.show-editor)) .section-header-container {
|
|||
|
|
/* position: absolute; */
|
|||
|
|
z-index:1;
|
|||
|
|
width:calc(100% - 55px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] .memos-moments-view .filter-query-container {
|
|||
|
|
z-index: 1;
|
|||
|
|
padding: 6px 0 0 20px;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memos-chat-view .filter-query-container {
|
|||
|
|
|
|||
|
|
padding-bottom:20px;
|
|||
|
|
padding-left:0px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .moments-view .thino-moment-wrapper .thino-moment-container .thino-moment-user-content .memo-wrapper .memo-top-wrapper .btn.more-action-btn {
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.day) div[data-type=thino_view] .memos-moments-view .filter-query-container:not(.hidden) + .memolist-wrapper {
|
|||
|
|
margin-top: auto ;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view]:not(.mobile-view) .memos-moments-view .section-header-container.memos-header-container:has(~.memo-editor-wrapper:not(.edit-ing)):has(~.filter-query-container:not(.hidden))
|
|||
|
|
{
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memos-moments-view .content-wrapper:not(:has(.edit-ing)) .memolist-wrapper {
|
|||
|
|
|
|||
|
|
margin-top: -60px;
|
|||
|
|
transition: all 0.2s linear;
|
|||
|
|
}
|
|||
|
|
body.is-mobile div[data-type=thino_view] .memos-moments-view .memolist-wrapper {
|
|||
|
|
margin-top: 6px;
|
|||
|
|
}
|
|||
|
|
body.is-mobile div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view) {
|
|||
|
|
position: absolute;
|
|||
|
|
background: transparent;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
body div[data-type=thino_view] .section-header-container>.memos-header-search-section >*
|
|||
|
|
{
|
|||
|
|
border-color: transparent!important;
|
|||
|
|
}
|
|||
|
|
body.is-mobile div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-show-editor-btn {
|
|||
|
|
top: 68px;
|
|||
|
|
}
|
|||
|
|
body.is-mobile div[data-type=thino_view].mobile-view .search-bar-container>.search-bar-inputer input:focus
|
|||
|
|
{
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.is-mobile div[data-type=thino_view] .memos-moments-view .filter-query-container:not(.hidden)
|
|||
|
|
{
|
|||
|
|
margin-top: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.is-mobile div[data-type=thino_view] .memos-moments-view .memos-sidebar-wrapper
|
|||
|
|
{
|
|||
|
|
margin-top: 48px;
|
|||
|
|
height: calc(100% - 85px);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.is-mobile div[data-type=thino_view].mobile-view .tags-wrapper
|
|||
|
|
{
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
body.is-mobile div[data-type=thino_view] .memo-content-text
|
|||
|
|
{
|
|||
|
|
padding: 0 18px 0 0;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view].mobile-view .modern#page-wrapper.memos-moments-view .content-wrapper .section-header-container .search-bar-container .search-bar-inputer
|
|||
|
|
{
|
|||
|
|
max-width:280px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share-memo-image-dialog .memo-content-text.markdown-rendered blockquote,
|
|||
|
|
div[data-type=thino_view] .memo-content-text.markdown-rendered blockquote
|
|||
|
|
{
|
|||
|
|
margin-inline-start: 0;
|
|||
|
|
margin-inline-end: 0;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memolist-wrapper .memolist-container .table-view th
|
|||
|
|
{
|
|||
|
|
min-width:auto;
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .memolist-wrapper .memolist-container .table-view th:has(.create-at-header-cell) {
|
|||
|
|
min-width: 60px;
|
|||
|
|
}
|
|||
|
|
.thino-activation .thino-verify-component {
|
|||
|
|
|
|||
|
|
background: hsla(var(--interactive-accent-hsl),0.2);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .user-banner-container>.userinfo-header-container>.userinfo-container .thino-user-info>.username-container>.user-pro-badge.activated
|
|||
|
|
{
|
|||
|
|
background: var(--color-yellow) !important;
|
|||
|
|
color:#000000a3!important;
|
|||
|
|
padding: 2px 4px;
|
|||
|
|
margin-top: -1em;
|
|||
|
|
font-size:10px;
|
|||
|
|
line-height:10px;
|
|||
|
|
}
|
|||
|
|
body.background-settings-workplace-background-image div[data-type=thino_view] .menu-btns-popup,
|
|||
|
|
body.background-settings-workplace-background-image div[data-type=thino_view] .selector-wrapper>.items-wrapper {
|
|||
|
|
|
|||
|
|
background-color:var(--bg-color-settings-3);
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
}
|
|||
|
|
div[data-type=thino_view] .usage-heat-map-wrapper>.day-tip-text-container, .block-language-thino .usage-heat-map-wrapper>.day-tip-text-container, .thino-canvas-menu .usage-heat-map-wrapper>.day-tip-text-container {
|
|||
|
|
|
|||
|
|
width: auto;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/****thino 分享文字背景**/
|
|||
|
|
|
|||
|
|
body.share-thino-with-workspace-background .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
|
|||
|
|
|
|||
|
|
background-image: var(--theme-background)!important;
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
body.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
|
|||
|
|
|
|||
|
|
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:is(.share-thino-with-thino-background,.share-thino-with-workspace-background, .custom-thino-share-background) .share-memo-image-dialog>.dialog-container>.dialog-content-container.clean .memo-container>.memo-background .property-image {
|
|||
|
|
|
|||
|
|
display:none;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.share-thino-with-thino-background.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
|
|||
|
|
|
|||
|
|
background-image: var(--thino-background-dark-custom)!important;
|
|||
|
|
background-size: cover;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.share-thino-with-thino-background .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
|
|||
|
|
|
|||
|
|
background-image: var(--thino-background-light-custom)!important;
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.custom-thino-share-background .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
|
|||
|
|
|
|||
|
|
background-image: var(--share-thino-background-light-custom)!important;
|
|||
|
|
background-size: cover;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.custom-thino-share-background.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
|
|||
|
|
|
|||
|
|
background-image: var(--share-thino-background-dark-custom)!important;
|
|||
|
|
background-size: cover;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.memo-content-text,
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-user-header,
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.watermark-container ,
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-time-footer
|
|||
|
|
{
|
|||
|
|
background:rgba(255, 255, 255, var(--share-card-background-opacity-cp));
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.memo-content-text,
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.thino-user-header,
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.watermark-container ,
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.thino-time-footer
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share-memo-image-dialog .memo-content-text p br {
|
|||
|
|
display: block;
|
|||
|
|
margin-top: 0.5em;
|
|||
|
|
content: '\A';
|
|||
|
|
white-space: pre;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.memo-content-text,
|
|||
|
|
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-user-header,
|
|||
|
|
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.watermark-container ,
|
|||
|
|
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-time-footer
|
|||
|
|
{
|
|||
|
|
background:rgba(24, 24, 24, var(--share-card-background-opacity-cp));
|
|||
|
|
overflow: hidden;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share-memo-image-dialog>.dialog-container>.dialog-content-container.gradient .memo-container
|
|||
|
|
{
|
|||
|
|
--start-color: hsla(
|
|||
|
|
var(--share-card-background-color-h),
|
|||
|
|
var(--share-card-background-color-s),
|
|||
|
|
var(--share-card-background-color-l),
|
|||
|
|
var(--share-card-background-color-a)
|
|||
|
|
);
|
|||
|
|
--end-color: hsla(
|
|||
|
|
calc(var(--share-card-background-color-h) - 30),
|
|||
|
|
calc(var(--share-card-background-color-s) + 10%),
|
|||
|
|
calc(var(--share-card-background-color-l) + 20%),
|
|||
|
|
0.8
|
|||
|
|
);
|
|||
|
|
background: linear-gradient(117deg, var(--start-color,#ffc3a0), var(--end-color,#ffafbd));
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**********thino 加滚动条***/
|
|||
|
|
body.memos-scroll div[data-type=thino_view] .memolist-wrapper .memolist-container .masonry-memolist {
|
|||
|
|
max-height: 660px;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**********动态海报渐变显示***/
|
|||
|
|
body.memos-banner-gradient div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background {
|
|||
|
|
mask-image: linear-gradient(to bottom,black 50%,transparent);
|
|||
|
|
-webkit-mask-image: linear-gradient(to bottom,black 50%,transparent);
|
|||
|
|
}
|
|||
|
|
/**********隐藏头部信息***/
|
|||
|
|
|
|||
|
|
/* thino 隐藏头部信息 */
|
|||
|
|
body.memos-hide-header
|
|||
|
|
div[data-type="thino_view"]
|
|||
|
|
.view-header
|
|||
|
|
:is(.view-header-nav-buttons, .view-header-title-container) {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.memos-hide-header div[data-type="thino_view"] .view-header {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
background-color: transparent !important;
|
|||
|
|
top: 12px;
|
|||
|
|
transition: all 0.1s linear;
|
|||
|
|
transform: translateY(-15px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.memos-hide-header div[data-type="thino_view"] .view-actions {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.memos-hide-header div[data-type="thino_view"] .view-header:not(:hover) {
|
|||
|
|
transform: translateY(calc(-1 * var(--header-height)));
|
|||
|
|
transition: all 0.6s linear;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-info .moments-view-user-icon,
|
|||
|
|
div[data-type=thino_view] .moments-view .thino-moment-wrapper .thino-moment-icon
|
|||
|
|
{
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div[data-type=thino_view] .memos-moments-view .search-bar-container>.quickly-action-wrapper, .thino-canvas-filter-group .search-bar-container>.quickly-action-wrapper {
|
|||
|
|
top: 38px;
|
|||
|
|
left: 220px;
|
|||
|
|
right:0;
|
|||
|
|
}
|
|||
|
|
.is-mobile div[data-type=thino_view].tiny-view .section-header-container>.memos-header-search-section .memos-view-switcher-wrapper,
|
|||
|
|
div[data-type=thino_view] .memos-header-container>.memos-header-search-section .memos-view-switcher-wrapper {
|
|||
|
|
border-color: transparent;
|
|||
|
|
}
|
|||
|
|
/********moden 动态视图模式***/
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view]:not(.mobile-view) .memos-moments-view.modern .content-wrapper:has(.moments-view:not(.show-editor)) .section-header-container {
|
|||
|
|
border-bottom: 1px solid var(--border-color);
|
|||
|
|
padding-bottom: 8px;
|
|||
|
|
margin-top: 9px;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-show-editor-btn {
|
|||
|
|
top: 22px ;
|
|||
|
|
right: 0px;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .moments-view .moments-view-background-wrapper
|
|||
|
|
{
|
|||
|
|
position:unset;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .search-bar-inputer {
|
|||
|
|
width: 90%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .search-bar-container>.quickly-action-wrapper {
|
|||
|
|
right: 80px;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-view .moments-view-background-wrapper .moments-view-background {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-view .moments-view-background-wrapper .moments-view-background-overlay {
|
|||
|
|
margin-top: -20px;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view.modern) {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-info .moments-view-user-icon
|
|||
|
|
{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
margin-top: -12px;;
|
|||
|
|
}
|
|||
|
|
body.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-content,
|
|||
|
|
body.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-header
|
|||
|
|
{
|
|||
|
|
background: var(--bg-color-settings-0-1) ;
|
|||
|
|
}
|
|||
|
|
body.theme-dark.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-content,
|
|||
|
|
body.theme-dark.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-header
|
|||
|
|
{
|
|||
|
|
background: var(--background-primary) ;
|
|||
|
|
}
|
|||
|
|
body.thino-frosted-style-default:not(.is-mobile) div[data-type='thino_view']:not(.mobile-view) .view-content ,
|
|||
|
|
body.thino-frosted-style:not(.is-mobile) div[data-type='thino_view']:not(.mobile-view) .view-content {
|
|||
|
|
background: var(--bg-color-settings-2) ;
|
|||
|
|
backdrop-filter: blur(20px);
|
|||
|
|
width: 95% ;
|
|||
|
|
height: 95% ;
|
|||
|
|
margin: auto;
|
|||
|
|
box-shadow: var( --window-shadow2);
|
|||
|
|
border-radius:var(--radius-l);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.thino-frosted-style div[data-type=thino_view] .memo-editor-wrapper,
|
|||
|
|
body.thino-frosted-style div[data-type=thino_view] .memo-wrapper,
|
|||
|
|
body.thino-frosted-style:not(.is-mobile) div[data-type='thino_view']:not(.mobile-view) .view-content .status-text-container.sidebar .status-sidebar-wrapper .status-text
|
|||
|
|
{
|
|||
|
|
--memos-bg-lightgray: transparent;
|
|||
|
|
--memos-memo-border:transparent;
|
|||
|
|
--memos-memo-bg:transparent;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body:is(.thino-frosted-style,.custom-thino-background,.thino-background-color) div[data-type=thino_view] #page-wrapper:is(.memos-chat-view,.memos-moments-view,.memos-list-view,.memos-table-view,.memos-calendar-view,.memos-waterfall-view) {
|
|||
|
|
background: var(--bg-color-settings-2) ;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**memos 输入框移到下方***/
|
|||
|
|
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) #page-wrapper .memo-editor-wrapper {
|
|||
|
|
bottom: 0;
|
|||
|
|
margin-bottom: -145px;
|
|||
|
|
position: absolute;
|
|||
|
|
padding:8px;
|
|||
|
|
}
|
|||
|
|
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) .memolist-wrapper.completed {
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) #page-wrapper > .content-wrapper {
|
|||
|
|
height: calc(100% - 150px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) .memolist-wrapper {
|
|||
|
|
flex-direction: column-reverse;
|
|||
|
|
}
|
|||
|
|
body.memos-inputbox div[data-type=thino_view] .memolist-wrapper .memolist-container .list-view .masonry-memolist-grid_column {
|
|||
|
|
|
|||
|
|
flex-direction: column-reverse;
|
|||
|
|
}
|
|||
|
|
body.memos-inputbox div[data-type=thino_view] .common-editor-wrapper .common-editor-inputer
|
|||
|
|
{
|
|||
|
|
min-height: 78px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ==============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 .heading-collapse-indicator.collapse-indicator ,
|
|||
|
|
body:not(.default-icons).is-mobile h2 .heading-collapse-indicator.collapse-indicator ,
|
|||
|
|
body:not(.default-icons).is-mobile .heading-collapse-indicator.collapse-indicator {
|
|||
|
|
padding-left: 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.default-icons).is-mobile div.is-collapsed .heading-collapse-indicator.collapse-indicator {
|
|||
|
|
transform: translateX(10px) translateY(6px) rotate(-90deg)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.default-icons).is-mobile div.is-collapsed h1 .heading-collapse-indicator.collapse-indicator ,
|
|||
|
|
body:not(.default-icons).is-mobile div.is-collapsed h2 .heading-collapse-indicator.collapse-indicator {
|
|||
|
|
transform: translateX(10px) 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 .menu {
|
|||
|
|
background-color: var(--color-base-20);
|
|||
|
|
}
|
|||
|
|
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 {
|
|||
|
|
z-index:-1;
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.background-settings-workplace-background-image .workspace-tab-header-container,
|
|||
|
|
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;
|
|||
|
|
--bt-bubble-border-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 .workspace-leaf-content
|
|||
|
|
{
|
|||
|
|
border: none!important;
|
|||
|
|
}
|
|||
|
|
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;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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: 8px;
|
|||
|
|
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: 8px;
|
|||
|
|
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-files-container .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>');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.folder-note-underline .nav-folder.is-collapsed .nav-folder-title-content {
|
|||
|
|
text-decoration-line: underline;
|
|||
|
|
/* text-decoration-color: var(--text-faint); */
|
|||
|
|
text-decoration-color: var(--tab-color);
|
|||
|
|
|
|||
|
|
color: var(--tab-color);
|
|||
|
|
text-decoration-thickness: 2px;
|
|||
|
|
line-height: 1.6;
|
|||
|
|
text-underline-offset: 4px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* 添加彩色点 by 熊猫 2023-12-27_00:26:41 */
|
|||
|
|
.folder-note-dot .nav-folder .nav-folder-title-content
|
|||
|
|
{
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
.folder-note-dot .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title, .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
|
|||
|
|
|
|||
|
|
padding: var(--nav-item-parent-padding);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.folder-note-dot .workspace-leaf-content>.nav-files-container>div>.tree-item.nav-folder .nav-folder-title:after {
|
|||
|
|
color: var(--tab-color);
|
|||
|
|
content: "⬤";
|
|||
|
|
position: relative;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
top: 0px;
|
|||
|
|
right: 0.3rem ;
|
|||
|
|
opacity: 0.7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
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: 23px;
|
|||
|
|
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,
|
|||
|
|
body:not(.remove-file-icons) .nav-folder-title[data-path*="banner"] .nav-folder-title-content::before {
|
|||
|
|
filter: hue-rotate(45deg);
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3121' %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='%23adb5bd' p-id='3123'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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 {
|
|||
|
|
filter: hue-rotate(90deg);
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg t='1667450951795' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2272' %3E%3Cpath d='M867 219.7H233.6l28.6-40.6c0.3-0.4 0.5-0.7 0.7-1.1 2-3.2 5.5-5.1 9.3-5.1h128c3.9 0 7.4 2 9.4 5.2 8.6 13.8 26.7 18 40.5 9.5 13.8-8.6 18-26.7 9.5-40.5-12.8-20.7-35-33-59.4-33h-128c-23.7 0-45.5 11.8-58.5 31.6l-52 74h-5.6c-50.7 0-91.9 41.2-91.9 91.9V819c0 50.7 41.2 91.9 91.9 91.9H867c50.7 0 91.9-41.2 91.9-91.9V311.6c0.1-50.7-41.2-91.9-91.9-91.9zM900.1 819c0 18.3-14.9 33.1-33.1 33.1H156.1c-18.3 0-33.1-14.9-33.1-33.1V311.6c0-18.3 14.9-33.1 33.1-33.1H867c18.3 0 33.1 14.9 33.1 33.1V819z' fill='%23adb5bd' p-id='2273'%3E%3C/path%3E%3Cpath d='M800.1 304.5h-60.6c-16.2 0-29.4 13.2-29.4 29.4s13.2 29.4 29.4 29.4h60.6c16.2 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4z' fill='%23adb5bd' p-id='2274'%3E%3C/path%3E%3Cpath d='M544 730.9c79.5-18.1 129.5-97.5 111.4-177-4.3-18.8-12.2-36-22.7-51.2 2 34.8-23.8 89.4-70.8 136.4-45.5 45.5-99.9 69.1-134.4 69.4 32.9 22.5 74.6 31.9 116.5 22.4z' fill='%23FFD524' p-id='2275'%3E%3C/path%3E%3Cpath d='M511.3 379.9c-1.5 0-3 0-4.5 0.1-16.2 0.4-29.1 13.8-28.8 30 0.4 16.2 13.9 29.3 30 28.8 50.7-1 97 24.1 124.6 63.9 10.5 15.2 18.4 32.4 22.7 51.2 18.1 79.5-31.9 159-111.4 177-41.8 9.5-83.5 0.1-116.4-22.5-29.6-20.3-52.1-51.3-60.6-89-8.5-37.2-2.4-75.8 17.2-108.5 8.3-13.9 3.8-32-10.2-40.3-14-8.3-32-3.8-40.3 10.2-27.3 45.8-35.8 99.7-24 151.7 12.2 53.8 44.7 99.7 91.4 129.1 33.4 21 71.2 31.8 109.7 31.8 15.4 0 30.9-1.7 46.2-5.2 53.8-12.2 99.7-44.7 129.1-91.4 29.4-46.7 38.9-102.1 26.6-156-21.2-93.9-105.5-160.9-201.3-160.9z' fill='%23adb5bd' p-id='2276'%3E%3C/path%3E%3Cpath d='M416.8 465.9c5.3 0 10.8-1.5 15.6-4.5l4.5-2.7c14.1-8.1 18.8-26.1 10.7-40.2s-26.1-18.9-40.2-10.7c-2.1 1.2-4.2 2.5-6.3 3.8-13.7 8.6-17.9 26.8-9.2 40.5 5.6 8.9 15.2 13.8 24.9 13.8z' fill='%23adb5bd' p-id='2277'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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 {
|
|||
|
|
filter: hue-rotate(-90deg);
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg t='1667450617533' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2116' %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='%23adb5bd' 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='%23adb5bd' p-id='2119'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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+qBpoNihR6G2oiailqMGo3aj5q
|
|||
|
|
}
|
|||
|
|
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-wall.theme-light {
|
|||
|
|
--panel-page-background-url-theme: url("data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAA1HbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAANbwAACRkAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAMv2lwcnAAAAyfaXBjbwAAABRpc3BlAAAAAAAAAUcAAAJFAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQEMAAAADFRjb2xycHJvZgAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAAAAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+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+qBpoNihR6G2oiailqMGo3aj5q
|
|||
|
|
}
|
|||
|
|
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-header {
|
|||
|
|
background: var(--background-nonoverlapping-note);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-split.mod-root .workspace-tab-header.is-active
|
|||
|
|
{
|
|||
|
|
background: var(--background-nonoverlapping-note);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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-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-files-container>div>.tree-item.nav-folder .nav-folder-title:hover,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-file-title:hover{
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder .nav-file-title {
|
|||
|
|
color: var(--FoldText);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder .nav-folder-title.is-active,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover {
|
|||
|
|
font-weight: bold;
|
|||
|
|
filter: saturate(150%);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold0);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold1);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold2);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold3);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold4);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold5);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold6);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold7);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold8);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--Fold9);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--FoldA);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title+.nav-folder-children {
|
|||
|
|
--tab-color: var(--FoldB);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*=====folder colorful title=====*/
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title.is-active,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-file-title.is-active,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-file-title:hover{
|
|||
|
|
font-weight: bold;
|
|||
|
|
filter: saturate(150%);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title {
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold0);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold1);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-file-title{
|
|||
|
|
--tab-color: var(--Fold2);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold3);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold4);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold5);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold6);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold7);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold8);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-file-title {
|
|||
|
|
--tab-color: var(--Fold9);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-file-title {
|
|||
|
|
--tab-color: var(--FoldA);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-file-title {
|
|||
|
|
--tab-color: var(--FoldB);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title {
|
|||
|
|
color: var(--tab-color);
|
|||
|
|
filter: brightness(0.8);
|
|||
|
|
}
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder.folder-style-change-options-colorful-title:not(.folder-colorful-six) .nav-files-container>div>.tree-item.nav-folder .nav-folder-title,
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder.folder-style-change-options-colorful-title:not(.folder-colorful-six) .nav-files-container>div>.tree-item.nav-folder .nav-file-title {
|
|||
|
|
filter: brightness(2);
|
|||
|
|
}
|
|||
|
|
/*=====folder-colorful-custom=====*/
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order.folder-colorful-custom .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder .nav-folder-title.is-active,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.nav-folder .nav-file-title.is-active,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.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-files-container>div>.tree-item.nav-folder .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title.folder-colorful-custom .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.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):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-file-title {
|
|||
|
|
filter: var(--FoldB);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ===folder-style-change-options-colorful-borde============ */
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border).folder-colorful-custom:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border).folder-colorful-custom:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
|
|||
|
|
color: color-mix(in hsl, var(--folder-colorful-custom-color), white 38%);
|
|||
|
|
filter: var(--tab-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-border.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder {
|
|||
|
|
border-left: 2px solid var(--folder-colorful-custom-color);
|
|||
|
|
filter: var(--tab-color) ;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ===folder-style-change-options-colorful-tab-liked============ */
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder {
|
|||
|
|
border: 1px solid color-mix(in srgb, var(--folder-colorful-custom-color) 30%, var(--background-secondary));
|
|||
|
|
border-left: 2px solid var(--folder-colorful-custom-color);
|
|||
|
|
filter: var(--tab-color) ;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder.is-collapsed>.tree-item-self.is-clickable.nav-folder-title::before {
|
|||
|
|
|
|||
|
|
background-color: var(--folder-colorful-custom-color);
|
|||
|
|
filter: var(--tab-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.tree-item-self.is-clickable.nav-folder-title::before {
|
|||
|
|
|
|||
|
|
background-color: var(--folder-colorful-custom-color);
|
|||
|
|
filter: var(--tab-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* 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-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.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-files-container>div>.tree-item.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%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* 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-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold0);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold1);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold2);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold3);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold4);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold5);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold6);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold7);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold8);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--Fold9);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldA);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldB);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldC);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldD);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldE);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldF);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldG);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldH);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldI);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldJ);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldK);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldL);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldM);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldN);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldO);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldP);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldQ);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldR);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldS);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldT);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldU);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldV);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldW);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldX);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-color: var(--FoldY);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"],
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
--tab-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);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title +.nav-folder-children,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title +.nav-folder-children .nav-file-title.is-active {
|
|||
|
|
background-color: var(--tab-color, hsla(var(--interactive-accent-hsl), 0.25));
|
|||
|
|
}
|
|||
|
|
/* 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);
|
|||
|
|
|
|||
|
|
background:transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
border:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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 .titlebar,
|
|||
|
|
body .workspace-ribbon.mod-left {
|
|||
|
|
--titlebar-background: var(--titlebar-background-focused);
|
|||
|
|
border:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*==========*/
|
|||
|
|
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 .workspace-tab-container:fullscreen::before,
|
|||
|
|
body.background-settings-workplace-background-image.theme-dark .workspace-split.mod-root .workspace-tab-container: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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.background-settings-workplace-background-image .workspace::before {
|
|||
|
|
content: '';
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
top: -37px;
|
|||
|
|
right: 0px;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.snw-popover-container
|
|||
|
|
{
|
|||
|
|
--background-primary: var(--color-base-10);
|
|||
|
|
--text-highlight:var(--text-highlight-bg);
|
|||
|
|
}
|
|||
|
|
.snw-popover-container a
|
|||
|
|
{
|
|||
|
|
padding: 2px 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 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.background-settings-workplace-theme-light-blue-mountain.theme-light {
|
|||
|
|
--blue-mountain: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAA1HbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAANbwAAIRIAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAMv2lwcnAAAAyfaXBjbwAAABRpc3BlAAAAAAAABJEAAAMMAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQUMAAAADFRjb2xycHJvZgAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAAAAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+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+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p
|
|||
|
|
--theme-background: var(--blue-mountain);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.background-settings-workplace-background-image.background-settings-workplace-theme-light-in-the-note.theme-light {
|
|||
|
|
--in-the-note: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAA1HbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAANbwAAV/cAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAMv2lwcnAAAAyfaXBjbwAAABRpc3BlAAAAAAAABIgAAAMGAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQUMAAAADFRjb2xycHJvZgAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAAAAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+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+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p26
|
|||
|
|
--theme-background: var(--in-the-note);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.background-settings-workplace-background-image .workspace-tab-header-container
|
|||
|
|
{
|
|||
|
|
border:none;
|
|||
|
|
}
|
|||
|
|
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);
|
|||
|
|
--tab-background-active: transparent;
|
|||
|
|
--tab-outline-width: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIcSUNDX1BST0ZJTEUAAQEAAAIMbGNtcwIQAABtbnRyUkdCIFhZWiAH3AABABkAAwApADlhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAAF5jcHJ0AAABXAAAAAt3dHB0AAABaAAAABRia3B0AAABfAAAABRyWFlaAAABkAAAABRnWFlaAAABpAAAABRiWFlaAAABuAAAABRyVFJDAAABzAAAAEBnVFJDAAABzAAAAEBiVFJDAAABzAAAAEBkZXNjAAAAAAAAAANjMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0ZXh0AAAAAElYAABYWVogAAAAAAAA9tYAAQAAAADTLVhZWiAAAAAAAAADFgAAAzMAAAKkWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPY3VydgAAAAAAAAAaAAAAywHJA2MFkghrC/YQPxVRGzQh8SmQMhg7kkYFUXdd7WtwegWJsZp8rGm/fdPD6TD////bAQQQAA0ADQANAA0ADgANAA4AEAAQAA4AFAAWABMAFgAUAB4AGwAZABkAGwAeAC0AIAAiACAAIgAgAC0ARAAqADIAKgAqADIAKgBEADwASQA7ADcAOwBJADwAbABVAEsASwBVAGwAfQBpAGMAaQB9AJcAhwCHAJcAvgC1AL4A+QD5AU4RAA0ADQANAA0ADgANAA4AEAAQAA4AFAAWABMAFgAUAB4AGwAZABkAGwAeAC0AIAAiACAAIgAgAC0ARAAqADIAKgAqADIAKgBEADwASQA7ADcAOwBJADwAbABVAEsASwBVAGwAfQBpAGMAaQB9AJcAhwCHAJcAvgC1AL4A+QD5AU7/wgARCAHgAoADASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAECAwQFB//aAAgBAQAAAAD81uiraqi1atq6a1U1N3rs0zjO9Xp27zXXOGPL55q85rlxzmZkSeS6Kq2irTRo1dXVk1pvWtxrOLbvv6mNejGJjz8cazjm44M5kieS2lqtCqtVV1pvWU11W63KyVfV3XtefLlnGDnnjnnkzJInktpVrSaFW1Vu2qkvTpWtLFwt9LprrryZxNc5ccuOcy5kkknmpaWqqirbTVa0zLvtHRdppzNdets5825zZxz5YJEzmHmtFWlU0mlqmrWsx26S26ttcs3r10Rzzbpxxx5xMmZEeaqKtLVtFsrPRdXeN7NNF0mM7626uZqNYzx5YzJISCeWrRSqtaUUztqt60a0qNMxrd1pnrvjnOefPOMxWUInltKVUtq2qKzurb0W7bTC3Ntu+lm9zjjnjGc5mVISSea0Fqo0ttFXN001q229JnKm+hrtdXDhjnyyznJSJGZ57QKti1VpbZNW3Wlt0yLda6dtZ6NzGfPjnykmJQiRJ51KlpoFLWhNW2701Wc2rda6+ntnMrPHjnHLOWJQSRJ56tBZaFKtot1bray5lqr06+nvMNOXCccYxhmCwkTPBaCigWrVpq2t7RlaNdunbt0jpnyYxwxmZxJKEQx56pQstItFN6saWtkLTfbr07erp1vzvN04+XGZMSQQQx5rVFS0BVWzV0GrdSFarfXt17+/fr4fMzv53n5yTCEQlM+UoopZQq6qqq2gVrWt9enX09/R2z4/Nw8/DnJmIhC2J4xQVVUSta0lsaAqta113vv32OV5+fjyxmSpBCpJ5FALVqmbdXbNFrK3SXet9/XejnjnN6zjljjjJKECR4ygLVtLLV0hVuTTQ3rp7ey58/Fres5nLnzkLmoQR45ShbS2pVKlotpbq4vT0d+lzz4xdMTMmMwJICL4goXVLQLFKltq6t3jPbv0rnMW1jMSTMgZBB46RS21aBCiirdrrbHTtIktJhEkiCQRFeQAtVpZbGUtKLWrq6urq4ljZLzkMoqzMCFnlBQtUaCZWlFt3obupmGqEzmyRRJAlHlBULaooshdaYa1vWRpWS2hMmYUkEAeWgCrQopV1az21c4ihC2gyiFSQAR5igU0JUpVtturrUyxLbZgtVTMICCRViecKCrRbmS21bbbrTCLrW+XFVqiIIEqRRJ51BRaKuQurLbbrWc1brd48RbVQQCKZFjPACilsqwW1VXdki3WtTPHJaoEVACQJwAFUotiW1auukyyutVJjMlqgCwgIB5wAWgpUtW272zmLdWQmcKoAsEAgecoAtgopVt11rOYq1C5xBVQqWWAiFecUApFKFq71qkzKUozmCgAEWRLZwBQAFKatulWpkK0kucxQCxUCAnAUUABVttpbbrOULayTMooAEAhwBSgALVtqrbZIFqQzAFAEsCVxAFAAWraVqkgqoMwigABAcgBQFIVbaFtSFUQkQAoCBBzAKCgQq6ssVSFVUSEQCgQCGAFAUCFtohbKLQkgiAoQAGCgVAoCLdIgtCqEkikAAAGCgAFAS22QFAtWEyAAEAGFWUABQRaCkAa0JMgBFEAGCqAACkVQEAtqoygACkAYFUhQAApQIhVUJAKQKQBgKAUABQoJAWgQBQKktgcwAoUAAoUSALSCUFAKocQAKKAAKKIgCgAKFFUcAAChQAFAEAKlAChSi8AABQUABQBAALKlCgqnEAACgoACgEgoAFChRyAAAUFAABSIFAAUKKcgAAAUFAAAEKAAFUHMAAACgUAACCgEoAqnMAAAAKCgABBQQCgKYAAAABQBQACUQhSgC4AAAAACgUABAgKUAZAAAAAAoBQBCpAUoB//8QAFwEBAQEBAAAAAAAAAAAAAAAAAAECA//aAAgBAhAAAADdKpS22y3ZLdFYZmJJOdKUpdUuqF0EYxEywKKpVs2tqN1ms4zEjnRS0F0tomrqWTGYkMAVaFttsLdaTGJkI50ClFttFvSmM4mVRMUApVXSK300mMZzATnSgFpaLd71ZOMzAOQpQqlDWt9EvPnkgOQVQpRV111MrnOIWDkFoKFqzfRmWJIQOQtFgKttorKEA5FKAWW1UWpAIs5gtAtUEUIAOYLSKW2LWCgJYswBQpai1mKAA5lAVTSKJFAlIwKAW2kFkAAMAqKWlslEAAMAKC0AEUAMAoCigIAAyKAKhRUQACFQoABakAAgAoAAABUzQAoBCgBVOdlABQEKAKrmKABQIUANOYKABQQpCisAUAAUgBQyAFAAAAU//8QAGAEBAQEBAQAAAAAAAAAAAAAAAAECAwT/2gAIAQMQAAAA5yJkkkkmJc45xvOM25nZvXa61e8iSIkkzheecSmcot126at1e8iRIkjMl5TOZNzlGzp23bdu0iJJEJnMzmRN4xmy77dNLV7yESSIkmMzGrJnnnO+3XW6LrtCIiSGZiZWTn50d+vXW0XV7ZCESRnMwqTl5sXXbvverKt75IESMGZCZ4ccm/Xrdql9EIgZyiREzz4+drPp77tqxfSgzEuciWSTn5OeurPTr1oVfSRMoQhmTN5ed01Lq7q0r0CSRLUJM5zMKja2miu5CRCpLnEZVIuqLQ9CEQRMyYasmpEtpaDuQkS2ZZmLZl1SFFLF7BEQSTMtxm9NSALLTtAQhJOTaZrdQCizsQCGZnMtsi6sAFOogCZkZmrItoAK6AgEyklsStAAXYgBJASLVACtIADJUJFtABaQAIJRItFSgoEAIKQUlQDQBABKABEQ6wAQAAAIiOqABAApACI6EAAgAsACNhAAIAqFEDQEAAICgIP/xAApEAADAAIBAwQDAAIDAQAAAAAAARECECASITADMUBQE0FgUXAEYXGQ/9oACAEBAAE/APkzitsRYmJn69zHLuJ7u2PSIJCVZjVC4z3Hml2MX
|
|||
|
|
--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,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIcSUNDX1BST0ZJTEUAAQEAAAIMbGNtcwIQAABtbnRyUkdCIFhZWiAH3AABABkAAwApADlhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAAF5jcHJ0AAABXAAAAAt3dHB0AAABaAAAABRia3B0AAABfAAAABRyWFlaAAABkAAAABRnWFlaAAABpAAAABRiWFlaAAABuAAAABRyVFJDAAABzAAAAEBnVFJDAAABzAAAAEBiVFJDAAABzAAAAEBkZXNjAAAAAAAAAANjMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0ZXh0AAAAAElYAABYWVogAAAAAAAA9tYAAQAAAADTLVhZWiAAAAAAAAADFgAAAzMAAAKkWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPY3VydgAAAAAAAAAaAAAAywHJA2MFkghrC/YQPxVRGzQh8SmQMhg7kkYFUXdd7WtwegWJsZp8rGm/fdPD6TD////bAQQQAA0ADQANAA0ADgANAA4AEAAQAA4AFAAWABMAFgAUAB4AGwAZABkAGwAeAC0AIAAiACAAIgAgAC0ARAAqADIAKgAqADIAKgBEADwASQA7ADcAOwBJADwAbABVAEsASwBVAGwAfQBpAGMAaQB9AJcAhwCHAJcAvgC1AL4A+QD5AU4RAA0ADQANAA0ADgANAA4AEAAQAA4AFAAWABMAFgAUAB4AGwAZABkAGwAeAC0AIAAiACAAIgAgAC0ARAAqADIAKgAqADIAKgBEADwASQA7ADcAOwBJADwAbABVAEsASwBVAGwAfQBpAGMAaQB9AJcAhwCHAJcAvgC1AL4A+QD5AU7/wgARCAHgAoADASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAECAwQFBv/aAAgBAQAAAAD81Gcc8SQSCSAUpaFUAlQoIJAaoPoRnDOcYkBEgKKtAFAAAQkBbQ+hDMkxxZIQQFoWhCgCkAREqEulPeJIzyZxCRSAtsLFRSFUCBIQqBdD21SsZmMZwRKENUCoAS2pBIQABar2WtWpJjOeecAEi1Q1IAF3MxGYgopFVa9da1skTDHPnM0iyIWqsABdsJJlEFKItqvYu90EkzjOMTIEkKtAFWTSJJJIFBC1a9t6btIQScuUzC5kkiqSqWiSkSSJApALT376aqkIqYznMqc85zIWBVUVIskiJAAgo+h16aTVQktmZlKxjGc5hEUoLSJJJECFERQ+h066jVtkmbJFmdJOWZM4hCpS1SSZZSEAUkA9XTv0zdXdjPPOY1dS3U5YSc8yALq0kkmZEiCFCID0XpdbutLZnOZFu9a6TnnJjOc5gNdBJMpJJIkABEK9A1u6uuhM84S7u+2meeUkyziQ10qZzIkiSSQQAgPRSrq9O1mOWFrV1ro1rPOZzGtM4zV1pnGJCZjMkIQAD0gXXTvefPElut1Yu9ZmcyOnW45UaM5xmGZJmQiAIK9ClTWuzjIW62ipdokkb6sYzd6RM4zlJmZiIgIBe9tg1dXnC26pVWqLk0zjnNdOkSTGJJM5JIgIA9C1S6Zg1bbStbLZNaIxz5Zb6azMyYMyZkSEBAXutoqBd20tt12utTHPptJnnjllqs5hEzJmJEQBCu6rQC63q01vbe9LJGkMcsYiY5wEkmUSIgCK7ltCl1ve9JrfTVaAgJnM54xy5wRJEiIkQAO5bRVu976a1W7dWgIkEyzx4YxlCSIhEiIAO6rQ106b3db1NbW6BCJmUk5+XjiCTMAhJEBBexbRd999LdrdabtIEhMZxMzjxzgJmQUhJIgA7pbVt326dJrbWrd2iBEkxyzz48+UKSSABJIiAO4Wtb1rt0utXerq6WSCVMYxjWOHk5xbqSEACSRADpaVW+m+mumm+mtXVMwBOPLLXLl5eUN6mQIVbJMyIA21VU10666a106at6TmtAZ445Zs8vLnldbzFVIWqkmcxANGlug69eut9J206Y5c+Xt0FTDlnPPzceeY1oLUhaCTMzEChbqqXbp22zd8Jvn6vVszOupnlM54+LnnK6opEtC1mZzJAgWtUFt2w61rXb19jM6as5xnl4OGItUCKC1kxmQMiqUFt1Yt31zfd23pdUmZnh5uHDFsWhAC2QmZBMFUAW0XV106dOvbfTroSZk4Y83DgCghSAJmBOaqAC2Rq6vo16vUXt2SJzxnGfP5OaACAhQmYDkoFAVFt3239D1atd2ZMfO4+S9d8ss4ARAgtJkI5FIUUUqt79n0O3p1WYnDx/I55l312ziAiCAqpIF81ogqqW0rV9Xu36vVb5Pk+v0+b5vi5pd76bzIEJAChBTyVUBVWratavfp6vX6eXz/AAcfRz58cQut9dMkEQCiBSzyBQFLbVq23r7OzzePniDEir16UQIhQRBZa8gCgFtpV1rt6s5vj4ZFkgt1rViiotISEIuvKAUAqqtutb05c8ZhSIq20paRRdIkJF4ACgFVVt1q3HOZkBAqil1IBdaqQmTkAFAUqrbrVYxiQEAoUtkA1dVCQ5AAoKVVuqusTGJACCihUAttoSOYAKClurdapnniZgAgKKACrVDLAAFFLbvda3vHPjzkgBAFKAAWipmAAUU1db73fSZxx588wEIQFUACFCkAEUULdb69+++PPlzc82pJGYQi0BREAUAACqFuumukmYQEmZERIWBRakggKUABQarWqjRCFSCSZkWAtXVZTMgDUFAltg0LoiqQQtlSZBAurdFYYyBECgXSItltCFIkkurQAFWhdMwkJnMStCS63EJC22yCIQKopQBSWl3jOYOZLrdMZb0DMi62JIkIEVSqFIlUQ2Ywt40a3UkW22Ii6okkREEpVKUBKtZlW3EvTxqW2pVWiK0CSQiCFKKoFCiC66zp6/giqpS0IttISIggCqUFUBQt6dd9Ph0VQpQhdUIREABVFlChC2LQ/8QAGgEAAwEBAQEAAAAAAAAAAAAAAAECAwQFBv/aAAgBAhAAAAD6acsss85SQDKoC2kaCmUQitGeslOGWWcoApvWYTbsZCmUgVaV6bpxGGGMgK27rOQL0nKYQADq/TrUCMcMoREFVaCqKzxmUDBU37GrBhGGZOWEMCtaCcoUoAQN+1uA2Spcc8Y5ym7uieeZQgAA7+q9KJzh3peERjlBW1qcsZlIAEB06Xeu6wh1ru84zRnN2ss8omUIQAdLqterDNXqDuYnTXFWTlllnMiEAG1utazLqiqpqh5YVtMZY5xIhABtVXYq0srTXRy2scJMZnOISQgA2d3TvXe3oAAwMeXmyUpJJIANy9Hv0a6NJAMbS5uOcpgEJIEG5Wm23TpSUgwHUcXCqmZACUgDSnWu/TtcpAwLieDgLECKqIkQUO6rffe0J2CdzwefLoZNaU88YQmDbHprO2unUiRuPN5qKEFXSzxgEDAbHp1de6gG74+OE0IY2sUiQBgxvq9Ckh58cbvOJlIQNxIZgDGOnp39COe/P5S+q4iUgAEM5wAY23WnfvyefKSK2cgACQisAAGMbrbbkyQIGxjAKEkQADBg6q5ylAgYDEFMESAAxlaa658sIBAAwAGDSAAY3Xd0Tz8uYJJAMAEAwAYAwrXWSEiUJSAMYkgKAYMBtgBIMQAOrbiJJAbRQJVZKEgGMYADd5QSFNDoRVEykCGDYAMRVa8IxgwCmJJAAMAYxMet/wD/xAAZAQADAQEBAAAAAAAAAAAAAAAAAQIDBAX/2gAIAQMQAAAA8F6Xd7U3QISzbWQ2ZDum7ZOMnC29L11pjCEc96OScyXV3TYxYRyJKq012tpuIM
|
|||
|
|
--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,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIcSUNDX1BST0ZJTEUAAQEAAAIMbGNtcwIQAABtbnRyUkdCIFhZWiAH3AABABkAAwApADlhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAAF5jcHJ0AAABXAAAAAt3dHB0AAABaAAAABRia3B0AAABfAAAABRyWFlaAAABkAAAABRnWFlaAAABpAAAABRiWFlaAAABuAAAABRyVFJDAAABzAAAAEBnVFJDAAABzAAAAEBiVFJDAAABzAAAAEBkZXNjAAAAAAAAAANjMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0ZXh0AAAAAElYAABYWVogAAAAAAAA9tYAAQAAAADTLVhZWiAAAAAAAAADFgAAAzMAAAKkWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPY3VydgAAAAAAAAAaAAAAywHJA2MFkghrC/YQPxVRGzQh8SmQMhg7kkYFUXdd7WtwegWJsZp8rGm/fdPD6TD////bAQQQAA0ADQANAA0ADgANAA4AEAAQAA4AFAAWABMAFgAUAB4AGwAZABkAGwAeAC0AIAAiACAAIgAgAC0ARAAqADIAKgAqADIAKgBEADwASQA7ADcAOwBJADwAbABVAEsASwBVAGwAfQBpAGMAaQB9AJcAhwCHAJcAvgC1AL4A+QD5AU4RAA0ADQANAA0ADgANAA4AEAAQAA4AFAAWABMAFgAUAB4AGwAZABkAGwAeAC0AIAAiACAAIgAgAC0ARAAqADIAKgAqADIAKgBEADwASQA7ADcAOwBJADwAbABVAEsASwBVAGwAfQBpAGMAaQB9AJcAhwCHAJcAvgC1AL4A+QD5AU7/wgARCAHgAoADASIAAhEBAxEB/8QAGwABAQEBAQEBAQAAAAAAAAAAAQACAwQFBgf/2gAIAQEAAAAA8dUszMzMyzTTTTTMszUzSzSzMFFT8XMzM0y0ss0000zM0stTMzMzMmWKp+LiZmaWZZmZppmalmZZpmZmZmoqqr4RLNNLK0yzTNMzS0szNMszM1NEVN8CZpaZVpmZmlpplmZlmaWaaZmoCq+DLUszK0tMzMzNMytLMyzTNLSkWczfBlppZllppWmWmaWWZlZqWWmZqACvhTUzMszSyzMzMzNMssrUsy0zMQEHwmpmZmaWWWmZZmmZllZmZZplqrMUfn9TNNLSzSszLLTTMzLMrMszMzUBUfntM0zTMtLLLTLTM0syysyyzS1VBUfnXS1M0tMzKy0tLTNMsrLMssy1VAVfnHS0tMzTMyyzMzM0zKzKyyzMzREMfnFWZmaZlpaWWZmlpmVllWZmaaoqj84rM0tMzMyzMtLM0zLLK2pmaaaqor822plpWmmWlpZmZZmmWVZWaZpqmKr80qsszTMzTMzLMyzMzKyyzMtNU0Vn84qszNMzMzUzKzMszMsrMszMzVMXk8fgVZWaaWWmpmZWZZaWWlllmZmmqvifnuP19KulmKl0szTLMsssstMzKyzTPO60x+K+Ry/RLp0rVKC6dM6tMyyrMyzNLLMs35ry31Pm/o/YtH5j8x5/0utOVW0kVl1rS66b0zMsyrSzM0syt4/x3h3ej9V9PvXh+X8L5PH9Gaszu3qimrWta6d+iszLLLNKzTMzz5eb8t83O/Z7D9X77z/mPgceGfstOpd6XTVad76d+m9stMrSzLMzTL4Py3n8/ny9/R9D9J7+nh/KfN8uOWPqaV1Ot9HWm09Om+3TppZmZmZpZZZqWx+I+VYznXXv6fZ6u/n+L5M7xy9rp1tdb302669+vTelaWaZmmmWVmaZ8H4Tz3WxkTfr9G/l+bLY92tOturpvpt6dunXW971qZpmmaWmWWaZvP8AA649nnx6fg/P4Z9Po8eOHPNn6KulV1vXTpvp07b69N706ZqZmmmZWZmmxjrqc/J+L8/wde3j4cgyfRVqlda3rW976dO3ftvpvTpppmmpZZmZprn+W+j0/NcExx8nHmRfa6+bI1M7db3re+nTt27ejfTWmZmpppaWZmp4/lvDwxrNHl8fLAN97WMWVp6Wunf0W++uvb1NtZmmZqmmWZpz5vx2unm44pLPHycOeSvu6resa673ufofc7fO3rLvTNNMzNNUzMzXzPzOvAWsZqrPDzcufMj7g61069OnTff0dPZ6tcZpabj5jj3+hummqZpo+D8zt8vGclZjMnE5efGQPtYJ3vXb09u/2s9d6rz+fw+zbzx4/m8jfb0fqPRNNTNPL5vi+V80ZZs5MlccBxxkzfUcTa3t19f6vu6TZ/LfP48tDrp1zjXo6+79Pppmpnj/AD/zEWpdTkzgM8LOeeTIe7ROunb1a5+/7Xq9E3H8T8rJOnfXocunr9f1N/Z76pZp/P8A4znp1MpreLOLHPjnMczIepl326fqNY+xz9jNeD8d8rDojXTerp6+3Y+j+h9HD0Mzef8AmnJnVqJsrnOMccZjEZura33+j5PofT4frK0yPm+D+d4HDBa1q3331129v6Lv7dScufg/C8853pmoxnWM2eWCMhZ9Fb6en9H9DfpvWmo3Vy/KeL5Pn5ita6a766e31/pfe418f4HDHh4+d7NZ1txgxztZ55iMzj9H5c+vjv8ARfc6aWZrl1/L/A8vDGMFMut+zrz79/R3scdPiufh8+9aA1psnPnlM5hTIffuly6fb+l9TzfL9f0u1V+Zz+e8nI1yxkrS9++zj2329PTXDlux4fJzrpE6nOc88SZkqL7HTXLO+nX6fPz793p+t768H4vxc+OrOM5LT0td7l0fQ3Xed83y+bjyNOU3ZzYyHS5kUmvfvvnWtm47O/X776Pi+Dy8HIyGQnXUz06Ght+rcYufi4ZlzY1YrG0sgUNe56dE6ZtZ69er00azz8GOfEM2Rd9InW93bmhD5+WBsmaSGzQgLH0bnrTq3nW+mjW+T0xy5c+WAbJWtS6ar1cubdeXDlmiIQaKYqm+rnGGjXSzrrrTi6XHFz545la1BLpNbu3q5mDzceeZCKqiqqar6EL3cZxYnVvWt3PGTmGMAu3VW9d97tGdefy8sTrOaxMwlVSl9ChdWoyYzTvpAZ55ozjKy7nfoM51qOHPE+jo8vPvrzx6+2PK1g6Yzvt36+EmqaEKmgqIbBvWsOo3vOZC5XVetmnVa6Vu32xvPXp16+f8xRVNFTSQRFLNVarW2zWHSqZGtauriZ1rT19P19eH8dFVVVEtFmiqqpnXTpb3u1vOUqmgznPVq3Rv2+7p05Y/DVVVLTQ2ZYolqZlZzbOdFitS6IYubUrnz10pmmmSaJaWZldOl1rSkFkDBFUFkqiAiOdLaqWakqWabVpXWnW9O1MwYM0QQWYACAguM6JZdVJDZVaa060rpdW5qjNmrNmIzAAFARwVVi1vWSdc0pJZnS6dPRemR3BiCyRBRmLNmgIODLtZN6znRVhrRJqWdrt2zsaMhmKCsOUMkRGUONaF2s7isaTEC6NOXZ0tO9VvWbLvOcwEOUAs0ZoCLhnWlaTdorQkRS2hVd2nPfnZmiKy50NjOsuctmixw73kddLctobWd5AUtTnUs6tLrazg1VjDkzWVrI4bFXHyXbr/AP/EABkBAQEBAQEBAAAAAAAAAAAAAAABAgMEBf/aAAgBAhAAAAD74AAQRCEIgO1AEAhEQRCA70AQgREIQiCu6gQQiCEhEIK70pAiIIRERCA9NAQiEEREREA9QBBEQgkSEQD1wAREQhCSIQD1oAgiIhESIQhv0kKkIIiIhEhCOnfQBJCIiJBETt1nn53vrVpSJJkiJCITp0015+XpvPqLTMki
|
|||
|
|
--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,15
|
|||
|
|
--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;
|
|||
|
|
z-index:-1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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.background-image-settings-command-palette-custom.background-image-settings-command-palette-switch .modal-container .prompt::before {
|
|||
|
|
background-size: auto;
|
|||
|
|
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.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 ======= */
|
|||
|
|
/* ================================== */
|
|||
|
|
.obsidian-banner-wrapper {
|
|||
|
|
margin-top: 0px;
|
|||
|
|
padding-top: 0px;
|
|||
|
|
}
|
|||
|
|
.mod-header:has(+ .obsidian-banner-wrapper) .metadata-container
|
|||
|
|
{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.mod-header:has(+ .obsidian-banner-wrapper) .inline-title
|
|||
|
|
{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.mod-header:has(+ .obsidian-banner-wrapper) {
|
|||
|
|
margin-top: var(--banner-height);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.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-primary:#202020;
|
|||
|
|
-webkit-print-color-adjust: exact;
|
|||
|
|
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 .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 0.1em 1em 2em;
|
|||
|
|
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 .cm-s-obsidian span.cm-link a {
|
|||
|
|
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-formatting-header ~ .cm-foldPlaceholder,
|
|||
|
|
body.funny-header-anim.clutter-free-headings .cm-active .cm-formatting-header ~ .cm-foldPlaceholderr{
|
|||
|
|
transition: margin-left 333ms;
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
.markdown-rendered ul ul, .markdown-rendered ol ul, .markdown-rendered ul ol, .markdown-rendered ol ol
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
margin-block-start: calc((var(--paragraph-spacing) - 1) * 1em);
|
|||
|
|
margin-block-end: calc((var(--paragraph-spacing) - 1) * 1em);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/* 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: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.title-justify-start .view-header-title-container {
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.search-input-container input:hover {
|
|||
|
|
box-shadow: var(--window-shadow-hover);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.memo-context-menu{
|
|||
|
|
background-color:var(--bg-color-settings-3);
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
}
|
|||
|
|
.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 {
|
|||
|
|
backdrop-filter: blur(10px);
|
|||
|
|
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: calc(-1 * var(--ribbon-width) + 1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
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: calc(-1 * var(--ribbon-width) + 1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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: calc(-1 * var(--ribbon-width) + 1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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.mod-windows.hide-titlebar-close-btn.is-hidden-frameless:not(.show-ribbon) .titlebar-button.mod-logo
|
|||
|
|
{
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
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:not(.tab-title-bar-position) .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:not(.color-scheme-options-simplicity-topaz).theme-light .workspace > .workspace-split.mod-left-split {
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.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) );
|
|||
|
|
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 .workspace-tab-header-container
|
|||
|
|
{
|
|||
|
|
background-color: transparent;
|
|||
|
|
--tab-background-active: var(--background-primary);
|
|||
|
|
}
|
|||
|
|
body.bt-bubble-layout.theme-dark.background-settings-workplace-background-image:not(.color-scheme-options-simplicity-topaz) .workspace-ribbon.side-dock-ribbon.mod-left
|
|||
|
|
{
|
|||
|
|
background-color: var(--background-secondary-alt);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.background-settings-workplace-background-image.theme-dark:not(:is(.color-scheme-options-simplicity-topaz,.hide-left-ribbon,.hide-left-ribbon-retention-drawer,.bt-bubble-ribbon-hide-left)) .workspace-ribbon.mod-left:after {
|
|||
|
|
|
|||
|
|
width: var(--ribbon-width);
|
|||
|
|
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background-color: var(--background-secondary-alt);
|
|||
|
|
content: " ";
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
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:not(:is([data-type="file-explorer"],[data-type="mk-file-view"])) {
|
|||
|
|
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.theme-dark.color-scheme-options-simplicity-topaz.bt-bubble-layout.bt-bubble-not-file-tree:not(.background-settings-workplace-background-image) .workspace-leaf-content:is([data-type="file-explorer"],[data-type="mk-file-view"]),
|
|||
|
|
body.theme-dark.color-scheme-options-simplicity-topaz.bt-bubble-layout:not(.background-settings-workplace-background-image) .workspace-split
|
|||
|
|
.workspace-leaf-content:not(:is([data-type="file-explorer"],[data-type="mk-file-view"])) {
|
|||
|
|
|
|||
|
|
background-color: var(--background-primary-alt);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-bubble-layout.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header,
|
|||
|
|
body:not(.is-mobile).bt-bubble-layout.color-scheme-options-simplicity-topaz:not(.background-image-settings-switch) .workspace-split.mod-root .view-content
|
|||
|
|
{
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
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 .workspace-split .workspace-leaf-content
|
|||
|
|
{
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
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:not(.color-scheme-options-simplicity-topaz) .workspace-tabs.mod-active .view-header,
|
|||
|
|
body.background-settings-workplace-background-image .workspace-split.mod-root .view-content,
|
|||
|
|
body.background-settings-workplace-background-image:not(.color-scheme-options-simplicity-topaz) .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:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container {
|
|||
|
|
padding: 0 0 0 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder > .tree-item-children.nav-folder-children {
|
|||
|
|
border-left: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.default-tabs):not(.remove-arrow) .nav-folder-collapse-indicator::after {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-border .nav-files-container>div>.tree-item.nav-folder {
|
|||
|
|
border: 1px solid var(--background-modifier-border);
|
|||
|
|
margin: 5px 4px 5px 0;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
border-left: 2px solid var(--tab-color);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder {
|
|||
|
|
border: 1px solid color-mix(in srgb, var(--tab-color) 30%, var(--background-secondary));
|
|||
|
|
margin: 5px 4px 5px 0;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
border-left: 3px solid var(--tab-color);
|
|||
|
|
}
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder {
|
|||
|
|
border: 1px solid color-mix(in srgb, var(--tab-color) 15%, var(--background-secondary));
|
|||
|
|
border-left: 3px solid var(--tab-color);
|
|||
|
|
}
|
|||
|
|
body.is-mobile.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder {
|
|||
|
|
border: 1px solid var(--background-modifier-border);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item.nav-folder.is-collapsed:hover {
|
|||
|
|
background-color: color-mix(in srgb, var(--tab-color) 30%, var(--background-secondary));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item.nav-folder.is-collapsed .tree-item-self.is-clickable.nav-folder-title:hover
|
|||
|
|
{
|
|||
|
|
background-color:transparent;
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-folder-title:hover {
|
|||
|
|
background-color: color-mix(in srgb, var(--tab-color) 20%, var(--background-secondary));
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title.is-active,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title.is-active:hover,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title:hover {
|
|||
|
|
background-color: color-mix(in srgb, var(--tab-color) 20%, var(--background-secondary));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
|
|||
|
|
|
|||
|
|
color: color-mix(in hsl, var(--tab-color), black 20%);
|
|||
|
|
}
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
|
|||
|
|
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
|
|||
|
|
|
|||
|
|
color: color-mix(in hsl, var(--tab-color), white 38%);
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder.is-collapsed>.tree-item-self.is-clickable.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 .nav-files-container>div>.tree-item.nav-folder>.tree-item-self.is-clickable.nav-folder-title::before {
|
|||
|
|
content: "";
|
|||
|
|
width: 13px;
|
|||
|
|
height: 20px;
|
|||
|
|
position: absolute;
|
|||
|
|
margin-left: -37px;
|
|||
|
|
border-radius: 3px 0px 0px 3px;
|
|||
|
|
background-color: var(--tab-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+2)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+2) {
|
|||
|
|
--tab-color: var(--Fold0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+3)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+3) {
|
|||
|
|
--tab-color: var(--Fold1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+4)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+4) {
|
|||
|
|
--tab-color: var(--Fold2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+5)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+5) {
|
|||
|
|
--tab-color: var(--Fold3);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+6)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+6) {
|
|||
|
|
--tab-color: var(--Fold4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+7)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+7) {
|
|||
|
|
--tab-color: var(--Fold5);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+8)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+8) {
|
|||
|
|
--tab-color: var(--Fold6);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+9)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+9) {
|
|||
|
|
--tab-color: var(--Fold7);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+10)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+10) {
|
|||
|
|
--tab-color: var(--Fold8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+11)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+11) {
|
|||
|
|
--tab-color: var(--Fold9);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+12)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+12) {
|
|||
|
|
--tab-color: var(--FoldA);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+13)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+13) {
|
|||
|
|
--tab-color: var(--FoldB);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+14)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+14) {
|
|||
|
|
--tab-color: var(--FoldC);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+15)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+15) {
|
|||
|
|
--tab-color: var(--FoldD);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+16)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+16) {
|
|||
|
|
--tab-color: var(--FoldE);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+17)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+17) {
|
|||
|
|
--tab-color: var(--FoldF);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+18)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+18) {
|
|||
|
|
--tab-color: var(--FoldG);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+19)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+19) {
|
|||
|
|
--tab-color: var(--FoldH);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n) {
|
|||
|
|
--tab-color: var(--FoldI);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+1)::before,
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+1) {
|
|||
|
|
--tab-color: var(--FoldJ);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.remove-first-folder-icon .nav-files-container>div>.tree-item.nav-folder>.tree-item-self.is-clickable.nav-folder-title .nav-folder-title-content::before
|
|||
|
|
{
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border).folder-icons .nav-folder-children .nav-folder-title-content::before
|
|||
|
|
{
|
|||
|
|
background-color:var(--tab-color);
|
|||
|
|
filter:none;
|
|||
|
|
opacity:0.5;
|
|||
|
|
}
|
|||
|
|
body.folder-colorful-custom.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border).folder-icons .nav-folder-children .nav-folder-title-content::before
|
|||
|
|
{
|
|||
|
|
background-color:var(--folder-colorful-custom-color);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
body.folder-colorful-custom.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.remove-file-icons) .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before
|
|||
|
|
{
|
|||
|
|
background-color:var(--folder-colorful-custom-color,var(--text-folder-file-icon));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.remove-file-icons) .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before
|
|||
|
|
{
|
|||
|
|
background-color:var(--tab-color,var(--text-folder-file-icon));
|
|||
|
|
filter:none;
|
|||
|
|
opacity:0.5;
|
|||
|
|
}
|
|||
|
|
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.default-icons):not(.remove-arrow) .nav-folder-collapse-indicator::before
|
|||
|
|
{
|
|||
|
|
color:var(--tab-color);
|
|||
|
|
}
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modal.mod-settings .vertical-tab-content-container {
|
|||
|
|
background: var(--bg-color-settings-6);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/***checkbox***/
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
input[data-task="\""]:checked,
|
|||
|
|
input[data-task="“"]:checked,
|
|||
|
|
li[data-task="\""]>input:checked,
|
|||
|
|
li[data-task="\""]>p>input:checked,
|
|||
|
|
li[data-task="“"]>input:checked,
|
|||
|
|
li[data-task="“"]>p>input:checked {
|
|||
|
|
background-position: 50% 50%;
|
|||
|
|
background-color: var(--green);
|
|||
|
|
border-color: var(--green);
|
|||
|
|
background-size: 75%;
|
|||
|
|
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.theme-dark input[data-task="\""]:checked,
|
|||
|
|
.theme-dark input[data-task="“"]:checked,
|
|||
|
|
.theme-dark li[data-task="\""]>input:checked,
|
|||
|
|
.theme-dark li[data-task="\""]>p>input:checked,
|
|||
|
|
.theme-dark li[data-task="“"]>input:checked,
|
|||
|
|
.theme-dark li[data-task="“"]>p>input:checked {
|
|||
|
|
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
|
|||
|
|
body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
|
|||
|
|
body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
|
|||
|
|
color: var(--text-faint);
|
|||
|
|
text-decoration: line-through solid var(--text-faint) 1px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input[data-task="*"]:checked,
|
|||
|
|
li[data-task="*"]>input:checked,
|
|||
|
|
li[data-task="*"]>p>input:checked {
|
|||
|
|
color: var(--yellow);
|
|||
|
|
background-image: none;
|
|||
|
|
background-color: currentColor;
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input[data-task="l"]:checked,
|
|||
|
|
li[data-task="l"]>input:checked,
|
|||
|
|
li[data-task="l"]>p>input:checked {
|
|||
|
|
color: var(--red);
|
|||
|
|
background-image: none;
|
|||
|
|
background-color: currentColor;
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* n — Note */
|
|||
|
|
|
|||
|
|
input[data-task=n]:checked,
|
|||
|
|
li[data-task=n] > input:checked,
|
|||
|
|
li[data-task=n] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-position: center;
|
|||
|
|
background: none;
|
|||
|
|
background-color: var(--blue);
|
|||
|
|
transform: rotate(45deg);
|
|||
|
|
-webkit-mask-size: 120%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
input[data-task="S"]:checked,
|
|||
|
|
li[data-task="S"]>input:checked,
|
|||
|
|
li[data-task="S"]>p>input:checked {
|
|||
|
|
border-color: var(--green);
|
|||
|
|
background-color: var(--green);
|
|||
|
|
background-size: 100%;
|
|||
|
|
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.theme-dark input[data-task="S"]:checked,
|
|||
|
|
.theme-dark li[data-task="S"]>input:checked,
|
|||
|
|
.theme-dark li[data-task="S"]>p>input:checked {
|
|||
|
|
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* i — Info */
|
|||
|
|
|
|||
|
|
input[data-task=i]:checked,
|
|||
|
|
li[data-task=i] > input:checked,
|
|||
|
|
li[data-task=i] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
color:var(--text-normal);
|
|||
|
|
background-position: center;
|
|||
|
|
background-size:25%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 192 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M160 448h-32V224c0-17.69-14.33-32-32-32L32 192c-17.67 0-32 14.31-32 32s14.33 31.1 32 31.1h32v192H32c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32S177.7 448 160 448zM96 128c26.51 0 48-21.49 48-48S122.5 32.01 96 32.01s-48 21.49-48 48S69.49 128 96 128z'/%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* / — In Progress */
|
|||
|
|
input[data-task="/"],
|
|||
|
|
li[data-task="/"] > input,
|
|||
|
|
li[data-task="/"] > p > input {
|
|||
|
|
border-radius: var(--ch-radius);
|
|||
|
|
}
|
|||
|
|
input[data-task="/"]:checked,
|
|||
|
|
li[data-task="/"] > input:checked,
|
|||
|
|
li[data-task="/"] > p > input:checked {
|
|||
|
|
background-image: none;
|
|||
|
|
}
|
|||
|
|
.theme-light input[data-task="/"]:checked, .theme-dark input[data-task="/"]:checked,
|
|||
|
|
.theme-light li[data-task="/"] > input:checked,
|
|||
|
|
.theme-dark li[data-task="/"] > input:checked,
|
|||
|
|
.theme-light li[data-task="/"] > p > input:checked,
|
|||
|
|
.theme-dark li[data-task="/"] > p > input:checked {
|
|||
|
|
background: var(--text-faint);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* S — Amount */
|
|||
|
|
|
|||
|
|
input[data-task=S]:checked,
|
|||
|
|
li[data-task=S] > input:checked,
|
|||
|
|
li[data-task=S] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-position: center;
|
|||
|
|
background-size: 100%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15.999 8.5h2c0-2.837-2.755-4.131-5-4.429V2h-2v2.071c-2.245.298-5 1.592-5 4.429 0 2.706 2.666 4.113 5 4.43v4.97c-1.448-.251-3-1.024-3-2.4h-2c0 2.589 2.425 4.119 5 4.436V22h2v-2.07c2.245-.298 5-1.593 5-4.43s-2.755-4.131-5-4.429V6.1c1.33.239 3 .941 3 2.4zm-8 0c0-1.459 1.67-2.161 3-2.4v4.799c-1.371-.253-3-1.002-3-2.399zm8 7c0 1.459-1.67 2.161-3 2.4v-4.8c1.33.239 3 .941 3 2.4z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* " — Quote */
|
|||
|
|
input[data-task='"']:checked,
|
|||
|
|
li[data-task='"'] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-position: center;
|
|||
|
|
background-size: 80%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg 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:;'%3E%3Cpath d='m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* I — Idea / Lightbulb */
|
|||
|
|
|
|||
|
|
input[data-task=I]:checked,
|
|||
|
|
li[data-task=I] > input:checked,
|
|||
|
|
li[data-task=I] > p > input:checked {
|
|||
|
|
background-color:var(--yellow);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='18' x2='15' y2='18'%3E%3C/line%3E%3Cline x1='10' y1='22' x2='14' y2='22'%3E%3C/line%3E%3Cpath d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* p - Pro */
|
|||
|
|
|
|||
|
|
input[data-task=p]:checked,
|
|||
|
|
li[data-task=p] > input:checked,
|
|||
|
|
li[data-task=p] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--yellow);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 90%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons -->%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* c - Con */
|
|||
|
|
|
|||
|
|
input[data-task=c]:checked,
|
|||
|
|
li[data-task=c] > input:checked,
|
|||
|
|
li[data-task=c] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-image: none;
|
|||
|
|
background-color: var(--text-faint);
|
|||
|
|
-webkit-mask-size: 90%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons -->%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
transform: scaleY(-1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* b - Bookmark */
|
|||
|
|
|
|||
|
|
input[data-task=b]:checked,
|
|||
|
|
li[data-task=b] > input:checked,
|
|||
|
|
li[data-task=b] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M19 10.132v-6c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2V22l7-4.666L19 22V10.132z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* f - Fire */
|
|||
|
|
input[data-task=f]:checked,
|
|||
|
|
li[data-task=f] > input:checked,
|
|||
|
|
li[data-task=f] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--red);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M16.5 8c0 1.5-.5 3.5-2.9 4.3.7-1.7.8-3.4.3-5-.7-2.1-3-3.7-4.6-4.6-.4-.3-1.1.1-1 .7 0 1.1-.3 2.7-2 4.4C4.1 10 3 12.3 3 14.5 3 17.4 5 21 9 21c-4-4-1-7.5-1-7.5.8 5.9 5 7.5 7 7.5 1.7 0 5-1.2 5-6.4 0-3.1-1.3-5.5-2.4-6.9-.3-.5-1-.2-1.1.3'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* w - Win */
|
|||
|
|
|
|||
|
|
input[data-task=w]:checked,
|
|||
|
|
li[data-task=w] > input:checked,
|
|||
|
|
li[data-task=w] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--yellow);
|
|||
|
|
background-position: center;
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M21 4h-3V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1H3a1 1 0 0 0-1 1v3c0 4.31 1.8 6.91 4.82 7A6 6 0 0 0 11 17.91V20H9v2h6v-2h-2v-2.09A6 6 0 0 0 17.18 15c3-.1 4.82-2.7 4.82-7V5a1 1 0 0 0-1-1zM4 8V6h2v6.83C4.22 12.08 4 9.3 4 8zm14 4.83V6h2v2c0 1.3-.22 4.08-2 4.83z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* k - Key */
|
|||
|
|
input[data-task=k]:checked,
|
|||
|
|
li[data-task=k] > input:checked,
|
|||
|
|
li[data-task=k] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--green);
|
|||
|
|
background-position: center;
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: rotate(45deg);msFilter:;'%3E%3Cpath d='M7 17a5.007 5.007 0 0 0 4.898-4H14v2h2v-2h2v3h2v-3h1v-2h-9.102A5.007 5.007 0 0 0 7 7c-2.757 0-5 2.243-5 5s2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* u - Up */
|
|||
|
|
input[data-task=u]:checked,
|
|||
|
|
li[data-task=u] > input:checked,
|
|||
|
|
li[data-task=u] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--green);
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 85%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(-10deg);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* d - Down */
|
|||
|
|
input[data-task=d]:checked,
|
|||
|
|
li[data-task=d] > input:checked,
|
|||
|
|
li[data-task=d] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--blue);
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 85%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(10deg) scaleY(-1);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* r - Rule/Law */
|
|||
|
|
|
|||
|
|
input[data-task=r]:checked,
|
|||
|
|
li[data-task=r] > input:checked,
|
|||
|
|
li[data-task=r] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color:var(--green);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3.001 8A5.002 5.002 0 0 1 16 16z'%3E%3C/path%3E%3Cpath d='m2 16 3-8 3.001 8A5.002 5.002 0 0 1 2 16z'%3E%3C/path%3E%3Cpath d='M7 21h10'%3E%3C/path%3E%3Cpath d='M12 3v18'%3E%3C/path%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* m - Measure */
|
|||
|
|
|
|||
|
|
input[data-task=m]:checked,
|
|||
|
|
li[data-task=m] > input:checked,
|
|||
|
|
li[data-task=m] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color:var(--blue);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 2 6 6L8 22l-6-6L16 2'%3E%3C/path%3E%3Cpath d='m7.5 10.5 2 2'%3E%3C/path%3E%3Cpath d='m10.5 7.5 2 2'%3E%3C/path%3E%3Cpath d='m13.5 4.5 2 2'%3E%3C/path%3E%3Cpath d='m4.5 13.5 2 2'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* M - Medical */
|
|||
|
|
input[data-task=M]:checked,
|
|||
|
|
li[data-task=M] > input:checked,
|
|||
|
|
li[data-task=M] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--red);
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 75%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 2.013H9V9H2v6h7v6.987h6V15h7V9h-7z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* t - Time */
|
|||
|
|
|
|||
|
|
input[data-task=t]:checked,
|
|||
|
|
li[data-task=t] > input:checked,
|
|||
|
|
li[data-task=t] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color:var(--text-accent);
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 90%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* T - Telephone */
|
|||
|
|
|
|||
|
|
input[data-task=T]:checked,
|
|||
|
|
li[data-task=T] > input:checked,
|
|||
|
|
li[data-task=T] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color:var(--blue);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 95%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* P - Person */
|
|||
|
|
|
|||
|
|
input[data-task=P]:checked,
|
|||
|
|
li[data-task=P] > input:checked,
|
|||
|
|
li[data-task=P] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 90%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
input[data-task="#"]:checked,
|
|||
|
|
li[data-task="#"] > input:checked,
|
|||
|
|
li[data-task="#"] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color:var(--green);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12V2h10l9.44 9.44a2 2 0 0 1 0 2.82l-7.18 7.18a2 2 0 0 1-2.82 0L2 12Z'%3E%3C/path%3E%3Cpath d='M7 7h.01'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
input[data-task=F]:checked,
|
|||
|
|
li[data-task=F] > input:checked,
|
|||
|
|
li[data-task=F] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color:var(--yellow);
|
|||
|
|
background-image: none;
|
|||
|
|
-webkit-mask-size: 100%;
|
|||
|
|
-webkit-mask-position: 50% 50%;
|
|||
|
|
-webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'%3E%3C/polygon%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* L - Translate/Language */
|
|||
|
|
input[data-task=L]:checked,
|
|||
|
|
li[data-task=L] > input:checked,
|
|||
|
|
li[data-task=L] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-color: var(--green);
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 80%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'%3E%3C/path%3E%3Cpath d='m4 14 6-6 2-3'%3E%3C/path%3E%3Cpath d='M2 5h12'%3E%3C/path%3E%3Cpath d='M7 2h1'%3E%3C/path%3E%3Cpath d='m22 22-5-10-5 10'%3E%3C/path%3E%3Cpath d='M14 18h6'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input[data-task=W]:checked,
|
|||
|
|
li[data-task=W] > input:checked,
|
|||
|
|
li[data-task=W] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 100%;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zM4 12c0-.899.156-1.762.431-2.569L6 11l2 2v2l2 2 1 1v1.931C7.061 19.436 4 16.072 4 12zm14.33 4.873C17.677 16.347 16.687 16 16 16v-1a2 2 0 0 0-2-2h-4v-3a2 2 0 0 0 2-2V7h1a2 2 0 0 0 2-2v-.411C17.928 5.778 20 8.65 20 12a7.947 7.947 0 0 1-1.67 4.873z'%3E%3C/path%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
input[data-task=U]:checked,
|
|||
|
|
li[data-task=U] > input:checked,
|
|||
|
|
li[data-task=U] > p > input:checked {
|
|||
|
|
cursor: default;
|
|||
|
|
background-position: center center;
|
|||
|
|
background-size: 95%;
|
|||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADKklEQVRYhe2XXWhPcRjHv8fbZLa2yLu8LVaSvNzRyIW0xPJyQYgiN7hCwiQpbsgNygWSQlIkRYrVWiJvIZrCYt5aFPs3NrOPi/Mc/2f//ue/s9mdPTfn/3x/3+f7fc7L7znnL/3vEXS1EJgiaZGkMkmlkook/ZaUknRf0mlJV4MgoBv6/GsaAIuAuySLC0Df7jIfA9zMMEgBT4Aa4BHQkqWJQ91hvgD4boK/gRPAPCAvg9cfWA18dQ20AiX/Yr4a+GViT4GZCWpmmXEUu7tqXu7MrwOFnag96xq40xXzUqDRBK4CfdzafOAiUG/3/Q2wwz9wwFLXwHvDhlre0JF5H+Ceke8D+YYPIHyy4+Ko05jh8GbDSix/11ED24yYAiYalgdU5TAHaHQacxz+1bDplr+MeL2ymA+StNPSXUEQvAQCSSclzcnZueQv7Xj3+4sdx9nxR2wDkrYpnGq1ko4ZtlfSSseplTRV0qSM2tPud4X7/diOpXZ8k8VXAvJJ7+Hlhs0m3PtRvAZG2Np8hz/C5oLd62a3tsnwM5YfiGtggxFeAb2BfsAzJ/QRmGDcycBnwx/arYt0/MRsBgYb/tywlXENRA/ZVsu3O6FfQJnh04AGwx8AxU5jJ+3jlOEjLW8DhmUzH0Z4qVuBEYRbsd4JVRpvCPDe4ZOcxhoziCIFjLS1zYY9iTv7FUaotnyJE2ogPQvOZ5xhGVAMVNJ+/AKsd/rRXKmMa+C4EfZYfskJHXS8FMniuKuJZkILMDyugWojLbD8nRNb7HgfEpgfIZwd0TdEpH0uq7kRPxlptOV+G811vMM5jD8CyzJ0N9paEzA2VwM/jdjf8i9OeJXj5QH7gTqrqSN8U64DBmZoVpD+SNkTax7T0C3XwJVOFevvQxxdxSo6+2kGbHENtGGTMUFdPnCM9HZsN6Q600CB3dMoWoF9uKGTwS8ifIu+dTU34vhR5PwsB8olXZbkL1+TpBpJLxS+1QolzZA0zfGaFL7ADgVB0JbgfHM2sZD0zO8ovhFuwVFJ9RP9MQEKJK2VVC5psqThkholtUiqk/RA0m1J14Ig+BGn0xM9kS3+AIVhhF9MAbHFAAAAAElFTkSuQmCC");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/****end checkbox****/
|
|||
|
|
|
|||
|
|
|
|||
|
|
|