10139 lines
2.5 MiB
CSS
10139 lines
2.5 MiB
CSS
|
/*
|
||
|
Prism Theme for Obsidian.md (Version: 3.5.3)
|
||
|
> A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
|
||
|
|
||
|
Source: https://github.com/damiankorcz/Obsidian-Prism
|
||
|
Documentation: https://github.com/damiankorcz/Prism-Theme/wiki
|
||
|
Support the development: https://www.buymeacoffee.com/DamianKorcz
|
||
|
Forum Thread: https://forum.obsidian.md/t/theme-prism/36493
|
||
|
|
||
|
Licences
|
||
|
The Theme contains Base64 embedded versions of the following fonts:
|
||
|
- Source Sans - Distributed under the SIL Open Font License 1.1
|
||
|
(https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md)
|
||
|
|
||
|
- JetBrains Mono - Distributed under the SIL Open Font License 1.1
|
||
|
(https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt)
|
||
|
|
||
|
Theme Code is distributed under the MIT License.
|
||
|
See https://github.com/damiankorcz/Obsidian-Prism/blob/main/LICENSE for more information.
|
||
|
|
||
|
Copyright (c) 2021-2024 Damian Korcz <https://github.com/damiankorcz>
|
||
|
*/
|
||
|
.theme-light,
|
||
|
.theme-light.pt-color-scheme-custom-lt,
|
||
|
.theme-light:not(.css-settings-manager) {
|
||
|
--color-grey-base-hsl: 0, 0%, 90%;
|
||
|
--color-red-base-hsl: 7, 90%, 92%;
|
||
|
--color-orange-base-hsl: 26, 85%, 89%;
|
||
|
--color-yellow-base-hsl: 42, 88%, 83%;
|
||
|
--color-green-base-hsl: 101, 49%, 85%;
|
||
|
--color-mint-base-hsl: 152, 62%, 85%;
|
||
|
--color-cyan-base-hsl: 184, 60%, 85%;
|
||
|
--color-blue-base-hsl: 217, 76%, 92%;
|
||
|
--color-purple-base-hsl: 251, 87%, 94%;
|
||
|
--color-pink-base-hsl: 328, 79%, 93%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 73%;
|
||
|
--color-red-tint-hsl: 7, 82%, 78%;
|
||
|
--color-orange-tint-hsl: 27, 80%, 69%;
|
||
|
--color-yellow-tint-hsl: 44, 67%, 58%;
|
||
|
--color-green-tint-hsl: 99, 50%, 59%;
|
||
|
--color-mint-tint-hsl: 158, 59%, 55%;
|
||
|
--color-cyan-tint-hsl: 184, 61%, 56%;
|
||
|
--color-blue-tint-hsl: 219, 73%, 78%;
|
||
|
--color-purple-tint-hsl: 252, 84%, 83%;
|
||
|
--color-pink-tint-hsl: 327, 72%, 79%;
|
||
|
--color-grey-text-hsl: 0, 0%, 47%;
|
||
|
--color-red-text-hsl: 3, 68%, 52%;
|
||
|
--color-orange-text-hsl: 31, 100%, 36%;
|
||
|
--color-yellow-text-hsl: 38, 62%, 37%;
|
||
|
--color-green-text-hsl: 93, 100%, 27%;
|
||
|
--color-mint-text-hsl: 161, 100%, 26%;
|
||
|
--color-cyan-text-hsl: 184, 100%, 28%;
|
||
|
--color-blue-text-hsl: 221, 67%, 56%;
|
||
|
--color-purple-text-hsl: 258, 75%, 63%;
|
||
|
--color-pink-text-hsl: 320, 60%, 50%;
|
||
|
--text-normal-hsl: 0, 0%, 15%;
|
||
|
--text-muted-hsl: 0, 0%, 20%;
|
||
|
--text-faint-hsl: 0, 0%, 35%;
|
||
|
--background-primary-hsl: 0, 0%, 100%;
|
||
|
--background-primary-alt-hsl: 0, 0%, 96%;
|
||
|
--background-secondary-hsl: 0, 0%, 93%;
|
||
|
--background-secondary-blur-hsl: 0, 0%, 92%;
|
||
|
--background-secondary-alt-hsl: 0, 0%, 69%;
|
||
|
--shadow-color-hsl: 0, 0%, 0%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 3%) 0 1px 2px, hsla(var(--shadow-color-hsl), 3%) 0 2px 4px, hsla(var(--shadow-color-hsl), 3%) 0 4px 8px, hsla(var(--shadow-color-hsl), 3%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-dark,
|
||
|
.theme-dark.pt-color-scheme-custom-dt,
|
||
|
.theme-dark:not(.css-settings-manager) {
|
||
|
--color-grey-base-hsl: 0, 0%, 16%;
|
||
|
--color-red-base-hsl: 2, 55%, 19%;
|
||
|
--color-orange-base-hsl: 26, 65%, 15%;
|
||
|
--color-yellow-base-hsl: 43, 73%, 12%;
|
||
|
--color-green-base-hsl: 124, 54%, 12%;
|
||
|
--color-mint-base-hsl: 165, 88%, 10%;
|
||
|
--color-cyan-base-hsl: 195, 65%, 13%;
|
||
|
--color-blue-base-hsl: 225, 50%, 20%;
|
||
|
--color-purple-base-hsl: 271, 48%, 21%;
|
||
|
--color-pink-base-hsl: 325, 55%, 18%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 40%;
|
||
|
--color-red-tint-hsl: 3, 49%, 46%;
|
||
|
--color-orange-tint-hsl: 27, 53%, 37%;
|
||
|
--color-yellow-tint-hsl: 44, 59%, 31%;
|
||
|
--color-green-tint-hsl: 123, 43%, 32%;
|
||
|
--color-mint-tint-hsl: 166, 73%, 26%;
|
||
|
--color-cyan-tint-hsl: 195, 52%, 34%;
|
||
|
--color-blue-tint-hsl: 224, 44%, 49%;
|
||
|
--color-purple-tint-hsl: 271, 43%, 51%;
|
||
|
--color-pink-tint-hsl: 325, 47%, 45%;
|
||
|
--color-grey-text-hsl: 0, 0%, 67%;
|
||
|
--color-red-text-hsl: 4, 74%, 74%;
|
||
|
--color-orange-text-hsl: 26, 85%, 63%;
|
||
|
--color-yellow-text-hsl: 44, 60%, 53%;
|
||
|
--color-green-text-hsl: 124, 48%, 54%;
|
||
|
--color-mint-text-hsl: 166, 67%, 45%;
|
||
|
--color-cyan-text-hsl: 195, 69%, 58%;
|
||
|
--color-blue-text-hsl: 225, 61%, 75%;
|
||
|
--color-purple-text-hsl: 267, 52%, 75%;
|
||
|
--color-pink-text-hsl: 330, 64%, 74%;
|
||
|
--text-normal-hsl: 0, 0%, 91%;
|
||
|
--text-muted-hsl: 0, 0%, 86%;
|
||
|
--text-faint-hsl: 0, 0%, 81%;
|
||
|
--background-primary-hsl: 0, 0%, 18%;
|
||
|
--background-primary-alt-hsl: 0, 0%, 30%;
|
||
|
--background-secondary-hsl: 0, 0%, 12%;
|
||
|
--background-secondary-blur-hsl: 0, 0%, 13%;
|
||
|
--background-secondary-alt-hsl: 0, 0%, 8%;
|
||
|
--shadow-color-hsl: 0, 0%, 0%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 5%) 0 1px 2px, hsla(var(--shadow-color-hsl), 5%) 0 2px 4px, hsla(var(--shadow-color-hsl), 5%) 0 4px 8px, hsla(var(--shadow-color-hsl), 5%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-latte-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 90%;
|
||
|
--color-red-base-hsl: 11, 100%, 92%;
|
||
|
--color-orange-base-hsl: 30, 90%, 88%;
|
||
|
--color-yellow-base-hsl: 41, 88%, 84%;
|
||
|
--color-green-base-hsl: 101, 47%, 86%;
|
||
|
--color-mint-base-hsl: 153, 61%, 85%;
|
||
|
--color-cyan-base-hsl: 184, 58%, 86%;
|
||
|
--color-blue-base-hsl: 220, 75%, 92%;
|
||
|
--color-purple-base-hsl: 252, 81%, 94%;
|
||
|
--color-pink-base-hsl: 329, 73%, 93%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 73%;
|
||
|
--color-red-tint-hsl: 10, 91%, 78%;
|
||
|
--color-orange-tint-hsl: 30, 79%, 68%;
|
||
|
--color-yellow-tint-hsl: 43, 65%, 59%;
|
||
|
--color-green-tint-hsl: 99, 48%, 60%;
|
||
|
--color-mint-tint-hsl: 158, 56%, 56%;
|
||
|
--color-cyan-tint-hsl: 184, 58%, 58%;
|
||
|
--color-blue-tint-hsl: 220, 70%, 78%;
|
||
|
--color-purple-tint-hsl: 253, 75%, 83%;
|
||
|
--color-pink-tint-hsl: 327, 67%, 79%;
|
||
|
--color-grey-text-hsl: 0, 0%, 47%;
|
||
|
--color-red-text-hsl: 3, 64%, 53%;
|
||
|
--color-orange-text-hsl: 33, 100%, 35%;
|
||
|
--color-yellow-text-hsl: 37, 55%, 39%;
|
||
|
--color-green-text-hsl: 91, 93%, 27%;
|
||
|
--color-mint-text-hsl: 162, 100%, 27%;
|
||
|
--color-cyan-text-hsl: 184, 100%, 28%;
|
||
|
--color-blue-text-hsl: 221, 64%, 56%;
|
||
|
--color-purple-text-hsl: 257, 69%, 63%;
|
||
|
--color-pink-text-hsl: 321, 57%, 51%;
|
||
|
--text-normal-hsl: 28, 42%, 15%;
|
||
|
--text-muted-hsl: 28, 42%, 20%;
|
||
|
--text-faint-hsl: 28, 42%, 35%;
|
||
|
--background-primary-hsl: 28, 42%, 98%;
|
||
|
--background-primary-alt-hsl: 28, 42%, 94%;
|
||
|
--background-secondary-hsl: 28, 42%, 90%;
|
||
|
--background-secondary-blur-hsl: 28, 42%, 88%;
|
||
|
--background-secondary-alt-hsl: 28, 42%, 66%;
|
||
|
--shadow-color-hsl: 28, 42%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-mocha-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 17%;
|
||
|
--color-red-base-hsl: 2, 50%, 20%;
|
||
|
--color-orange-base-hsl: 26, 58%, 16%;
|
||
|
--color-yellow-base-hsl: 43, 64%, 13%;
|
||
|
--color-green-base-hsl: 122, 47%, 13%;
|
||
|
--color-mint-base-hsl: 165, 75%, 11%;
|
||
|
--color-cyan-base-hsl: 196, 57%, 15%;
|
||
|
--color-blue-base-hsl: 225, 47%, 21%;
|
||
|
--color-purple-base-hsl: 271, 45%, 22%;
|
||
|
--color-pink-base-hsl: 326, 50%, 20%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 41%;
|
||
|
--color-red-tint-hsl: 4, 46%, 47%;
|
||
|
--color-orange-tint-hsl: 26, 49%, 38%;
|
||
|
--color-yellow-tint-hsl: 43, 53%, 32%;
|
||
|
--color-green-tint-hsl: 123, 39%, 33%;
|
||
|
--color-mint-tint-hsl: 164, 61%, 29%;
|
||
|
--color-cyan-tint-hsl: 195, 47%, 36%;
|
||
|
--color-blue-tint-hsl: 225, 42%, 50%;
|
||
|
--color-purple-tint-hsl: 271, 41%, 51%;
|
||
|
--color-pink-tint-hsl: 326, 44%, 46%;
|
||
|
--color-grey-text-hsl: 0, 0%, 65%;
|
||
|
--color-red-text-hsl: 4, 69%, 72%;
|
||
|
--color-orange-text-hsl: 26, 74%, 61%;
|
||
|
--color-yellow-text-hsl: 43, 53%, 52%;
|
||
|
--color-green-text-hsl: 123, 43%, 54%;
|
||
|
--color-mint-text-hsl: 165, 56%, 46%;
|
||
|
--color-cyan-text-hsl: 196, 60%, 57%;
|
||
|
--color-blue-text-hsl: 226, 56%, 72%;
|
||
|
--color-purple-text-hsl: 267, 48%, 73%;
|
||
|
--color-pink-text-hsl: 329, 60%, 71%;
|
||
|
--text-normal-hsl: 25, 40%, 91%;
|
||
|
--text-muted-hsl: 25, 40%, 86%;
|
||
|
--text-faint-hsl: 25, 40%, 81%;
|
||
|
--background-primary-hsl: 25, 40%, 18%;
|
||
|
--background-primary-alt-hsl: 25, 40%, 28%;
|
||
|
--background-secondary-hsl: 25, 40%, 12%;
|
||
|
--background-secondary-blur-hsl: 25, 40%, 13%;
|
||
|
--background-secondary-alt-hsl: 25, 40%, 8%;
|
||
|
--shadow-color-hsl: 25, 40%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 50%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 50%) 0 1px 2px, hsla(var(--shadow-color-hsl), 50%) 0 2px 4px, hsla(var(--shadow-color-hsl), 50%) 0 4px 8px, hsla(var(--shadow-color-hsl), 50%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-periwinkle-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 92%;
|
||
|
--color-red-base-hsl: 6, 100%, 94%;
|
||
|
--color-orange-base-hsl: 30, 100%, 91%;
|
||
|
--color-yellow-base-hsl: 42, 80%, 88%;
|
||
|
--color-green-base-hsl: 100, 52%, 89%;
|
||
|
--color-mint-base-hsl: 153, 65%, 88%;
|
||
|
--color-cyan-base-hsl: 185, 63%, 88%;
|
||
|
--color-blue-base-hsl: 220, 100%, 94%;
|
||
|
--color-purple-base-hsl: 250, 100%, 95%;
|
||
|
--color-pink-base-hsl: 329, 86%, 94%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 75%;
|
||
|
--color-red-tint-hsl: 8, 88%, 81%;
|
||
|
--color-orange-tint-hsl: 31, 90%, 69%;
|
||
|
--color-yellow-tint-hsl: 45, 60%, 64%;
|
||
|
--color-green-tint-hsl: 99, 52%, 62%;
|
||
|
--color-mint-tint-hsl: 159, 64%, 55%;
|
||
|
--color-cyan-tint-hsl: 184, 67%, 58%;
|
||
|
--color-blue-tint-hsl: 219, 96%, 81%;
|
||
|
--color-purple-tint-hsl: 252, 100%, 86%;
|
||
|
--color-pink-tint-hsl: 327, 77%, 81%;
|
||
|
--color-grey-text-hsl: 0, 0%, 50%;
|
||
|
--color-red-text-hsl: 3, 73%, 55%;
|
||
|
--color-orange-text-hsl: 31, 100%, 38%;
|
||
|
--color-yellow-text-hsl: 39, 78%, 37%;
|
||
|
--color-green-text-hsl: 93, 100%, 28%;
|
||
|
--color-mint-text-hsl: 161, 100%, 28%;
|
||
|
--color-cyan-text-hsl: 184, 100%, 29%;
|
||
|
--color-blue-text-hsl: 221, 87%, 60%;
|
||
|
--color-purple-text-hsl: 257, 92%, 68%;
|
||
|
--color-pink-text-hsl: 321, 67%, 54%;
|
||
|
--text-normal-hsl: 221, 55%, 15%;
|
||
|
--text-muted-hsl: 221, 55%, 20%;
|
||
|
--text-faint-hsl: 221, 55%, 35%;
|
||
|
--background-primary-hsl: 221, 55%, 98%;
|
||
|
--background-primary-alt-hsl: 221, 55%, 95%;
|
||
|
--background-secondary-hsl: 221, 55%, 92%;
|
||
|
--background-secondary-blur-hsl: 221, 55%, 91%;
|
||
|
--background-secondary-alt-hsl: 221, 55%, 72%;
|
||
|
--shadow-color-hsl: 221, 55%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-indigo-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 17%;
|
||
|
--color-red-base-hsl: 2, 50%, 20%;
|
||
|
--color-orange-base-hsl: 26, 58%, 16%;
|
||
|
--color-yellow-base-hsl: 43, 64%, 13%;
|
||
|
--color-green-base-hsl: 124, 48%, 14%;
|
||
|
--color-mint-base-hsl: 165, 75%, 11%;
|
||
|
--color-cyan-base-hsl: 196, 57%, 15%;
|
||
|
--color-blue-base-hsl: 225, 47%, 21%;
|
||
|
--color-purple-base-hsl: 271, 45%, 22%;
|
||
|
--color-pink-base-hsl: 326, 50%, 20%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 41%;
|
||
|
--color-red-tint-hsl: 4, 46%, 47%;
|
||
|
--color-orange-tint-hsl: 26, 49%, 38%;
|
||
|
--color-yellow-tint-hsl: 43, 53%, 32%;
|
||
|
--color-green-tint-hsl: 123, 39%, 33%;
|
||
|
--color-mint-tint-hsl: 164, 61%, 29%;
|
||
|
--color-cyan-tint-hsl: 196, 48%, 36%;
|
||
|
--color-blue-tint-hsl: 225, 42%, 50%;
|
||
|
--color-purple-tint-hsl: 271, 41%, 51%;
|
||
|
--color-pink-tint-hsl: 326, 44%, 46%;
|
||
|
--color-grey-text-hsl: 0, 0%, 65%;
|
||
|
--color-red-text-hsl: 4, 69%, 72%;
|
||
|
--color-orange-text-hsl: 26, 74%, 61%;
|
||
|
--color-yellow-text-hsl: 43, 53%, 52%;
|
||
|
--color-green-text-hsl: 123, 43%, 54%;
|
||
|
--color-mint-text-hsl: 165, 56%, 46%;
|
||
|
--color-cyan-text-hsl: 196, 60%, 57%;
|
||
|
--color-blue-text-hsl: 226, 56%, 72%;
|
||
|
--color-purple-text-hsl: 267, 48%, 73%;
|
||
|
--color-pink-text-hsl: 329, 60%, 71%;
|
||
|
--text-normal-hsl: 225, 40%, 91%;
|
||
|
--text-muted-hsl: 225, 40%, 86%;
|
||
|
--text-faint-hsl: 225, 40%, 81%;
|
||
|
--background-primary-hsl: 225, 40%, 20%;
|
||
|
--background-primary-alt-hsl: 225, 40%, 33%;
|
||
|
--background-secondary-hsl: 225, 40%, 13%;
|
||
|
--background-secondary-blur-hsl: 225, 40%, 14%;
|
||
|
--background-secondary-alt-hsl: 225, 40%, 9%;
|
||
|
--shadow-color-hsl: 225, 40%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px, hsla(var(--shadow-color-hsl), 10%) 0 2px 4px, hsla(var(--shadow-color-hsl), 10%) 0 4px 8px, hsla(var(--shadow-color-hsl), 10%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-pistachio-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 90%;
|
||
|
--color-red-base-hsl: 8, 100%, 93%;
|
||
|
--color-orange-base-hsl: 26, 89%, 89%;
|
||
|
--color-yellow-base-hsl: 41, 90%, 84%;
|
||
|
--color-green-base-hsl: 109, 52%, 86%;
|
||
|
--color-mint-base-hsl: 152, 65%, 85%;
|
||
|
--color-cyan-base-hsl: 184, 63%, 85%;
|
||
|
--color-blue-base-hsl: 220, 85%, 92%;
|
||
|
--color-purple-base-hsl: 250, 100%, 94%;
|
||
|
--color-pink-base-hsl: 327, 84%, 93%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 73%;
|
||
|
--color-red-tint-hsl: 7, 85%, 79%;
|
||
|
--color-orange-tint-hsl: 27, 83%, 69%;
|
||
|
--color-yellow-tint-hsl: 44, 70%, 56%;
|
||
|
--color-green-tint-hsl: 108, 52%, 60%;
|
||
|
--color-mint-tint-hsl: 160, 61%, 52%;
|
||
|
--color-cyan-tint-hsl: 184, 64%, 55%;
|
||
|
--color-blue-tint-hsl: 220, 78%, 78%;
|
||
|
--color-purple-tint-hsl: 252, 90%, 84%;
|
||
|
--color-pink-tint-hsl: 326, 76%, 79%;
|
||
|
--color-grey-text-hsl: 0, 0%, 47%;
|
||
|
--color-red-text-hsl: 2, 71%, 52%;
|
||
|
--color-orange-text-hsl: 30, 100%, 36%;
|
||
|
--color-yellow-text-hsl: 39, 71%, 36%;
|
||
|
--color-green-text-hsl: 116, 42%, 37%;
|
||
|
--color-mint-text-hsl: 160, 100%, 27%;
|
||
|
--color-cyan-text-hsl: 185, 100%, 28%;
|
||
|
--color-blue-text-hsl: 221, 72%, 56%;
|
||
|
--color-purple-text-hsl: 259, 80%, 64%;
|
||
|
--color-pink-text-hsl: 319, 65%, 50%;
|
||
|
--text-normal-hsl: 101, 35%, 15%;
|
||
|
--text-muted-hsl: 101, 35%, 20%;
|
||
|
--text-faint-hsl: 101, 35%, 35%;
|
||
|
--background-primary-hsl: 101, 35%, 99%;
|
||
|
--background-primary-alt-hsl: 101, 35%, 95%;
|
||
|
--background-secondary-hsl: 101, 35%, 91%;
|
||
|
--background-secondary-blur-hsl: 101, 35%, 90%;
|
||
|
--background-secondary-alt-hsl: 101, 35%, 62%;
|
||
|
--shadow-color-hsl: 101, 35%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-pine-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 17%;
|
||
|
--color-red-base-hsl: 2, 50%, 20%;
|
||
|
--color-orange-base-hsl: 26, 59%, 15%;
|
||
|
--color-yellow-base-hsl: 43, 66%, 13%;
|
||
|
--color-green-base-hsl: 122, 48%, 13%;
|
||
|
--color-mint-base-hsl: 164, 75%, 11%;
|
||
|
--color-cyan-base-hsl: 196, 56%, 14%;
|
||
|
--color-blue-base-hsl: 225, 48%, 21%;
|
||
|
--color-purple-base-hsl: 272, 45%, 21%;
|
||
|
--color-pink-base-hsl: 326, 52%, 19%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 40%;
|
||
|
--color-red-tint-hsl: 3, 46%, 47%;
|
||
|
--color-orange-tint-hsl: 26, 49%, 38%;
|
||
|
--color-yellow-tint-hsl: 43, 52%, 32%;
|
||
|
--color-green-tint-hsl: 123, 39%, 33%;
|
||
|
--color-mint-tint-hsl: 165, 60%, 28%;
|
||
|
--color-cyan-tint-hsl: 195, 48%, 35%;
|
||
|
--color-blue-tint-hsl: 225, 42%, 49%;
|
||
|
--color-purple-tint-hsl: 271, 41%, 51%;
|
||
|
--color-pink-tint-hsl: 327, 44%, 46%;
|
||
|
--color-grey-text-hsl: 0, 0%, 66%;
|
||
|
--color-red-text-hsl: 5, 70%, 73%;
|
||
|
--color-orange-text-hsl: 26, 78%, 63%;
|
||
|
--color-yellow-text-hsl: 43, 56%, 53%;
|
||
|
--color-green-text-hsl: 123, 44%, 55%;
|
||
|
--color-mint-text-hsl: 165, 56%, 48%;
|
||
|
--color-cyan-text-hsl: 196, 63%, 58%;
|
||
|
--color-blue-text-hsl: 226, 56%, 74%;
|
||
|
--color-purple-text-hsl: 268, 48%, 74%;
|
||
|
--color-pink-text-hsl: 330, 59%, 73%;
|
||
|
--text-normal-hsl: 123, 39%, 93%;
|
||
|
--text-muted-hsl: 123, 39%, 88%;
|
||
|
--text-faint-hsl: 123, 39%, 83%;
|
||
|
--background-primary-hsl: 123, 39%, 15%;
|
||
|
--background-primary-alt-hsl: 123, 39%, 23%;
|
||
|
--background-secondary-hsl: 123, 39%, 9%;
|
||
|
--background-secondary-blur-hsl: 123, 39%, 10%;
|
||
|
--background-secondary-alt-hsl: 123, 39%, 6%;
|
||
|
--shadow-color-hsl: 123, 39%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px, hsla(var(--shadow-color-hsl), 10%) 0 2px 4px, hsla(var(--shadow-color-hsl), 10%) 0 4px 8px, hsla(var(--shadow-color-hsl), 10%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-peach-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 90%;
|
||
|
--color-red-base-hsl: 9, 90%, 92%;
|
||
|
--color-orange-base-hsl: 25, 96%, 89%;
|
||
|
--color-yellow-base-hsl: 41, 91%, 83%;
|
||
|
--color-green-base-hsl: 101, 53%, 85%;
|
||
|
--color-mint-base-hsl: 153, 64%, 84%;
|
||
|
--color-cyan-base-hsl: 184, 63%, 85%;
|
||
|
--color-blue-base-hsl: 221, 85%, 92%;
|
||
|
--color-purple-base-hsl: 250, 100%, 94%;
|
||
|
--color-pink-base-hsl: 328, 84%, 93%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 73%;
|
||
|
--color-red-tint-hsl: 7, 79%, 78%;
|
||
|
--color-orange-tint-hsl: 26, 89%, 69%;
|
||
|
--color-yellow-tint-hsl: 44, 70%, 56%;
|
||
|
--color-green-tint-hsl: 98, 52%, 58%;
|
||
|
--color-mint-tint-hsl: 160, 61%, 52%;
|
||
|
--color-cyan-tint-hsl: 184, 63%, 54%;
|
||
|
--color-blue-tint-hsl: 219, 78%, 78%;
|
||
|
--color-purple-tint-hsl: 252, 90%, 84%;
|
||
|
--color-pink-tint-hsl: 326, 76%, 79%;
|
||
|
--color-grey-text-hsl: 0, 0%, 47%;
|
||
|
--color-red-text-hsl: 4, 67%, 51%;
|
||
|
--color-orange-text-hsl: 29, 100%, 37%;
|
||
|
--color-yellow-text-hsl: 39, 70%, 36%;
|
||
|
--color-green-text-hsl: 95, 100%, 26%;
|
||
|
--color-mint-text-hsl: 160, 100%, 26%;
|
||
|
--color-cyan-text-hsl: 185, 100%, 28%;
|
||
|
--color-blue-text-hsl: 221, 72%, 56%;
|
||
|
--color-purple-text-hsl: 259, 81%, 64%;
|
||
|
--color-pink-text-hsl: 319, 66%, 49%;
|
||
|
--text-normal-hsl: 3, 55%, 15%;
|
||
|
--text-muted-hsl: 3, 55%, 20%;
|
||
|
--text-faint-hsl: 3, 55%, 35%;
|
||
|
--background-primary-hsl: 3, 55%, 98%;
|
||
|
--background-primary-alt-hsl: 3, 55%, 95%;
|
||
|
--background-secondary-hsl: 3, 55%, 93%;
|
||
|
--background-secondary-blur-hsl: 3, 55%, 92%;
|
||
|
--background-secondary-alt-hsl: 3, 55%, 74%;
|
||
|
--shadow-color-hsl: 3, 55%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-cherry-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 17%;
|
||
|
--color-red-base-hsl: 2, 50%, 20%;
|
||
|
--color-orange-base-hsl: 26, 59%, 16%;
|
||
|
--color-yellow-base-hsl: 43, 64%, 13%;
|
||
|
--color-green-base-hsl: 124, 48%, 14%;
|
||
|
--color-mint-base-hsl: 165, 75%, 11%;
|
||
|
--color-cyan-base-hsl: 196, 57%, 15%;
|
||
|
--color-blue-base-hsl: 225, 47%, 21%;
|
||
|
--color-purple-base-hsl: 272, 45%, 22%;
|
||
|
--color-pink-base-hsl: 326, 50%, 20%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 41%;
|
||
|
--color-red-tint-hsl: 4, 46%, 47%;
|
||
|
--color-orange-tint-hsl: 26, 49%, 38%;
|
||
|
--color-yellow-tint-hsl: 43, 53%, 32%;
|
||
|
--color-green-tint-hsl: 123, 39%, 33%;
|
||
|
--color-mint-tint-hsl: 164, 61%, 29%;
|
||
|
--color-cyan-tint-hsl: 196, 48%, 36%;
|
||
|
--color-blue-tint-hsl: 225, 42%, 50%;
|
||
|
--color-purple-tint-hsl: 272, 42%, 51%;
|
||
|
--color-pink-tint-hsl: 326, 44%, 46%;
|
||
|
--color-grey-text-hsl: 0, 0%, 67%;
|
||
|
--color-red-text-hsl: 4, 70%, 74%;
|
||
|
--color-orange-text-hsl: 26, 80%, 63%;
|
||
|
--color-yellow-text-hsl: 43, 57%, 54%;
|
||
|
--color-green-text-hsl: 123, 45%, 55%;
|
||
|
--color-mint-text-hsl: 165, 56%, 48%;
|
||
|
--color-cyan-text-hsl: 195, 64%, 59%;
|
||
|
--color-blue-text-hsl: 226, 56%, 74%;
|
||
|
--color-purple-text-hsl: 268, 48%, 75%;
|
||
|
--color-pink-text-hsl: 330, 60%, 74%;
|
||
|
--text-normal-hsl: 2, 48%, 93%;
|
||
|
--text-muted-hsl: 2, 48%, 88%;
|
||
|
--text-faint-hsl: 2, 48%, 83%;
|
||
|
--background-primary-hsl: 2, 48%, 19%;
|
||
|
--background-primary-alt-hsl: 2, 48%, 29%;
|
||
|
--background-secondary-hsl: 2, 48%, 12%;
|
||
|
--background-secondary-blur-hsl: 2, 48%, 13%;
|
||
|
--background-secondary-alt-hsl: 2, 48%, 8%;
|
||
|
--shadow-color-hsl: 2, 48%, 7%;
|
||
|
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px, hsla(var(--shadow-color-hsl), 10%) 0 2px 4px, hsla(var(--shadow-color-hsl), 10%) 0 4px 8px, hsla(var(--shadow-color-hsl), 10%) 0 6px 12px;
|
||
|
}
|
||
|
|
||
|
/* Source Sans - Distributed under the SIL Open Font Licence 1.1 - https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md */
|
||
|
@font-face {
|
||
|
font-family: "Source Sans 3";
|
||
|
font-style: normal;
|
||
|
font-weight: 200 900;
|
||
|
font-stretch: normal;
|
||
|
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQQkFTRWUeXb0ACd1EAAAARkRTSUcAAAABAAL6cAAAAAhHREVGC+6Z1AAJ14gAAAWPR1BPU4yAN5MABWq8AARszEdTVUIwxGokAAUC8AAAZ8xIVkFSkQ8ZRQAE7YgAABVnTVZBUnkJbwAABO1AAAAARk9TLzJ+S1MFAAAB2AAAAGBTVEFU757/4wAC+uQAAADmYXZhcpg6iSYACd0YAAAAKmNtYXC4pT0gAAAo8AAAQk5mdmFyjSl2xgAC+ngAAABqZ2x5ZtKgUE4AAH6gAAH/5Gd2YXKkYUgWAAL7zAAB8XJoZWFkJdCsMQAAAVwAAAA2aGhlYQoNDzwAAAGUAAAAJGhtdHiJKYCTAAACOAAAJrZsb2NhP9m8QgAAa0AAABNebWF4cAnIAQIAAAG4AAAAIG5hbWW34f40AAJ+hAAAHNBwb3N0NkPangACm1QAAF8bAAEAAAADDVBYAi5lXw889QADA+gAAAAA4EqtuAAAAADgSq3A/bL+4AhwA6YAAAAGAAIAAAAAAAAAAQAAA+j+ugAACJj9sv48CHAAAQAAAAAAAAAAAAAAAAAACa0AAQAACa4AkAAMAG4ACQABAAAAAAAAAAAAAAAAAAQAAwAEAe0AyAAFAAACigJYAAAASwKKAlgAAAFeADIBHgAAAgsDAwMEAwICBOAAAv8AACADAAAAAAAAAABBREJPAAAAIP//A+j+ugAAA+gBRiAAAZ8AAAAAAd4ClAAAACAABQJwAGAAyAAAAggACgI+AGQCMgA4AlgAZAH+AGQB1gBkAlgAOAJ6AGQA6ABkAcgALAImAGQBzABkAroAZAJ4AGQCiAA4Ah4AZAKIADgCFgBkAgQAMAIIAB4CdgBiAeIABgL8AB4B1gASAbQABAIaADQB5gA8AhoAYAG+ADYCHAA2Ad4ANgD8AB4B4AA2AgoAYADeAE4A3v/iAcQAYADmAGADJgBgAg4AYAIUADYCHABgAhwANgEyAGABkAAiAS4AHgIMAFgBpgAMAqAAGAGIAA4BqAAMAYwAGgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAyQAGgMkABoDJAAaAggACgJOABYCwAAwAj4AZAI+AGQCMgA4AjIAOAIyADgCMgA4AjIAOAIyADgCWABkAlgAZAJYAGQCWABkAlgAZAJsABYC5AAwAf4AZAH+AGQB/gBkAf4AZAH+AGQB/gBkAf4AZAH+AGQB/gBkAf4APAH+AGQB/gBkAf4AZAH+AGQB/gBkAf4AWgH+AGQB/gBkAf4AZAH+AGQB/gAuAiIAMAHWAGQCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AoYAOAJYADgCWAA4AnoAZAJ6AGQCegBkAnoAZAJ6AGQCegAkAnoAZAJ6AGQCogAWAOj//ADoAC4A6P/eAOj/1ADo//QA6P/8AOj/8ADoAFIA6P/eAOj/jgDoACIA6ABCAOgAVAEQABYB0ABkAcgALAHIACwB3AAsAiYAZAImAGQCJgBkAcwALgHMAGQBzABkAcwAZAHM//wBzABkAdIABAHcABYB3AAWAhIAGgHg//4BzABkAroAZAK6AGQCugBkAngAZAJ4AGQCeABkAngAZAJ4AGQCeABkAngAZAJ4AGQCYgBkAngAZAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA6AogAOgM8ADgB4gAGAjIAKAQuADgCiAA4AogAPAKIADwCiAA8AogAPAKIADwCiAA8Ah4AZAIWAGQCFgBkAhYAZAIWAGQCFgBkAhYAZAIWAGQCBAAwAgQAMAIEADACBAAwAgQAMAIEADACBAAwAgQAMAJ8AGQCCAAeAggAHgIIAB4CCAAeAggAHgIIAB4CCAAeAggAHgIIABgCdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgKeABQCdgBiAoAAYgKAAGICgABiAoAAYgKAAGICgABiAeIABgL8AB4C/AAeAvwAHgL8AB4BtAAEAbQABAG0AAQBtAAEAbQABAG0AAQBtAAEAbQABAIaADQCGgA0AhoANAIaADQCGgA0AhoANAJsABYCLABkAh4AZAHkACACIgAwAiIAMAJ6AEACiAAeAh4AZAJMAB4CTAAaAcwAEgIWAGQBxgAsAh4AZAIIAB4B4gAGAOoAZAG0AAQCjAAuAdYAEgG6AAAA+AAwAPgANAOYAGQB0AAuAggACgH+AGQA6AAiAogAOAJ2AGICIgAwAbQABAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gAyAeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AwgAPAMIADwDCAA8AeYAPAIuABYCGgBgAhoAYAIaAGABvgA2Ab4ANgG+ADYBvgA2Ab4ANgG+ADYCHAA2AhwANgIcADYCHAA2AhwANgIwADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gAyAd4ANgHeADYB3gA2Ad4ANgHeACYA/AAeAeAANgHgADYB4AA2AeAANgHgADYB4AA2AeAANgIwADYB4AA2AhwANgIKAGACCgBgAgoAYAIKAGACCgBgAgoAFAIKAGACCgBgAh4AFgDeAAAA3gAoAN7/2ADe/84A3v/4AN7/9gDe/9wA3gBOAN7/2ADe/7AA3gAeAN4APAEGABYA3gBgAbwATgDe/9oA3v/aAQb/9gDe/+IBxABgAcQAYAHEAGABxABgAOYAKADeAGAA5gAyAOYAYADm//YA5gAKAPoAAAEEABYBBAAWAST/8gD8//4BIABgAyYAYAMmAGADJgBgAg4AYAIOAGACDgBgAg4AYAIOAGACDgBgAg4AYAIOAGACvwA2Ag4AYAIOAGACFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQALgIUAC4DVAA2AaYADAG+ABoDjAA2AgoAMgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIcAGABMgBgATIAMgEyAGABMgAeATIATgEyAE4BMv/2AZAAIgGQACIBkAAiAZAAIgGQACIBkAAiAZAAIgGQACICEgBgAOwAIgEuAB4BLgAeAS4AHgEuAB4BLgAeAS4AHgEuAAwBLgAeAS4ACgIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgBpgAMAqAAGAKgABgCoAAYAqAAGAGoAAwBqAAMAagADAGoAAwBqAAMAagADAGoAAwBqAAMAYwAGgGMABoBjAAaAYwAGgGMABoBjAAaAhQAPgIcAGACCABgAZ4ADAGMAAIBjAACAd4AJgIGAD4BRgBgAcwAIgHMAAoA5gA8AdAAYAFYABgBRgBgAZ4AHgGIABgA+AAwAPgANAIGAGABvAAoAeYAPAHeADYA3gAeAhQANgIMAFgBpgA2AeYAUgIkADYCJAA8AewAYAIYAGABvgA2AbwAEgIcADYCHAA2AyYANgMkADYDMAA2AzAANgIGAD4CBgA+Ad4AJgJsACYBpgA2AbgAKAIcACgCEgA2AQb/9gIcADYB4gA2AaYADAHiADYCDg
|
||
|
unicode-range: U+0000-1FFF, U+2070-20CF, U+2150-218F, U+2400-245F, U+2500-259F, U+27C0-28FF, U+2980-2AFF, U+2C00-2FFF, U+3040-31FF, U+3300-FFFF, U+10000-1EEFF, U+1F700-1F77F, U+1F800-1F8FF, U+1FB00-10FFFD;
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: "Source Sans 3";
|
||
|
font-style: italic;
|
||
|
font-weight: 200 900;
|
||
|
font-stretch: normal;
|
||
|
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQQkFTRWUeXb0ABgikAAAARkRTSUcAAAABAAKVEAAAAAhHREVG58+SvQAGBHwAAAP5R1BPU87Z4kkABJRcAAFwHkdTVUJJIqg7AARJbAAASu5IVkFSjSNo3AAEN/QAABF2TVZBUnkJbwAABDesAAAARk9TLzJ+TFMyAAAB2AAAAGBTVEFU757/4QAClYQAAADmYXZhcpg6iSYABgh4AAAAKmNtYXAmbEIcAAAhcAAAQk5mdmFyjSl2xgAClRgAAABqZ2x5Zg5dWzEAAHNgAAG63md2YXISzbZOAAKWbAABoUBoZWFkJWqsSAAAAVwAAAA2aGhlYQpoEHQAAAGUAAAAJGhtdHh9UQ7+AAACOAAAHzZsb2NhKVS3BwAAY8AAAA+ebWF4cAfoASAAAAG4AAAAIG5hbWVMctjPAAIuQAAAHehwb3N0Bln+pAACTCgAAEjlAAEAAAADDVBCHFf8Xw889QADA+gAAAAA4EqtxgAAAADgSq3J/Z7+4AgcA6YAAgAGAAIAAAAAAAAAAQAAA+j+ugAACED9nv30CBwD6ADC/9EAAAAAAAAAAAAAB80AAQAAB84AkAAMAIwACQABAAAAAAAAAAAAAAAAAAQAAwAEAd0AyAAFAAACigJY//EASwKKAlgARAFeADIBHgAAAgsDAwMEAwkCBOAAAv8AACADAAAAAAAAAABBREJPAAEAIP//A+j+ugAAA+gBRiAAAZ8AAAAAAd4ClAAAACAABQJYACoAyAAAAeD/1gImACgCGAA6AjwAKAHkACgBwAAoAjoAOgJWACgA1AAoAawAAgIKACgBsAAoAqQAKAJYACgCZAA+AgwAKAJkAD4CCgAoAegAEgHsAGQCUgBSAcIAVALWAGwBvv/cAaYAVgH2AAICDAAuAgoALAGsACwCDgAuAdQALAD2ADACBgAGAfgALADWACwA1v+KAbQALADiADIDCAAsAfgALAH0AC4CCAAAAggALgE0ACwBgAAAASIARgH4AEABmAA6AqIARAF8/9ABmP+sAYD/9gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/0gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAwb/4AMG/+ADBv/gAeD/1gI+ABYCmABAAiYAKAImACgCGAA6AhgAOgIYADoCGAA6AhgAOgIYADoCPAAoAjwAKAI8ACgCPAAoAjwAKAJQADYCrgBAAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5P/4AgwAFgHAACgCOgA6AjoAOgI6ADoCOgA6AjoAOgI6ADoCOgA6AmIAOgI6ADoCOgA6AlYAKAJWACgCVgAoAlYAKAJWACgCVv+6AlYAKAJWACgCfgA8ANQAKADUACgA1AAoANQAKADUACgA1AAoANQAKADUACgA1AAoANT/9gDU/8wA1AAoANT/8gD8ADABqAAoAawAAgGsAAIBwgACAgoAKAIKACgCCgAoAbAAKAGwACgBsAAoAbAAKAGwACgBsAAoAbr//gHEADABxAAoAewAGgHIAAoBsAAoAqQAKAKkACgCpAAoAlgAKAJYACgCWAAoAlgAKAJYACgCWAAoAlgAKAJYACgCSAAoAlIAKAJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAACAmQAAgMiAD4BvP/SAhgAEAQCAD4ChgAwAmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AgwAKAIKACgCCgAoAgoAKAIKACgCCgAoAgoAKAIKACgB6AASAegAEgHoABIB6AASAegAEgHoABIB6AASAegAEgJaACgB7ABkAewAZAHsAEYB7ABSAewAZAHsADwB7ABkAewAZAHs/+YCUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJ6ACwCUgBSAlgAUgJYAFICWABSAlgAUgJYAFICWABSAcIAVALWAGwC1gBsAtYAbALWAGwBpgBWAaYAVgGmAFYBpgBWAaYAVgGmAFYBpgBWAaYAVgH2AAIB9gACAfYAAgH2AAIB9gACAfYAAgJQADYCGAAoAgwADAHSAAQCDAAJAgwACQJiAD4CbwA+AggADAI4AAYCOP/nAbAAVgIAAAwB2AA2AggADAHsADoBmAA6ANQALgGm/8oCcABAAcP/vgHOAFgA7gAUAO4AbgNgACgBqAAoAeD/1gHkACgA1P/MAmQAPgJSAFICDAAWAab/ygIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAv4AKAL+ACgC/gAoAgwALgIeAEACCgAsAgoALAIKACwBrAAsAawALAGsACwBrAAsAawALAGsACwCDgAuAggALgIOAC4CDgAuAg4ALgIKAC4B1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACIA9gAwAgYABgIGAAYCBgAGAgYABgIGAAYCBgAGAgYABgIGAAYCBgAGAgYABgH4ACwB+AAsAfgALAH4ACwB+AAsAfj/vAH4ACwB+AAsAgwAQADWACwA1gAsANYAHgDWABwA1gAsANYALADWACwA1v/8ANYALADWABQA1v/QANYALADmABQA1gAsAawALADW/4oA1v+KAP7/ngDW/4oBtAAsAbQALAG0ACwBtAAsAOIAMgDSADIA4v/UAOIAEADiABAA4v++APYAGAEKACgBCgAcAToAHAEEABYBAgAyAwgALAMIACwDCAAsAfgALAH4ACwB+AAsAfgALAH4ACwB+AAsAfgALAH4ACwCogBgAfgALAH4ACwB9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQAAAH0AAADOAAuAZj/6AGr/+wDZgAuAgoAMgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgIIAAABNAAsATQALAE0ACwBNP/KATQABgE0AAYBNP+0AYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAACAAAsAPYAMAEiAEYBIgBGASIAKgEiAB4BIgBGASIACAEiAEYBIgAaASL/2AH4AEAB+ABAAfgAQAH4AEAB+ABAAfgAQAH4AEAB+ABAAfgAQAH4AEAB+ABGAfgARgH4AEAB+ABAAfgAQAH4AEAB+ABAAfgAQAH4AEACDABAAgwAQAIMAEACDABAAgwAQAIMAEABmAA6AqIARAKiAEQCogBEAqIARAGY/6wBmP+sAZj/rAGY/6wBmP+sAZj/rAGY/6wBmP+sAYD/9gGA//YBgP/2AYD/9gGA//YBgP/2AgIAMgIIAAAB/AAAAY7/8AGM/7oBjP+6AdQAIgHuADABSAAAAbr//AG6/9QA4gAKAcIAAAFKACwBSAAAAZAALAGIAEAA7gAUAO4ASgHkADIBrAAsAgwALgHUACwA1v/QAfQALgH4AEYBjAAWAdoASgIMAC4CDAAwAcoALAIIAAABrAAJAar/5AIOAC4CDgAuAvwALgMIAC4DEgAuAwgALgHuADAB6AA0AdQAHAJYAAwBjAAWAYwAAAIUAAAB1AAuAP7/ngIGAAYBzgAsAZgALgHOACwCAg
|
||
|
unicode-range: U+0000-1FFF, U+2070-20CF, U+2150-218F, U+2400-245F, U+2500-259F, U+27C0-28FF, U+2980-2AFF, U+2C00-2FFF, U+3040-31FF, U+3300-FFFF, U+10000-1EEFF, U+1F700-1F77F, U+1F800-1F8FF, U+1FB00-10FFFD;
|
||
|
}
|
||
|
/* JetBrains Mono - Distributed under the SIL Open Font Licence 1.1 - https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt */
|
||
|
@font-face {
|
||
|
font-family: "JetBrains Mono";
|
||
|
font-style: normal;
|
||
|
font-weight: 100 800;
|
||
|
src: url("data:application/octet-stream;base64,AAEAAAAUAQAABABAR0RFRs4oWGkAAmVoAAADLEdQT1PbPsP7AAJolAAAKi5HU1VCKNvJiAACksQAAGIUSFZBUtUy1EAAAvTYAAADik9TLzISNQuEAAAByAAAAGBTVEFU7MXb6AAC+GQAAACqYXZhcgrTIAEAAvkQAAAAKmNtYXBaJFjaAAAdZAAAQmpmdmFykulplgAC+TwAAABkZ2FzcAAAABAAAmVgAAAACGdseWbecj6hAABteAABpB5ndmFyXqs7ugAC+aAAAaaIaGVhZBsfX9MAAAFMAAAANmhoZWEANQdXAAABhAAAACRobXR4VPZKDwAAAigAABs8bG9jYSyzlPAAAF/YAAANoG1heHAHUwKMAAABqAAAACBuYW1lYC8bGwACEZgAAAeScG9zdF1amgQAAhksAABMM3ByZXBoBoyFAABf0AAAAAcAAQAAAAJN0+IAdXhfDzz1AAMD6AAAAADf6GZ5AAAAAN/oZ9T5Of5wAv0EYAAAAAYAAgAAAAAAAAABAAAD/P7UAAACWPk5/1sC/QABAAAAAAAAAAAAAAAAAAAGzwABAAAGzwG4AG4A0gASAAEAAAAAAAAAAAAAAAAAAwABAAQCWAGQAAUAAAKKAlgAAABLAooCWAAAAV4AMgFAAAACAAAJAAAAAAAAoAQC/xIA+fsCAAA8AAAAAEpCAAAAwAAN//8D/P7UAAAD/AEsIAABn9/XAAACJgLaAAAAIAAGAlgAWgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAHgJYAB4CWABdAlgAXAJYAFwCWABcAlgAXAJYAFwCWABcAlgAXAJYAAoCWABcAlgACgJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAQgJYAGQCWABfAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAF0CWAAKAlgAXQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAC0CWAAtAlgAXAJYAFwCWACCAlgAdQJYAIICWACCAlgAggJYABQCWABIAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYACMCWAAjAlgAWAJYACgCWABcAlgAWgJYAFACWABdAlgAXQJYAF0CWABdAlgASAJYAEgCWABIAlgASAJYAEgCWABIAlgAXAJYAFoCWAA3AlgANwJYADcCWAA3AlgANwJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWAAyAlgAFAJYABQCWAAUAlgAFAJYABQCWAAoAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAVQJYAFUCWABVAlgAVQJYABkCWAAZAlgAGQJYABkCWAAZAlgAXQJYAF0CWABYAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWAAfAlgAHwJYAFwCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABXAlgARgJYAD8CWABaAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFgCWABUAlgAWgJYADcCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAXAJYAAACWP/UAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABhAlgAYQJYAGcCWAAeAlgAHgJYADICWAAeAlgAHgJYAAoCWAAeAlgAPAJYAFwCWABcAlj/9gJYAFwCWABcAlgAXgJYAFwCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAWAJYACMCWAAjAlgAVAJYACMCWABcAlgAVwJYAFcCWABwAlgAcAJYAHACWAAjAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAXAJYAKUCWAAvAlgALwJYAC8CWAAvAlgALwJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYADYCWAAfAlgAHwJYAB8CWAAfAlgAHwJYADICWAA2AlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgANgJYADYCWABaAlgAWgJYAFoCWABaAlgAXAJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYACMCWAAjAlgAIwJYACMCWAAjAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAFoCWABaAlgAWgJY//sCWP/7Alj/+wJY//sCWP/7Alj/+wJYADwCWAAiAlgAIgJYACICWAAiAlgAIgJYAGQCWABkAlgAZAJYAEECWABGAlgARgJYAEYCWABGAlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYACMCWABBAlgANwJYAK8CWAC5AlgAMgJYAF4CWABdAlgAggJYAIICWACCAlgAGQJYAGQCWABkAlgABgJYADQCWABaAlgAWgJYAFwCWABcAlgAFAJYAEgCWABdAlgAWAJYAF4CWABcAlgAXAJYADcCWAAyAlgAMgJYAC4CWAAoAlgASwJYAF4CWAA8AlgAPAJYAF4CWABeAlj/+wJYADwCWP/7AlgANQJYAEgCWABcAlgATgJYAGkCWABpAlgALQJYAAACWAA8AlgAOAJYAAACWAAeAlgAUQJYAFkCWAAjAlgAIwJYAEECWABfAlgAVAJYAAYCWAA0AlgAWgJYAFgCWABaAlgASwJYAAoCWABdAlgAXQJYAFgCWAAyAlgAMgJYAAACWABDAlgAVgJYAFwCWACHAlgAhwJYAIICWAAbAlgAVAJYAFQCWAAPAlgARgJYAFwCWABcAlgAZwJYAGcCWAAZAlgASAJYAFwCWABUAlgAXAJYAFwCWABYAlgANwJYADYCWAA2AlgAMAJYADICWABOAlgAXAJYADwCWAA8AlgAXAJYAGkCWAAZAlgAPAJYAAUCWAA+AlgAVQJYAFcCWABQAlgAVQJYAFUCWABVAlgAAAJYADwCWAA/AlgAAAJYADICWABcAlgAWwJYADwCWAA8AlgASQJYAGQCWABUAlgADwJYAEYCWABcAlgAVAJYAFoCWABOAlgAWgJYAAoCWABkAlgAZAJYAGQCWAA2AlgANgJYAAACWAAyAlgAXQJYAIICWAAyAlgAZAJYAFUCWABdAlgAWAJYAGkCWABcAlgAMgJYAEgCWABaAlgAUAJYAFgCWABeAlgAXAJYAEsCWAA3AlgAIwJYAC4CWAAoAlgANgJYADICWAAKAlj/jQJY/40CWP
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: "JetBrains Mono";
|
||
|
font-style: italic;
|
||
|
font-weight: 100 800;
|
||
|
font-stretch: normal;
|
||
|
src: url("data:application/octet-stream;base64,AAEAAAAUAQAABABAR0RFRsIKOd4AAnMwAAADlEdQT1NOeNBSAAJ2xAAALXRHU1VCkqlKQAACpDgAAGE+SFZBUtIe0TwAAwV4AAADe09TLzISNgtwAAAByAAAAGBTVEFU7Prb5AADCPQAAACmYXZhcgrTIAEAAwmcAAAAKmNtYXAh3ET8AAAdLAAAQmpmdmFykulplgADCcgAAABkZ2FzcAAAABAAAnMoAAAACGdseWZXBjAtAABtKAABsapndmFyFtG9GwADCiwAAaxsaGVhZBsWX5kAAAFMAAAANmhoZWEAyAsvAAABhAAAACRobXR4Mg752QAAAigAABsEbG9jYexYfjMAAF+gAAANhm1heHAHRgKMAAABqAAAACBuYW1lxdpKvAACHtQAAAjEcG9zdPPWb24AAieYAABLkHByZXBoBoyFAABfmAAAAAcAAQAAAAJN0yJA3fRfDzz1AAMD6AAAAADf6GY/AAAAAN/oZ9T5Lv5wAv0EYAACAAYAAgAAAAAAAAABAAAD/P7UAAACWPku/1sC/QPoAJ4AAAAAAAAAAAAAAAAGwAABAAAGwgG4AG4A0gASAAEAAAAAAAAAAAAAAAAAAwABAAQCWAGQAAUAAAKKAlj/9ABLAooCWAA3AV4AMgFAAAACAAAJAAAAAAAAoAQC/xIA+fsCAAA8AAAAAEpCAAAAgQAN//8D/P7UAAAD/AEsIAABn9/XAAACJgLaAAAAIAAGAlgAWgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlj/8gJY//ICWAAxAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgAMAJYAAoCWAAwAlgACgJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAMgJYADgCWAAzAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYADECWAAxAlgAMQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYABICWAASAlgAMAJYADACWABWAlgAVgJYAFYCWABWAlgAVgJYAAwCWAAcAlgALgJYAC4CWAAuAlgALgJYAC4CWAAuAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJY//ECWP/xAlgAQgJYABACWAAwAlgALgJYADoCWAAxAlgAMQJYADECWAAxAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMAJYAEQCWAByAlgAcQJYAHICWAByAlgAbAJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWABEAlgAPgJYAD4CWAB6AlgAPwJYAD8CWAA/AlgAPwJYAD8CWP/8AlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAKQJYACkCWAApAlgAKQJYADYCWAA2AlgANgJYADYCWAA2AlgAMQJYADECWABCAlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAAAAlgAAAJYADACWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABBAlgAMgJYACMCWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAEICWAA+AlgARAJYAAACWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAMAJYAC4CWAAcAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAARAlgAEQJYABECWAA1AlgANQJYADUCWABZAlgAWQJYAAcCWABZAlgAWQJYAEUCWABZAlgAEAJYADACWAAwAlgAJgJYADACWAAwAlgAMgJYADACWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJY//ICWP/yAlgAQgJYAAMCWAATAlgADgJYAEICWABEAlgARAJYAEQCWP/RAlgANgJYADYCWAA2AlgANgJYADYCWAA2Alj/ewJY/9ECWABNAlgATQJYAE0CWABNAlgATQJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA/AlgAPwJYAD4CWAA/AlgAPwJYAGECWABKAlgASgJYAEoCWABKAlgASgJYAAsCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWAAuAlgALgJYAC4CWAAuAlgAMAJYABUCWAAVAlgAFQJYABUCWAAVAlgAFQJYAEECWABBAlgAQQJYAEECWABBAlj/+gJY//oCWP/6Alj/+gJY//oCWP/6Alj/+gJYACYCWAAmAlgAJgJYADYCWAA2AlgANgJYADYCWAA2AlgAEQJYABACWABAAlgAQAJYAEACWABAAlgAQAJYADgCWAA4AlgAOAJYABUCWAAaAlgAGgJYABoCWAAaAlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA+AlgAPgJYAD4CWAA+AlgAPgJY/9QCWAAVAlj/8wJYANICWADdAlgABgJYADICWAAxAlgAVgJYAFYCWABWAlj/1wJYADgCWAA4Alj/2gJYAB8CWAAuAlgALgJYADACWAAwAlj/5wJYABwCWAAxAlgAQgJYADICWAAwAlgARgJYAHICWAB6AlgAegJYACICWP/8AlgAWQJYADICWAASAlgAEAJYADICWAAyAlgANgJYABACWP/OAlgACQJYADICWABGAlgAOAJYAD0CWAA9AlgAEgJYADsCWAAQAlgADAJYADsCWAAmAlgAJQJYAC0CWABrAlgAawJYAE8CWAAXAlgAPgJY/9oCWAAfAlgALgJYAEICWAA+AlgAWQJY/94CWAAxAlgAMQJYACwCWAAWAlgAFgJYAAACWAA9AlgAOgJYADECWAA1AlgANQJYAFYCWAA+AlgAPgJYAD4CWP/jAlgAKgJYAD4CWAA+AlgANQJYADUCWP/sAlgAIAJYADICWABCAlgAMgJYABMCWABAAlgAVgJYAEYCWABGAlj/9wJYAAsCWABOAlgAMAJYABICWAAQAlgAMgJYAD0CWAAeAlgAEAJY/9gCWAAUAlgANgJYAEQCWAA6AlgAJAJYACQCWAARAlgALgJYABICWAATAlgALgJYADECWAAwAlgALwJYAGgCWABFAlgASQJYADkCWAA7Alj/4wJYACoCWAA+AlgAQgJYAEQCWABOAlgAJgJY/94CWAA4AlgAOAJYADgCWAAAAlgABgJYADECWABWAlgABgJYADgCWAApAlgAMQJYAEICWAA9AlgAMAJYAAYCWAAcAlgALgJYACQCWABCAlgAMgJYADACWAAfAlgAcgJYAGsCWAAiAlj//AJYADcCWAAGAlgABgJY/7sCWP+7Alj/uwJY/94CWP+xAlj/zwJYAD0CWABrAlgAMAJYADECWAAxAlgAPQJYABMCWA
|
||
|
}
|
||
|
body {
|
||
|
--blur-intensity: 8px;
|
||
|
--accent-border-width: 2px;
|
||
|
--scroll-bar-size: 12px;
|
||
|
--window-border: 1px solid var(--window-border-color);
|
||
|
--fade-away-opacity: 0.25;
|
||
|
--fade-away-delay: 850ms;
|
||
|
--custom-vault-banner-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
|
||
|
--mark-highlight-base: var(--color-yellow-base);
|
||
|
--font-interface-theme: "Source Sans 3";
|
||
|
--font-text-theme: "Source Sans 3";
|
||
|
--font-monospace-theme: "JetBrains Mono";
|
||
|
--h1-size: 2.2em;
|
||
|
--h2-size: 2em;
|
||
|
--h3-size: 1.8em;
|
||
|
--h4-size: 1.6em;
|
||
|
--h5-size: 1.4em;
|
||
|
--h6-size: 1.2em;
|
||
|
--h1-weight: var(--font-extrabold);
|
||
|
--h2-weight: var(--font-extrabold);
|
||
|
--h3-weight: var(--font-extrabold);
|
||
|
--h4-weight: var(--font-extrabold);
|
||
|
--h5-weight: var(--font-extrabold);
|
||
|
--h6-weight: var(--font-extrabold);
|
||
|
--h1-line-height: 1.3;
|
||
|
--h2-line-height: 1.3;
|
||
|
--h3-line-height: 1.35;
|
||
|
--h4-line-height: 1.4;
|
||
|
--tag-padding-y: 0;
|
||
|
--tag-padding-x: 0.75ch;
|
||
|
--tag-border-width: 2px;
|
||
|
--tag-size: var(--font-smallest);
|
||
|
--tag-radius: var(--radius-s);
|
||
|
--p-spacing: 0.5em;
|
||
|
--file-folding-offset: 20px;
|
||
|
--nav-item-padding: var(--size-2-1) var(--size-4-2) var(--size-2-1) var(--size-4-6);
|
||
|
--text-error: var(--color-red-text);
|
||
|
--text-accent: var(--interactive-accent-text);
|
||
|
--icon-color-focused: var(--interactive-accent-text);
|
||
|
--background-modifier-error: var(--color-red-text);
|
||
|
--background-modifier-border: var(--window-border-color);
|
||
|
--background-modifier-border-focus: var(--interactive-accent-base);
|
||
|
--background-modifier-border-hover: var(--interactive-accent-tint);
|
||
|
--indentation-guide-color-active: var(--interactive-accent-tint);
|
||
|
--nav-item-children-margin-left: 13px;
|
||
|
--icon-color-hover: var(--highlight-text-normal);
|
||
|
--nav-item-color-hover: var(--highlight-text-normal);
|
||
|
--checkbox-marker-color: var(--highlight-text-normal);
|
||
|
--checklist-done-color: var(--interactive-accent-tint);
|
||
|
--checkbox-border-color-hover: var(--interactive-accent-tint);
|
||
|
--blockquote-border-color: var(--window-border-color);
|
||
|
--ribbon-background-collapsed: var(--background-secondary);
|
||
|
--titlebar-background-focused: var(--background-secondary);
|
||
|
--header-height: 41px;
|
||
|
--input-height: 32px;
|
||
|
--input-radius: var(--radius-s);
|
||
|
--toggle-thumb-height: 18px;
|
||
|
--toggle-thumb-width: 18px;
|
||
|
--toggle-border-width: 1px;
|
||
|
--toggle-width: 42px;
|
||
|
--toggle-s-thumb-height: 14px;
|
||
|
--toggle-s-thumb-width: 14px;
|
||
|
--toggle-s-border-width: 4px;
|
||
|
--divider-color-hover: var(--interactive-accent-tint);
|
||
|
--file-header-font-size: var(--font-ui-medium);
|
||
|
--vault-name-font-size: var(--font-ui-medium);
|
||
|
--vault-profile-font-size: var(--font-ui-medium);
|
||
|
--status-bar-font-size: var(--font-ui-small);
|
||
|
--tab-stacked-font-size: var(--font-ui-medium);
|
||
|
--modal-border-color: var(--window-border-color);
|
||
|
--drag-ghost-text-color: var(--text-normal);
|
||
|
--clickable-icon-radius: var(--radius-s);
|
||
|
--toggle-radius: var(--size-4-1);
|
||
|
--toggle-thumb-radius: 3px;
|
||
|
--slider-thumb-radius: var(--size-4-1);
|
||
|
--slider-thumb-width: 10px;
|
||
|
--scrollbar-active-thumb-bg: var(--interactive-accent-base);
|
||
|
--scrollbar-thumb-bg: var(--background-primary-alt);
|
||
|
--text-on-accent: var(--highlight-text-normal);
|
||
|
--prompt-border-color: var(--window-border-color);
|
||
|
--embed-border-top: 1px solid var(--window-border-color);
|
||
|
--embed-border-bottom: 1px solid var(--window-border-color);
|
||
|
--embed-border-end: 1px solid var(--window-border-color);
|
||
|
--embed-padding: unset;
|
||
|
--code-comment: var(--color-grey-text);
|
||
|
--graph-controls-width: 150px;
|
||
|
--pdf-shadow: unset;
|
||
|
--pdf-thumbnail-shadow: unset;
|
||
|
--metadata-gap: var(--size-2-1);
|
||
|
--pill-radius: var(--radius-s);
|
||
|
--collapse-icon-color-collapsed: var(--text-normal);
|
||
|
--embed-max-height: 800px;
|
||
|
--metadata-label-background-active: var(--background-secondary);
|
||
|
--metadata-input-background-active: var(--background-secondary);
|
||
|
--status-bar-background-color-lt: #EBECEF;
|
||
|
--status-bar-background-color-dt: #2B2B2B;
|
||
|
}
|
||
|
body:is(.theme-light, .theme-dark) {
|
||
|
--color-grey-base: hsl(var(--color-grey-base-hsl));
|
||
|
--color-red-base: hsl(var(--color-red-base-hsl));
|
||
|
--color-orange-base: hsl(var(--color-orange-base-hsl));
|
||
|
--color-yellow-base: hsl(var(--color-yellow-base-hsl));
|
||
|
--color-green-base: hsl(var(--color-green-base-hsl));
|
||
|
--color-mint-base: hsl(var(--color-mint-base-hsl));
|
||
|
--color-cyan-base: hsl(var(--color-cyan-base-hsl));
|
||
|
--color-blue-base: hsl(var(--color-blue-base-hsl));
|
||
|
--color-purple-base: hsl(var(--color-purple-base-hsl));
|
||
|
--color-pink-base: hsl(var(--color-pink-base-hsl));
|
||
|
--color-grey-tint: hsl(var(--color-grey-tint-hsl));
|
||
|
--color-red-tint: hsl(var(--color-red-tint-hsl));
|
||
|
--color-orange-tint: hsl(var(--color-orange-tint-hsl));
|
||
|
--color-yellow-tint: hsl(var(--color-yellow-tint-hsl));
|
||
|
--color-green-tint: hsl(var(--color-green-tint-hsl));
|
||
|
--color-mint-tint: hsl(var(--color-mint-tint-hsl));
|
||
|
--color-cyan-tint: hsl(var(--color-cyan-tint-hsl));
|
||
|
--color-blue-tint: hsl(var(--color-blue-tint-hsl));
|
||
|
--color-purple-tint: hsl(var(--color-purple-tint-hsl));
|
||
|
--color-pink-tint: hsl(var(--color-pink-tint-hsl));
|
||
|
--color-grey-text: hsl(var(--color-grey-text-hsl));
|
||
|
--color-red-text: hsl(var(--color-red-text-hsl));
|
||
|
--color-orange-text: hsl(var(--color-orange-text-hsl));
|
||
|
--color-yellow-text: hsl(var(--color-yellow-text-hsl));
|
||
|
--color-green-text: hsl(var(--color-green-text-hsl));
|
||
|
--color-mint-text: hsl(var(--color-mint-text-hsl));
|
||
|
--color-cyan-text: hsl(var(--color-cyan-text-hsl));
|
||
|
--color-blue-text: hsl(var(--color-blue-text-hsl));
|
||
|
--color-purple-text: hsl(var(--color-purple-text-hsl));
|
||
|
--color-pink-text: hsl(var(--color-pink-text-hsl));
|
||
|
--text-normal: hsl(var(--text-normal-hsl));
|
||
|
--text-muted: hsl(var(--text-muted-hsl));
|
||
|
--text-faint: hsl(var(--text-faint-hsl));
|
||
|
--background-primary: hsl(var(--background-primary-hsl));
|
||
|
--background-primary-blur: hsl(var(--background-primary-hsl), 80%);
|
||
|
--background-primary-alt: hsl(var(--background-primary-alt-hsl));
|
||
|
--background-secondary: hsl(var(--background-secondary-hsl));
|
||
|
--background-secondary-blur: hsla(var(--background-secondary-blur-hsl), 80%);
|
||
|
--background-secondary-alt: hsl(var(--background-secondary-alt-hsl));
|
||
|
--background-secondary-alt-blur: hsla(var(--background-secondary-alt-hsl), 80%);
|
||
|
--input-shadow: unset;
|
||
|
--input-shadow-hover: unset;
|
||
|
--tab-stacked-shadow: 0;
|
||
|
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl), 90%);
|
||
|
--text-selection: hsla(var(--interactive-accent-tint-hsl), 55%);
|
||
|
--text-highlight-bg: var(--interactive-accent-base);
|
||
|
--interactive-accent: var(--interactive-accent-tint);
|
||
|
--interactive-hover: var(--background-primary);
|
||
|
--text-accent-hover: var(--interactive-accent-hover);
|
||
|
--scroll-button-background-color: var(--background-primary);
|
||
|
--color-red: var(--color-red-text);
|
||
|
--color-orange: var(--color-orange-text);
|
||
|
--color-yellow: var(--color-yellow-text);
|
||
|
--color-green: var(--color-green-text);
|
||
|
--color-cyan: var(--color-cyan-text);
|
||
|
--color-blue: var(--color-blue-text);
|
||
|
--color-purple: var(--color-purple-text);
|
||
|
--color-pink: var(--color-pink-text);
|
||
|
--color-accent-base-lt: var(--color-red-base-hsl);
|
||
|
--color-accent-tint-lt: var(--color-red-tint-hsl);
|
||
|
--color-accent-text-lt: var(--color-red-text-hsl);
|
||
|
--color-accent-base-dt: var(--color-red-base-hsl);
|
||
|
--color-accent-tint-dt: var(--color-red-tint-hsl);
|
||
|
--color-accent-text-dt: var(--color-red-text-hsl);
|
||
|
--color-accent-hsl: var(--interactive-accent-text-hsl);
|
||
|
--color-accent: var(--interactive-accent-text);
|
||
|
--color-accent-1: var(--interactive-accent-tint);
|
||
|
--color-accent-2: var(--interactive-accent-base);
|
||
|
}
|
||
|
body:is(.theme-light, .theme-dark).pt-disable-blur {
|
||
|
--background-secondary-blur: var(--background-secondary);
|
||
|
}
|
||
|
body.theme-light {
|
||
|
--window-border-color: var(--background-secondary-alt);
|
||
|
--h1-color: var(--h1-text-color-lt);
|
||
|
--h2-color: var(--h2-text-color-lt);
|
||
|
--h3-color: var(--h3-text-color-lt);
|
||
|
--h4-color: var(--h4-text-color-lt);
|
||
|
--h5-color: var(--h5-text-color-lt);
|
||
|
--h6-color: var(--h6-text-color-lt);
|
||
|
--bold-color: var(--text-bold-color-lt);
|
||
|
--italic-color: var(--text-italic-color-lt);
|
||
|
--link-color: hsl(var(--link-internal-color-lt));
|
||
|
--link-color-hover: hsla(var(--link-internal-color-lt), 60%);
|
||
|
--link-external-color: hsl(var(--link-external-color-lt));
|
||
|
--link-external-color-hover: hsla(var(--link-external-color-lt), 60%);
|
||
|
--link-unresolved-color: hsl(var(--link-internal-color-lt));
|
||
|
--inline-title-color: var(--inline-title-color-lt);
|
||
|
--code-background: var(--background-primary);
|
||
|
--blockquote-background-color: var(--background-primary-alt);
|
||
|
--checkbox-color: var(--background-primary-alt);
|
||
|
--checkbox-border-color: var(--background-secondary-alt);
|
||
|
--scrollbar-bg: var(--background-secondary);
|
||
|
--pdf-background: var(--background-primary);
|
||
|
--pdf-sidebar-background: var(--background-primary);
|
||
|
--canvas-dot-pattern: hsla(var(--background-secondary-alt-hsl), 75%);
|
||
|
--indentation-guide-color: hsla(var(--background-secondary-alt-hsl), 75%);
|
||
|
--interactive-normal: var(--background-primary);
|
||
|
--toggle-thumb-color: var(--background-primary);
|
||
|
--background-modifier-form-field: var(--background-primary);
|
||
|
--graph-line: var(--graph-line-color-lt);
|
||
|
--graph-node: var(--graph-fill-color-lt);
|
||
|
--graph-node-focused: var(--graph-fill-focused-color-lt);
|
||
|
--graph-node-tag: var(--graph-tag-color-lt);
|
||
|
--graph-node-attachment: var(--graph-attachment-color-lt);
|
||
|
--graph-node-unresolved: var(--graph-unresolved-color-lt);
|
||
|
--graph-line-color-lt: var(--background-secondary-alt);
|
||
|
--graph-fill-color-lt: var(--color-grey-tint);
|
||
|
--graph-fill-focused-color-lt: var(--interactive-accent-tint);
|
||
|
--graph-tag-color-lt: var(--color-blue-tint);
|
||
|
--graph-attachment-color-lt: var(--color-yellow-tint);
|
||
|
--graph-unresolved-color-lt: var(--color-red-tint);
|
||
|
--h1-text-color-lt: var(--text-normal);
|
||
|
--h2-text-color-lt: var(--text-normal);
|
||
|
--h3-text-color-lt: var(--text-normal);
|
||
|
--h4-text-color-lt: var(--text-normal);
|
||
|
--h5-text-color-lt: var(--text-normal);
|
||
|
--h6-text-color-lt: var(--text-normal);
|
||
|
--text-bold-color-lt: var(--text-normal);
|
||
|
--text-italic-color-lt: var(--text-normal);
|
||
|
--text-italic-bold-color-lt: var(--text-normal);
|
||
|
--link-internal-color-lt: var(--interactive-accent-text-hsl);
|
||
|
--link-external-color-lt: var(--interactive-accent-text-hsl);
|
||
|
}
|
||
|
body.theme-light.pt-color-scheme-style-border-lt {
|
||
|
--background-secondary: var(--background-primary);
|
||
|
--background-secondary-blur: var(--background-primary-blur);
|
||
|
}
|
||
|
body.theme-light.pt-color-scheme-style-border-lt.pt-disable-blur {
|
||
|
--background-secondary-blur: var(--background-primary);
|
||
|
}
|
||
|
body.theme-light.pt-color-scheme-style-minimal-lt {
|
||
|
--background-secondary: var(--background-primary);
|
||
|
--background-secondary-blur: var(--background-primary-blur);
|
||
|
--window-border: 1px solid transparent;
|
||
|
}
|
||
|
body.theme-light.pt-color-scheme-style-minimal-lt.pt-disable-blur {
|
||
|
--background-secondary-blur: var(--background-primary);
|
||
|
}
|
||
|
body.theme-light.pt-highlight-text-light-lt {
|
||
|
--highlight-text-normal: var(--background-primary);
|
||
|
}
|
||
|
body.theme-light.pt-highlight-text-dark-lt {
|
||
|
--highlight-text-normal: var(--text-normal);
|
||
|
}
|
||
|
body.theme-light.pt-highlight-text-accent-lt {
|
||
|
--highlight-text-normal: var(--interactive-accent-text);
|
||
|
}
|
||
|
body.theme-light.pt-highlight-text-custom-lt {
|
||
|
--highlight-text-normal: var(--highlight-text-accent-custom-lt);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-custom-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-accent-base-lt);
|
||
|
--interactive-accent-tint-hsl: var(--color-accent-tint-lt);
|
||
|
--interactive-accent-text-hsl: var(--color-accent-text-lt);
|
||
|
--interactive-accent-base: hsl(var(--color-accent-base-lt));
|
||
|
--interactive-accent-tint: hsl(var(--color-accent-tint-lt));
|
||
|
--interactive-accent-text: hsl(var(--color-accent-text-lt));
|
||
|
--interactive-accent-hover: hsl(var(--color-accent-tint-lt));
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-red-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-red-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-red-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-red-text-hsl);
|
||
|
--interactive-accent-base: var(--color-red-base);
|
||
|
--interactive-accent-tint: var(--color-red-tint);
|
||
|
--interactive-accent-text: var(--color-red-text);
|
||
|
--interactive-accent-hover: var(--color-red-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-orange-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-orange-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-orange-text-hsl);
|
||
|
--interactive-accent-base: var(--color-orange-base);
|
||
|
--interactive-accent-tint: var(--color-orange-tint);
|
||
|
--interactive-accent-text: var(--color-orange-text);
|
||
|
--interactive-accent-hover: var(--color-orange-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-yellow-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-yellow-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-yellow-text-hsl);
|
||
|
--interactive-accent-base: var(--color-yellow-base);
|
||
|
--interactive-accent-tint: var(--color-yellow-tint);
|
||
|
--interactive-accent-text: var(--color-yellow-text);
|
||
|
--interactive-accent-hover: var(--color-yellow-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-green-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-green-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-green-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-green-text-hsl);
|
||
|
--interactive-accent-base: var(--color-green-base);
|
||
|
--interactive-accent-tint: var(--color-green-tint);
|
||
|
--interactive-accent-text: var(--color-green-text);
|
||
|
--interactive-accent-hover: var(--color-green-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-mint-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-mint-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-mint-text-hsl);
|
||
|
--interactive-accent-base: var(--color-mint-base);
|
||
|
--interactive-accent-tint: var(--color-mint-tint);
|
||
|
--interactive-accent-text: var(--color-mint-text);
|
||
|
--interactive-accent-hover: var(--color-mint-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-cyan-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-cyan-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-cyan-text-hsl);
|
||
|
--interactive-accent-base: var(--color-cyan-base);
|
||
|
--interactive-accent-tint: var(--color-cyan-tint);
|
||
|
--interactive-accent-text: var(--color-cyan-text);
|
||
|
--interactive-accent-hover: var(--color-cyan-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-blue-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-blue-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-blue-text-hsl);
|
||
|
--interactive-accent-base: var(--color-blue-base);
|
||
|
--interactive-accent-tint: var(--color-blue-tint);
|
||
|
--interactive-accent-text: var(--color-blue-text);
|
||
|
--interactive-accent-hover: var(--color-blue-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-purple-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-purple-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-purple-text-hsl);
|
||
|
--interactive-accent-base: var(--color-purple-base);
|
||
|
--interactive-accent-tint: var(--color-purple-tint);
|
||
|
--interactive-accent-text: var(--color-purple-text);
|
||
|
--interactive-accent-hover: var(--color-purple-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-pink-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-pink-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-pink-text-hsl);
|
||
|
--interactive-accent-base: var(--color-pink-base);
|
||
|
--interactive-accent-tint: var(--color-pink-tint);
|
||
|
--interactive-accent-text: var(--color-pink-text);
|
||
|
--interactive-accent-hover: var(--color-pink-tint);
|
||
|
}
|
||
|
body.theme-light.pt-accent-color-grey-lt {
|
||
|
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-grey-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-grey-text-hsl);
|
||
|
--interactive-accent-base: var(--color-grey-base);
|
||
|
--interactive-accent-tint: var(--color-grey-tint);
|
||
|
--interactive-accent-text: var(--color-grey-text);
|
||
|
--interactive-accent-hover: var(--color-grey-tint);
|
||
|
}
|
||
|
body.theme-dark {
|
||
|
--window-border-color: var(--background-primary-alt);
|
||
|
--h1-color: var(--h1-text-color-dt);
|
||
|
--h2-color: var(--h2-text-color-dt);
|
||
|
--h3-color: var(--h3-text-color-dt);
|
||
|
--h4-color: var(--h4-text-color-dt);
|
||
|
--h5-color: var(--h5-text-color-dt);
|
||
|
--h6-color: var(--h6-text-color-dt);
|
||
|
--text-bold-color-dt: var(--text-normal);
|
||
|
--text-italic-color-dt: var(--text-normal);
|
||
|
--text-italic-bold-color-dt: var(--text-normal);
|
||
|
--link-internal-color-dt: var(--interactive-accent-text-hsl);
|
||
|
--link-external-color-dt: var(--interactive-accent-text-hsl);
|
||
|
--bold-color: var(--text-bold-color-dt);
|
||
|
--italic-color: var(--text-italic-color-dt);
|
||
|
--link-color: hsl(var(--link-internal-color-dt));
|
||
|
--link-color-hover: hsla(var(--link-internal-color-dt), 60%);
|
||
|
--link-external-color: hsl(var(--link-external-color-dt));
|
||
|
--link-external-color-hover: hsla(var(--link-external-color-dt), 60%);
|
||
|
--link-unresolved-color: hsl(var(--link-internal-color-dt));
|
||
|
--inline-title-color: var(--inline-title-color-dt);
|
||
|
--code-background: var(--background-secondary-alt);
|
||
|
--blockquote-background-color: hsl(var(--background-secondary-hsl));
|
||
|
--checkbox-color: var(--background-primary);
|
||
|
--checkbox-border-color: var(--background-primary-alt);
|
||
|
--toggle-thumb-color: var(--text-normal);
|
||
|
--background-modifier-form-field: var(--background-secondary-alt);
|
||
|
--modal-background: var(--background-secondary-alt);
|
||
|
--scrollbar-bg: var(--background-secondary);
|
||
|
--pdf-background: var(--background-secondary-alt);
|
||
|
--pdf-sidebar-background: var(--background-secondary-alt);
|
||
|
--canvas-dot-pattern: hsla(var(--background-primary-alt-hsl), 80%);
|
||
|
--indentation-guide-color: hsla(var(--background-primary-alt-hsl), 80%);
|
||
|
--interactive-normal: var(--background-secondary);
|
||
|
--graph-line: var(--graph-line-color-dt);
|
||
|
--graph-node: var(--graph-fill-color-dt);
|
||
|
--graph-node-focused: var(--graph-fill-focused-color-dt);
|
||
|
--graph-node-tag: var(--graph-tag-color-dt);
|
||
|
--graph-node-attachment: var(--graph-attachment-color-dt);
|
||
|
--graph-node-unresolved: var(--graph-unresolved-color-dt);
|
||
|
--graph-line-color-dt: var(--background-primary-alt);
|
||
|
--graph-fill-color-dt: var(--color-grey-text);
|
||
|
--graph-fill-focused-color-dt: var(--interactive-accent-text);
|
||
|
--graph-tag-color-dt: var(--color-blue-text);
|
||
|
--graph-attachment-color-dt: var(--color-yellow-text);
|
||
|
--graph-unresolved-color-dt: var(--color-red-text);
|
||
|
--h1-text-color-dt: var(--text-normal);
|
||
|
--h2-text-color-dt: var(--text-normal);
|
||
|
--h3-text-color-dt: var(--text-normal);
|
||
|
--h4-text-color-dt: var(--text-normal);
|
||
|
--h5-text-color-dt: var(--text-normal);
|
||
|
--h6-text-color-dt: var(--text-normal);
|
||
|
}
|
||
|
body.theme-dark.pt-color-scheme-style-border-dt {
|
||
|
--background-secondary: var(--background-secondary-alt);
|
||
|
--background-secondary-blur: var(--background-secondary-alt-blur);
|
||
|
}
|
||
|
body.theme-dark.pt-color-scheme-style-border-dt.pt-disable-blur {
|
||
|
--background-secondary-blur: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.theme-dark.pt-color-scheme-style-minimal-dt {
|
||
|
--background-secondary: var(--background-secondary-alt);
|
||
|
--background-secondary-blur: var(--background-secondary-alt-blur);
|
||
|
--window-border: 1px solid transparent;
|
||
|
}
|
||
|
body.theme-dark.pt-color-scheme-style-minimal-dt.pt-disable-blur {
|
||
|
--background-secondary-blur: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.theme-dark.pt-highlight-text-light-dt {
|
||
|
--highlight-text-normal: var(--text-normal);
|
||
|
}
|
||
|
body.theme-dark.pt-highlight-text-dark-dt {
|
||
|
--highlight-text-normal: var(--background-primary);
|
||
|
}
|
||
|
body.theme-dark.pt-highlight-text-accent-dt {
|
||
|
--highlight-text-normal: var(--interactive-accent-text);
|
||
|
}
|
||
|
body.theme-dark.pt-highlight-text-custom-dt {
|
||
|
--highlight-text-normal: var(--highlight-text-accent-custom-dt);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-custom-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-accent-base-dt);
|
||
|
--interactive-accent-tint-hsl: var(--color-accent-tint-dt);
|
||
|
--interactive-accent-text-hsl: var(--color-accent-text-dt);
|
||
|
--interactive-accent-base: hsl(var(--color-accent-base-dt));
|
||
|
--interactive-accent-tint: hsl(var(--color-accent-tint-dt));
|
||
|
--interactive-accent-text: hsl(var(--color-accent-text-dt));
|
||
|
--interactive-accent-hover: hsl(var(--color-accent-tint-dt));
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-red-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-red-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-red-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-red-text-hsl);
|
||
|
--interactive-accent-base: var(--color-red-base);
|
||
|
--interactive-accent-tint: var(--color-red-tint);
|
||
|
--interactive-accent-text: var(--color-red-text);
|
||
|
--interactive-accent-hover: var(--color-red-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-orange-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-orange-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-orange-text-hsl);
|
||
|
--interactive-accent-base: var(--color-orange-base);
|
||
|
--interactive-accent-tint: var(--color-orange-tint);
|
||
|
--interactive-accent-text: var(--color-orange-text);
|
||
|
--interactive-accent-hover: var(--color-orange-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-yellow-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-yellow-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-yellow-text-hsl);
|
||
|
--interactive-accent-base: var(--color-yellow-base);
|
||
|
--interactive-accent-tint: var(--color-yellow-tint);
|
||
|
--interactive-accent-text: var(--color-yellow-text);
|
||
|
--interactive-accent-hover: var(--color-yellow-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-green-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-green-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-green-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-green-text-hsl);
|
||
|
--interactive-accent-base: var(--color-green-base);
|
||
|
--interactive-accent-tint: var(--color-green-tint);
|
||
|
--interactive-accent-text: var(--color-green-text);
|
||
|
--interactive-accent-hover: var(--color-green-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-mint-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-mint-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-mint-text-hsl);
|
||
|
--interactive-accent-base: var(--color-mint-base);
|
||
|
--interactive-accent-tint: var(--color-mint-tint);
|
||
|
--interactive-accent-text: var(--color-mint-text);
|
||
|
--interactive-accent-hover: var(--color-mint-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-cyan-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-cyan-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-cyan-text-hsl);
|
||
|
--interactive-accent-base: var(--color-cyan-base);
|
||
|
--interactive-accent-tint: var(--color-cyan-tint);
|
||
|
--interactive-accent-text: var(--color-cyan-text);
|
||
|
--interactive-accent-hover: var(--color-cyan-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-blue-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-blue-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-blue-text-hsl);
|
||
|
--interactive-accent-base: var(--color-blue-base);
|
||
|
--interactive-accent-tint: var(--color-blue-tint);
|
||
|
--interactive-accent-text: var(--color-blue-text);
|
||
|
--interactive-accent-hover: var(--color-blue-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-purple-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-purple-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-purple-text-hsl);
|
||
|
--interactive-accent-base: var(--color-purple-base);
|
||
|
--interactive-accent-tint: var(--color-purple-tint);
|
||
|
--interactive-accent-text: var(--color-purple-text);
|
||
|
--interactive-accent-hover: var(--color-purple-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-pink-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-pink-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-pink-text-hsl);
|
||
|
--interactive-accent-base: var(--color-pink-base);
|
||
|
--interactive-accent-tint: var(--color-pink-tint);
|
||
|
--interactive-accent-text: var(--color-pink-text);
|
||
|
--interactive-accent-hover: var(--color-pink-tint);
|
||
|
}
|
||
|
body.theme-dark.pt-accent-color-grey-dt {
|
||
|
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
|
||
|
--interactive-accent-tint-hsl: var(--color-grey-tint-hsl);
|
||
|
--interactive-accent-text-hsl: var(--color-grey-text-hsl);
|
||
|
--interactive-accent-base: var(--color-grey-base);
|
||
|
--interactive-accent-tint: var(--color-grey-tint);
|
||
|
--interactive-accent-text: var(--color-grey-text);
|
||
|
--interactive-accent-hover: var(--color-grey-tint);
|
||
|
}
|
||
|
|
||
|
body.pt-titlebar-hide-text .titlebar .titlebar-text {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.mod-windows .titlebar-button.mod-close:hover {
|
||
|
color: hsl(0, 100%, 100%);
|
||
|
background-color: #C42B1C;
|
||
|
}
|
||
|
|
||
|
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.mod-windows.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
|
||
|
padding-left: var(--frame-left-space);
|
||
|
}
|
||
|
|
||
|
.status-bar:empty, .pt-status-bar-position-hidden .status-bar {
|
||
|
display: none;
|
||
|
}
|
||
|
.pt-status-bar-position-floating .status-bar {
|
||
|
--status-bar-position: absolute;
|
||
|
right: 0;
|
||
|
left: 0;
|
||
|
width: fit-content;
|
||
|
margin: 0 auto calc(var(--size-2-3) + var(--scroll-bar-size));
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.pt-status-bar-position-fixed .status-bar {
|
||
|
--status-bar-position: relative;
|
||
|
padding: 1px var(--size-4-2);
|
||
|
border-top: var(--window-border);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.pt-fixed-status-bar-align-left .status-bar {
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
.pt-fixed-status-bar-align-center .status-bar {
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.pt-fixed-status-bar-align-right .status-bar {
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
.theme-light.pt-status-bar-custom-lt .status-bar {
|
||
|
background: var(--status-bar-background-color-lt);
|
||
|
}
|
||
|
.theme-dark.pt-status-bar-custom-dt .status-bar {
|
||
|
background: var(--status-bar-background-color-dt);
|
||
|
}
|
||
|
:is(.theme-light.pt-status-bar-text-light-lt, .theme-dark.pt-status-bar-text-dark-dt) .status-bar {
|
||
|
color: var(--background-primary);
|
||
|
}
|
||
|
:is(.theme-light.pt-status-bar-text-dark-lt, .theme-dark.pt-status-bar-text-light-dt) .status-bar {
|
||
|
color: var(--text-muted);
|
||
|
}
|
||
|
:is(.theme-light.pt-status-bar-text-accent-lt, .theme-dark.pt-status-bar-text-accent-dt) .status-bar {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
.status-bar-item.mod-clickable:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
.workspace-tab-header {
|
||
|
padding: 0 var(--size-4-2);
|
||
|
border: var(--accent-border-width) solid transparent;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.workspace-tab-header .workspace-tab-header-inner-close-button:hover svg {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
.workspace-tab-header.is-active {
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.workspace-tab-header.is-active:hover .workspace-tab-header-inner-icon svg {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
.workspace-tab-header.is-active .workspace-tab-header-inner-icon {
|
||
|
color: var(--icon-color-focused);
|
||
|
}
|
||
|
.workspace-tab-header::before, .workspace-tab-header::after {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.mod-root .workspace-tab-header-status-icon,
|
||
|
.mod-root .workspace-tab-header-inner-icon {
|
||
|
--icon-size: var(--icon-s);
|
||
|
--icon-stroke: var(--icon-s-stroke-width);
|
||
|
}
|
||
|
|
||
|
.workspace-tab-header-container {
|
||
|
padding-right: unset;
|
||
|
padding-left: 1px;
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.workspace .mod-root .workspace-tab-header {
|
||
|
padding: unset;
|
||
|
}
|
||
|
|
||
|
.mod-root .workspace-tab-header-inner {
|
||
|
gap: var(--size-4-1);
|
||
|
padding: 0 var(--size-4-1) 0 var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.workspace .mod-root .workspace-tab-header-inner::after,
|
||
|
.workspace-tab-header-inner-close-button::after {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-title {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
.workspace-tabs .workspace-tab-header-container-inner {
|
||
|
gap: var(--size-4-1);
|
||
|
padding: unset;
|
||
|
margin: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) {
|
||
|
margin-left: unset;
|
||
|
}
|
||
|
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) .clickable-icon {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.workspace-tab-header-new-tab {
|
||
|
padding: var(--size-4-1) 0;
|
||
|
}
|
||
|
|
||
|
.workspace-tab-header-tab-list {
|
||
|
padding: var(--size-4-1);
|
||
|
margin-right: unset;
|
||
|
}
|
||
|
|
||
|
.pt-fade-inactive-tabs :not(.mod-active) .workspace-tab-header.is-active:not(.mod-active) {
|
||
|
opacity: 0.55;
|
||
|
}
|
||
|
|
||
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: unset;
|
||
|
border-right: var(--window-border);
|
||
|
}
|
||
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
|
||
|
padding-top: 10px;
|
||
|
margin-left: -1px;
|
||
|
border-left: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.mod-root .workspace-tab-header-container-inner {
|
||
|
margin-left: var(--size-4-1);
|
||
|
}
|
||
|
.mod-root .workspace-tab-header-new-tab {
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
.pt-tab-header-center .mod-root .workspace-tab-header-container-inner {
|
||
|
margin-left: auto;
|
||
|
}
|
||
|
.pt-tab-header-center .mod-root .workspace-tab-header-new-tab {
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
.pt-tab-header-right .mod-root .workspace-tab-header-container-inner {
|
||
|
margin-left: auto;
|
||
|
}
|
||
|
.pt-tab-header-right .mod-root .workspace-tab-header-new-tab {
|
||
|
margin-right: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.pt-tab-label-left-sidebar-left .workspace-split.mod-left-split .workspace-tab-header-container {
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
.pt-tab-label-left-sidebar-center .workspace-split.mod-left-split .workspace-tab-header-container {
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.pt-tab-label-left-sidebar-right .workspace-split.mod-left-split .workspace-tab-header-container {
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
|
||
|
.pt-tab-label-right-sidebar-left .workspace-split.mod-right-split .workspace-tab-header-container {
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
.pt-tab-label-right-sidebar-center .workspace-split.mod-right-split .workspace-tab-header-container {
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.pt-tab-label-right-sidebar-right .workspace-split.mod-right-split .workspace-tab-header-container {
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
|
||
|
.nav-header {
|
||
|
display: flex;
|
||
|
height: var(--header-height);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-drawer .nav-header {
|
||
|
order: unset;
|
||
|
}
|
||
|
|
||
|
.nav-buttons-container {
|
||
|
gap: var(--size-4-1);
|
||
|
align-items: center;
|
||
|
width: fit-content;
|
||
|
}
|
||
|
|
||
|
.nav-action-button {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
width: 26px;
|
||
|
height: 26px;
|
||
|
padding: 2px;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
|
||
|
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
|
||
|
right: calc(var(--size-2-3) + var(--scroll-bar-size));
|
||
|
left: var(--size-2-3);
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
|
||
|
justify-content: center;
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
|
||
|
right: calc(var(--size-2-3) + var(--scroll-bar-size));
|
||
|
left: var(--size-2-3);
|
||
|
margin-right: auto;
|
||
|
margin-left: auto;
|
||
|
}
|
||
|
|
||
|
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
|
||
|
right: calc(var(--size-2-3) + var(--scroll-bar-size));
|
||
|
left: var(--size-2-3);
|
||
|
margin-left: auto;
|
||
|
}
|
||
|
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) {
|
||
|
order: unset;
|
||
|
}
|
||
|
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .nav-header,
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .nav-header {
|
||
|
position: absolute;
|
||
|
bottom: calc(var(--size-2-2) + var(--scroll-bar-size));
|
||
|
z-index: var(--layer-popover);
|
||
|
order: 10;
|
||
|
width: -webkit-fill-available;
|
||
|
width: fill-available;
|
||
|
height: unset;
|
||
|
padding: 0 calc(var(--size-2-2) + var(--scroll-bar-size)) 0 var(--size-2-2);
|
||
|
pointer-events: none;
|
||
|
background-color: unset;
|
||
|
border-bottom: unset;
|
||
|
}
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .nav-buttons-container,
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .nav-buttons-container,
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .nav-buttons-container,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .nav-buttons-container,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
||
|
padding: var(--size-4-1);
|
||
|
pointer-events: auto;
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
||
|
width: fit-content;
|
||
|
}
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container,
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
|
||
|
position: fixed;
|
||
|
bottom: calc(var(--size-2-3) + var(--scroll-bar-size));
|
||
|
z-index: var(--layer-popover);
|
||
|
min-height: unset;
|
||
|
}
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content),
|
||
|
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content),
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content),
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content) {
|
||
|
padding-bottom: calc(38px + 2 * var(--scroll-bar-size));
|
||
|
}
|
||
|
|
||
|
.pt-nav-header-left-sidebar-position-bottom.is-mobile .workspace-drawer.mod-left .nav-buttons-container,
|
||
|
.pt-nav-header-right-sidebar-position-bottom.is-mobile .workspace-drawer.mod-right .nav-buttons-container,
|
||
|
.pt-nav-header-left-sidebar-position-bottom.is-mobile .workspace-drawer.mod-left .workspace-leaf-content[data-type=dangling-links] .nav-header,
|
||
|
.pt-nav-header-right-sidebar-position-bottom.is-mobile .workspace-drawer.mod-right .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
body.is-mobile {
|
||
|
--toggle-thumb-height: 18px;
|
||
|
--toggle-thumb-width: 18px;
|
||
|
--toggle-border-width: 1px;
|
||
|
--toggle-width: 42px;
|
||
|
--toggle-s-thumb-height: 14px;
|
||
|
--toggle-s-thumb-width: 14px;
|
||
|
--toggle-s-border-width: 4px;
|
||
|
--toggle-radius: var(--size-4-1);
|
||
|
--toggle-thumb-radius: 3px;
|
||
|
--slider-thumb-radius: var(--size-4-1);
|
||
|
--slider-thumb-width: 10px;
|
||
|
--slider-thumb-y: -7px;
|
||
|
--input-border-width: 1px;
|
||
|
--nav-item-color: var(--text-muted);
|
||
|
--font-ui-large: calc(var(--font-text-size) * 1.1);
|
||
|
--prompt-max-height: 80vh;
|
||
|
--file-margins: var(--size-4-4) var(--size-4-5) calc(var(--size-4-4) + 50px) var(--size-4-5);
|
||
|
}
|
||
|
body.is-mobile.theme-light .workspace-leaf-content,
|
||
|
body.is-mobile.theme-light .workspace-drawer-tab-options {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
body.is-mobile.theme-dark .workspace-leaf-content,
|
||
|
body.is-mobile.theme-dark .workspace-drawer-tab-option,
|
||
|
body.is-mobile.theme-dark .community-modal-info {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.is-mobile.theme-dark .modal.mod-settings .vertical-tab-header-group-items,
|
||
|
body.is-mobile.theme-dark .modal.mod-settings .vertical-tab-content {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.is-mobile.theme-dark .prompt,
|
||
|
body.is-mobile.theme-dark .prompt input.prompt-input {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.is-mobile.is-phone.theme-light .vertical-tab-header {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
body.is-mobile.is-phone.theme-dark .community-modal-details,
|
||
|
body.is-mobile.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item,
|
||
|
body.is-mobile.is-phone.theme-dark .modal.mod-settings .vertical-tab-header {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-header::before,
|
||
|
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-header::after,
|
||
|
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-content-container::before {
|
||
|
display: none;
|
||
|
}
|
||
|
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-content {
|
||
|
padding: var(--size-4-3) var(--size-4-3) calc(var(--safe-area-inset-bottom) + var(--size-4-4)) var(--size-4-3);
|
||
|
}
|
||
|
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-nav-item {
|
||
|
height: 42px;
|
||
|
}
|
||
|
body.is-mobile.is-phone .menu.mod-tab-list .menu-item-title {
|
||
|
max-width: unset;
|
||
|
}
|
||
|
body.is-mobile.is-phone .view-header-title-parent,
|
||
|
body.is-mobile.is-phone .view-header-title {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
body.is-mobile.is-phone .vertical-tab-content {
|
||
|
height: 100%;
|
||
|
}
|
||
|
body.is-mobile.is-phone .prompt {
|
||
|
--prompt-bottom: var(--size-4-2);
|
||
|
margin-right: var(--size-4-2);
|
||
|
margin-left: var(--size-4-2);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body.is-mobile.is-phone .community-modal-controls {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
body.is-mobile.is-phone .setting-item-control input {
|
||
|
width: calc(100% - var(--size-4-2));
|
||
|
margin: var(--size-4-1);
|
||
|
}
|
||
|
body.is-mobile.is-phone .modal.mod-sidebar-layout .modal-title {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
body.is-mobile.is-phone .community-modal-search-results {
|
||
|
gap: var(--size-4-2);
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
body.is-mobile.is-phone .community-item {
|
||
|
border-width: var(--border-width);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body.is-mobile.is-phone .prompt-input-cta {
|
||
|
display: none;
|
||
|
}
|
||
|
body.is-mobile.is-phone .prompt-input[type=text] {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
body.is-mobile.is-phone .setting-item-heading {
|
||
|
margin-top: var(--size-4-1);
|
||
|
}
|
||
|
body.is-mobile.is-phone .setting-item {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
body.is-mobile.is-phone .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control {
|
||
|
margin-top: unset;
|
||
|
}
|
||
|
body.is-mobile.is-phone .pickr {
|
||
|
width: 100%;
|
||
|
}
|
||
|
body.is-mobile.is-phone .modal.mod-sidebar-layout .search-input-container {
|
||
|
height: unset;
|
||
|
}
|
||
|
body.is-mobile.is-phone .search-input-container:before {
|
||
|
top: calc((var(--input-height) - var(--search-icon-size) + var(--size-4-2)) / 2);
|
||
|
}
|
||
|
body.is-mobile.is-tablet .modal.mod-sidebar-layout .modal-setting-back-button {
|
||
|
display: none;
|
||
|
}
|
||
|
body.is-mobile.is-tablet.theme-dark {
|
||
|
--titlebar-background: var(--background-secondary);
|
||
|
--titlebar-background-focused: var(--background-secondary);
|
||
|
}
|
||
|
body.is-mobile.is-tablet .workspace-drawer-ribbon {
|
||
|
display: flex;
|
||
|
flex-flow: column;
|
||
|
}
|
||
|
body.is-mobile.is-tablet .sidebar-toggle-button {
|
||
|
--icon-color: var(--text-muted);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-header-icon.mod-pin,
|
||
|
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-back-icon,
|
||
|
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon:last-child {
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-header-icon.mod-pin:hover,
|
||
|
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-back-icon:hover,
|
||
|
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon:last-child:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-radius: var(--radius-m);
|
||
|
padding-top: unset;
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer:not(.is-pinned) {
|
||
|
margin: calc(var(--safe-area-inset-top) + var(--size-4-2)) var(--size-4-2) calc(var(--safe-area-inset-bottom) + var(--size-4-2));
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer.is-pinned .workspace-drawer-header {
|
||
|
padding-top: var(--size-4-2);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer .side-dock-settings {
|
||
|
padding: var(--size-4-2) 0;
|
||
|
}
|
||
|
body.is-mobile .nav-buttons-container {
|
||
|
--icon-color: var(--text-muted);
|
||
|
gap: var(--size-4-4);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-ribbon {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-right: var(--window-border);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-header {
|
||
|
padding: var(--size-4-2) var(--size-4-5);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
align-items: center;
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-active-tab-header {
|
||
|
padding: var(--size-4-3) var(--size-4-5);
|
||
|
margin: unset;
|
||
|
border-radius: unset;
|
||
|
background-color: unset;
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-header-icon,
|
||
|
body.is-mobile .workspace-drawer-active-tab-back-icon,
|
||
|
body.is-mobile .workspace-drawer-active-tab-icon:last-child {
|
||
|
color: var(--text-muted);
|
||
|
}
|
||
|
body.is-mobile .mod-right .workspace-drawer-header-name {
|
||
|
margin-top: var(--size-4-2);
|
||
|
}
|
||
|
body.is-mobile .mod-right .workspace-drawer-header {
|
||
|
padding: var(--size-4-1) var(--size-4-5);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-header-info {
|
||
|
margin: var(--size-4-1) 0;
|
||
|
}
|
||
|
body.is-mobile .suggestion-container,
|
||
|
body.is-mobile .menu {
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body.is-mobile .modal {
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
body.is-mobile .modal.mod-settings .vertical-tab-nav-item {
|
||
|
border-bottom: var(--accent-border-width) solid transparent;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body.is-mobile .modal.mod-settings .vertical-tab-header-group-items {
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
body.is-mobile .modal.mod-sidebar-layout .modal-title {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
body.is-mobile .modal.mod-community-modal .setting-item:not(.mod-toggle) {
|
||
|
max-width: var(--modal-community-sidebar-width);
|
||
|
}
|
||
|
body.is-mobile .modal.mod-community-modal .setting-item:not(.mod-toggle) .setting-item-control {
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
body.is-mobile .modal.mod-community-modal .setting-item:not(.mod-toggle) .setting-item-control button {
|
||
|
width: 100%;
|
||
|
}
|
||
|
body.is-mobile .vertical-tab-header-group {
|
||
|
width: 100%;
|
||
|
}
|
||
|
body.is-mobile .vertical-tab-header-group-title {
|
||
|
padding-bottom: var(--size-4-2);
|
||
|
}
|
||
|
body.is-mobile .vertical-tab-header-group-title:first-of-type {
|
||
|
margin-top: -1px;
|
||
|
}
|
||
|
body.is-mobile .view-header-nav-buttons,
|
||
|
body.is-mobile .view-header .view-action {
|
||
|
--icon-color: var(--text-muted);
|
||
|
}
|
||
|
body.is-mobile .view-header-title-container {
|
||
|
padding-left: unset;
|
||
|
}
|
||
|
body.is-mobile .metadata-properties-heading {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.mobile-toolbar {
|
||
|
padding: var(--size-4-1);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.AT-multirow .mobile-toolbar {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.mobile-toolbar-options-container {
|
||
|
padding: unset;
|
||
|
}
|
||
|
|
||
|
.mobile-toolbar-option :hover {
|
||
|
color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
.mobile-navbar {
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.mobile-navbar-actions {
|
||
|
--icon-color: var(--text-muted);
|
||
|
}
|
||
|
|
||
|
.modal.mod-settings .vertical-tab-header {
|
||
|
flex: none;
|
||
|
width: 215px;
|
||
|
min-width: unset;
|
||
|
max-width: unset;
|
||
|
padding: 0;
|
||
|
border-right: var(--window-border);
|
||
|
}
|
||
|
.modal.mod-settings .vertical-tab-header::-webkit-scrollbar-thumb {
|
||
|
border-right: unset;
|
||
|
}
|
||
|
.modal.mod-settings .vertical-tab-header::before {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: var(--layer-cover);
|
||
|
display: block;
|
||
|
width: -webkit-fill-available;
|
||
|
width: fill-available;
|
||
|
height: 42px;
|
||
|
margin-bottom: -1px;
|
||
|
content: "";
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.is-phone .modal.mod-settings .modal-title::after,
|
||
|
.modal.mod-settings .vertical-tab-header::after {
|
||
|
position: absolute;
|
||
|
top: var(--size-4-2);
|
||
|
left: var(--size-4-2);
|
||
|
z-index: var(--layer-sidedock);
|
||
|
display: inline-flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
width: fit-content;
|
||
|
height: 24px;
|
||
|
padding: 0 8px;
|
||
|
font-size: 14px;
|
||
|
font-weight: 600;
|
||
|
color: var(--interactive-accent-text);
|
||
|
content: "Prism 3.5.3";
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.theme-light.is-phone .modal.mod-settings .modal-title::after,
|
||
|
.theme-light .modal.mod-settings .vertical-tab-header::after {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
|
||
|
.theme-dark.is-phone .modal.mod-settings .modal-title::after,
|
||
|
.theme-dark .modal.mod-settings .vertical-tab-header::after {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.is-phone .modal.mod-settings .modal-title::after {
|
||
|
top: 9px;
|
||
|
left: 50px;
|
||
|
}
|
||
|
|
||
|
.vertical-tab-content {
|
||
|
height: calc(100% - 43px);
|
||
|
margin-right: -1px;
|
||
|
}
|
||
|
|
||
|
.vertical-tab-content-container::before {
|
||
|
position: relative;
|
||
|
z-index: var(--layer-status-bar);
|
||
|
display: block;
|
||
|
width: -webkit-fill-available;
|
||
|
width: fill-available;
|
||
|
height: 42px;
|
||
|
content: "";
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.vertical-tab-header-group {
|
||
|
padding: unset;
|
||
|
}
|
||
|
|
||
|
.vertical-tab-header-group-title {
|
||
|
font-size: var(--font-ui-medium);
|
||
|
color: var(--text-normal);
|
||
|
text-align: center;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: var(--window-border);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.vertical-tab-header-group-items {
|
||
|
gap: var(--size-2-1);
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
:is(.horizontal-tab-content, .vertical-tab-content) {
|
||
|
padding: var(--size-4-8);
|
||
|
}
|
||
|
|
||
|
.theme-light :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.installed-plugins-container {
|
||
|
padding-top: var(--size-4-2);
|
||
|
border-top: unset;
|
||
|
}
|
||
|
|
||
|
.plugin-list-plugins:last-child {
|
||
|
padding-top: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.vertical-tab-nav-item {
|
||
|
padding: var(--size-2-1) var(--size-4-2);
|
||
|
margin-bottom: unset;
|
||
|
color: var(--text-muted);
|
||
|
border: var(--accent-border-width) solid transparent;
|
||
|
}
|
||
|
|
||
|
@media (hover: hover) {
|
||
|
.horizontal-tab-nav-item:hover,
|
||
|
.vertical-tab-nav-item:hover {
|
||
|
color: var(--icon-color-focused);
|
||
|
}
|
||
|
}
|
||
|
.modal.mod-image-lightbox {
|
||
|
width: var(--modal-width);
|
||
|
max-width: var(--modal-max-width);
|
||
|
height: var(--modal-height);
|
||
|
max-height: var(--modal-max-height);
|
||
|
}
|
||
|
.modal.mod-image-lightbox .modal-content {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
height: 100%;
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
img.community-theme-lightbox {
|
||
|
object-fit: contain;
|
||
|
max-width: 100%;
|
||
|
max-height: 100%;
|
||
|
}
|
||
|
|
||
|
.modal.mod-community-theme {
|
||
|
max-width: var(--modal-max-width);
|
||
|
max-height: var(--modal-max-height);
|
||
|
}
|
||
|
|
||
|
.community-modal-sidebar {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.theme-light .community-modal-sidebar {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .community-modal-sidebar {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.community-modal-info {
|
||
|
padding: var(--size-4-8) var(--size-4-12);
|
||
|
}
|
||
|
.community-modal-info hr {
|
||
|
grid-area: seperator;
|
||
|
margin: 1em 0;
|
||
|
}
|
||
|
|
||
|
.community-modal-info-name {
|
||
|
margin-bottom: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.community-modal-info-downloads {
|
||
|
margin-top: unset;
|
||
|
}
|
||
|
|
||
|
.community-modal-button-container {
|
||
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
gap: var(--size-4-2);
|
||
|
margin: var(--size-4-2) 0;
|
||
|
}
|
||
|
.community-modal-button-container button {
|
||
|
margin-right: unset;
|
||
|
}
|
||
|
|
||
|
.community-modal-search-results-wrapper {
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
.theme-light .community-modal-search-results-wrapper {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .community-modal-search-results-wrapper {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.community-item {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.theme-dark .community-item {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.community-item.is-selected, .community-item.is-selected:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
.is-tablet.theme-dark .community-item.is-selected, .is-tablet.theme-dark .community-item.is-selected:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
|
||
|
.community-item-name {
|
||
|
display: inline-flex;
|
||
|
}
|
||
|
|
||
|
.community-item-screenshot {
|
||
|
image-rendering: unset;
|
||
|
}
|
||
|
|
||
|
.community-item .flair {
|
||
|
height: fit-content;
|
||
|
}
|
||
|
|
||
|
.community-modal-controls {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
body:not(.is-phone) .community-modal-controls .setting-item:first-child {
|
||
|
padding-left: unset;
|
||
|
margin-left: var(--size-4-2);
|
||
|
}
|
||
|
.community-modal-controls input {
|
||
|
width: 100%;
|
||
|
padding-right: unset;
|
||
|
}
|
||
|
|
||
|
.modal-setting-nav-bar {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.setting-item {
|
||
|
padding: var(--size-4-2) 0;
|
||
|
border-top: unset;
|
||
|
}
|
||
|
.setting-item.setting-item-heading {
|
||
|
margin-bottom: var(--size-4-1);
|
||
|
border-bottom: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.setting-item + div > .setting-item-heading,
|
||
|
.setting-item + .setting-item-heading {
|
||
|
margin-top: var(--size-4-1);
|
||
|
}
|
||
|
.setting-item + div > .setting-item-heading:not(.style-settings-heading),
|
||
|
.setting-item + .setting-item-heading:not(.style-settings-heading) {
|
||
|
margin-top: var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.setting-item-name {
|
||
|
font-weight: var(--font-medium);
|
||
|
}
|
||
|
|
||
|
.modal-close-button {
|
||
|
z-index: var(--layer-popover);
|
||
|
}
|
||
|
.modal-close-button:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
body:not(.native-scrollbars, .is-phone) .modal-close-button {
|
||
|
top: var(--size-4-1);
|
||
|
right: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.mod-warning {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
|
||
|
.setting-hotkey {
|
||
|
font-family: var(--font-interface);
|
||
|
}
|
||
|
|
||
|
.checkbox-container {
|
||
|
height: 24px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
.checkbox-container:hover {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.checkbox-container::after {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
.checkbox-container.is-enabled {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.checkbox-container.is-enabled::after {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
transform: translate3d(calc(var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width) - 4px), 0, 0);
|
||
|
}
|
||
|
.checkbox-container.mod-small {
|
||
|
height: 20px;
|
||
|
}
|
||
|
.checkbox-container.mod-small::after {
|
||
|
margin: 1px 0 0;
|
||
|
transform: translate3d(1px, 0, 0);
|
||
|
}
|
||
|
.checkbox-container.mod-small.is-enabled::after {
|
||
|
transform: translate3d(calc(var(--toggle-s-width) - var(--toggle-s-thumb-width) - var(--toggle-s-border-width) - 1px), 0, 0);
|
||
|
}
|
||
|
|
||
|
input[type=range] {
|
||
|
width: 125px;
|
||
|
height: 0.7em;
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--size-2-1);
|
||
|
}
|
||
|
input[type=range]:hover {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
input[type=range]::-webkit-slider-thumb {
|
||
|
height: 19px;
|
||
|
background-color: var(--toggle-thumb-color);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
|
||
|
select.dropdown {
|
||
|
font-family: var(--font-interface);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
.theme-dark select.dropdown {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
select.dropdown:hover {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
select.dropdown option[value*=accent]:not([value*=accent-style]):not([value*=accent-color]) {
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
select.dropdown option[value*=red] {
|
||
|
color: var(--color-red-text);
|
||
|
background-color: var(--color-red-base);
|
||
|
}
|
||
|
select.dropdown option[value*=orange] {
|
||
|
color: var(--color-orange-text);
|
||
|
background-color: var(--color-orange-base);
|
||
|
}
|
||
|
select.dropdown option[value*=yellow] {
|
||
|
color: var(--color-yellow-text);
|
||
|
background-color: var(--color-yellow-base);
|
||
|
}
|
||
|
select.dropdown option[value*=green] {
|
||
|
color: var(--color-green-text);
|
||
|
background-color: var(--color-green-base);
|
||
|
}
|
||
|
select.dropdown option[value*=mint] {
|
||
|
color: var(--color-mint-text);
|
||
|
background-color: var(--color-mint-base);
|
||
|
}
|
||
|
select.dropdown option[value*=cyan] {
|
||
|
color: var(--color-cyan-text);
|
||
|
background-color: var(--color-cyan-base);
|
||
|
}
|
||
|
select.dropdown option[value*=blue] {
|
||
|
color: var(--color-blue-text);
|
||
|
background-color: var(--color-blue-base);
|
||
|
}
|
||
|
select.dropdown option[value*=purple] {
|
||
|
color: var(--color-purple-text);
|
||
|
background-color: var(--color-purple-base);
|
||
|
}
|
||
|
select.dropdown option[value*=pink] {
|
||
|
color: var(--color-pink-text);
|
||
|
background-color: var(--color-pink-base);
|
||
|
}
|
||
|
select.dropdown option[value*=grey] {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: var(--color-grey-base);
|
||
|
}
|
||
|
|
||
|
.search-input-container::before {
|
||
|
left: var(--size-4-3);
|
||
|
}
|
||
|
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar,
|
||
|
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar {
|
||
|
width: var(--scroll-bar-size);
|
||
|
height: var(--scroll-bar-size);
|
||
|
border-radius: unset;
|
||
|
padding: unset;
|
||
|
margin: unset;
|
||
|
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
||
|
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
||
|
}
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:vertical,
|
||
|
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:vertical,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar:vertical {
|
||
|
border-inline-start: var(--window-border);
|
||
|
}
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:horizontal,
|
||
|
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:horizontal,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal {
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
|
||
|
border: var(--window-border);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
body:not(.native-scrollbars).theme-light .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
|
||
|
body:not(.native-scrollbars).theme-light ::-webkit-scrollbar-thumb {
|
||
|
background-color: var(--background-primary-alt);
|
||
|
}
|
||
|
body:not(.native-scrollbars).theme-light .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
|
||
|
body:not(.native-scrollbars).theme-light ::-webkit-scrollbar-thumb:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
body:not(.native-scrollbars).theme-dark .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
|
||
|
body:not(.native-scrollbars).theme-dark ::-webkit-scrollbar-thumb {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
body:not(.native-scrollbars).theme-dark .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
|
||
|
body:not(.native-scrollbars).theme-dark ::-webkit-scrollbar-thumb:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:active,
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar-corner {
|
||
|
background-color: var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-track {
|
||
|
margin-top: -1px;
|
||
|
margin-bottom: -1px;
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
|
||
|
.theme-light div.suggestion-container .suggestion::-webkit-scrollbar-track,
|
||
|
.theme-dark div.suggestion-container .suggestion::-webkit-scrollbar-track {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.progress-bar {
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
|
||
|
.progress-bar-line {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
|
||
|
.progress-bar-subline {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border: 2px solid var(--interactive-accent-tint);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
body:not(.css-settings-manager) .workspace-split.mod-left-split::before {
|
||
|
display: block;
|
||
|
width: -webkit-fill-avaliable;
|
||
|
height: fit-content;
|
||
|
padding: 10px;
|
||
|
font-weight: 600;
|
||
|
text-align: center;
|
||
|
content: "Style Settings Plugin is required for Prism to function correctly!";
|
||
|
background-color: var(--color-red-base);
|
||
|
border: var(--accent-border-width) solid var(--color-red-tint);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
|
||
|
.theme-light .workspace,
|
||
|
.theme-light .workspace-split.mod-root,
|
||
|
.theme-light .workspace-tabs .workspace-leaf {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace,
|
||
|
.theme-dark .workspace-split.mod-root,
|
||
|
.theme-dark .workspace-tabs .workspace-leaf {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||
|
left: -1px;
|
||
|
}
|
||
|
|
||
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
||
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
||
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||
|
height: calc(var(--divider-vertical-height) - var(--header-height));
|
||
|
}
|
||
|
body.is-frameless:not(.is-hidden-frameless) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, body:not(.is-frameless, .is-hidden-frameless) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
||
|
body.is-frameless:not(.is-hidden-frameless) .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
||
|
body:not(.is-frameless, .is-hidden-frameless) .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
||
|
body.is-frameless:not(.is-hidden-frameless) .workspace-split.mod-right-split > .workspace-leaf-resize-handle,
|
||
|
body:not(.is-frameless, .is-hidden-frameless) .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||
|
height: var(--divider-vertical-height);
|
||
|
}
|
||
|
|
||
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
||
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle,
|
||
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:not(:hover) {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:not(:hover),
|
||
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:not(:hover) {
|
||
|
border-right: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:not(:hover) {
|
||
|
border-left: var(--window-border);
|
||
|
}
|
||
|
|
||
|
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header) {
|
||
|
width: 100%;
|
||
|
padding: 0 var(--size-4-2);
|
||
|
background: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.workspace-tabs .view-header {
|
||
|
margin: unset;
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.view-header-title-container {
|
||
|
height: var(--header-height);
|
||
|
}
|
||
|
.view-header-title-container::after {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.is-focused .workspace-leaf.mod-active .view-header-title,
|
||
|
.view-header-title {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.is-focused .workspace-leaf.mod-active .view-header-title:hover,
|
||
|
.view-header-title:hover {
|
||
|
color: var(--text-accent-hover);
|
||
|
}
|
||
|
|
||
|
.view-header-title-parent .view-header-breadcrumb:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
:is(.workspace-ribbon.mod-left, .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-split.mod-vertical.mod-root) .sidebar-toggle-button {
|
||
|
width: fit-content;
|
||
|
height: calc(var(--header-height) - 9px);
|
||
|
padding: 2px;
|
||
|
margin: 4px;
|
||
|
border: 2px solid transparent;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
|
||
|
.workspace-ribbon.mod-left::before {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.pt-color-scheme-style-minimal-dt .workspace-ribbon.mod-left.is-collapsed {
|
||
|
border-right-color: transparent;
|
||
|
}
|
||
|
|
||
|
.workspace-ribbon {
|
||
|
border-right: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right {
|
||
|
padding-right: 2px;
|
||
|
}
|
||
|
|
||
|
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header[data-type=markdown]:has(.mod-pinned) .workspace-tab-header-inner-icon,
|
||
|
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header[data-type=empty]:has(.mod-pinned) .workspace-tab-header-inner-icon {
|
||
|
display: flex;
|
||
|
}
|
||
|
.pt-collapsed-pinned-tab .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner-title {
|
||
|
display: none;
|
||
|
}
|
||
|
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header:has(.mod-pinned),
|
||
|
.pt-collapsed-pinned-tab .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner {
|
||
|
flex: unset;
|
||
|
width: fit-content;
|
||
|
min-width: unset;
|
||
|
}
|
||
|
|
||
|
:is(.mod-active .document-search-container, .document-search-container) {
|
||
|
height: var(--header-height);
|
||
|
padding: var(--size-4-1) 0;
|
||
|
margin: unset;
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
:is(.mod-active .document-search-container, .document-search-container) .document-search-input.mod-no-match {
|
||
|
background-color: var(--color-red-base);
|
||
|
border: 2px solid var(--color-red-tint);
|
||
|
}
|
||
|
|
||
|
.document-search {
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.popover {
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.theme-light .popover {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .popover {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.popover.hover-popover {
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.menu {
|
||
|
padding: var(--size-4-1);
|
||
|
border-color: var(--window-border-color);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.theme-light .menu {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .menu {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) .menu-item-icon {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
body.is-mobile.is-tablet .suggestion-container,
|
||
|
body.is-mobile.is-tablet .menu {
|
||
|
width: fit-content;
|
||
|
}
|
||
|
|
||
|
body.is-mobile.theme-dark .menu,
|
||
|
.is-tablet.theme-dark .suggestion-container {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
div.notice-container div.notice {
|
||
|
font-weight: 600;
|
||
|
color: var(--text-normal);
|
||
|
background: var(--interactive-accent-base);
|
||
|
border: 2px solid var(--interactive-accent-tint);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
|
||
|
.prompt-instructions {
|
||
|
padding: var(--size-2-1) var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.tooltip {
|
||
|
display: flex;
|
||
|
font-weight: 600;
|
||
|
color: var(--text-normal);
|
||
|
background: var(--background-secondary-alt);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.theme-light .tooltip {
|
||
|
background: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .tooltip {
|
||
|
background: var(--background-secondary-alt);
|
||
|
}
|
||
|
.tooltip .tooltip-arrow {
|
||
|
margin-top: -1px;
|
||
|
border-bottom-color: var(--window-border-color);
|
||
|
}
|
||
|
.tooltip.mod-top .tooltip-arrow {
|
||
|
margin-top: unset;
|
||
|
margin-top: 1px;
|
||
|
border-top-color: var(--window-border-color);
|
||
|
}
|
||
|
.tooltip.mod-right .tooltip-arrow {
|
||
|
margin-top: unset;
|
||
|
margin-left: -6px;
|
||
|
border-right-color: var(--window-border-color);
|
||
|
}
|
||
|
.tooltip.mod-left .tooltip-arrow {
|
||
|
margin-top: unset;
|
||
|
margin-left: -2px;
|
||
|
border-left-color: var(--window-border-color);
|
||
|
}
|
||
|
.tooltip.mod-error {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
|
||
|
.drag-ghost {
|
||
|
background: var(--background-secondary);
|
||
|
border: 2px solid var(--window-border-color);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
animation: pop-down 200ms forwards ease-in-out;
|
||
|
}
|
||
|
|
||
|
.modal button:not(.mod-cta):not(.mod-warning) {
|
||
|
display: inline-flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
|
||
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
||
|
.workspace-tab-header.is-active,
|
||
|
.nav-action-button.is-active,
|
||
|
.vertical-tab-nav-item.is-active,
|
||
|
.nav-file-title.is-active,
|
||
|
.tree-item-self.is-active,
|
||
|
.suggestion-hotkey,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
||
|
.workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
|
||
|
.pdf-outline-view .tree-item-self.mod-active {
|
||
|
color: var(--highlight-text-normal);
|
||
|
border: var(--accent-border-width) solid;
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
|
||
|
.is-mobile.is-phone .modal.mod-settings .vertical-tab-nav-item:last-child {
|
||
|
border-bottom: var(--accent-border-width) solid;
|
||
|
}
|
||
|
|
||
|
.nav-action-button.is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
:is(.search-result-file-match-destination-file, .search-result-file-match-replace-button) {
|
||
|
color: var(--text-normal);
|
||
|
border: var(--accent-border-width) solid;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
button.mod-cta {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
:is(.pcr-button, button.mod-cta, button.mod-warning, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .setting-hotkey, .flair.mod-pop, .community-item .flair, button.copy-code-button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]),
|
||
|
.clickable-icon[aria-label="Search settings"],
|
||
|
.pdf-toolbar-button,
|
||
|
.input-right-decorator.clickable-icon {
|
||
|
border: var(--accent-border-width) solid;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.side-dock-ribbon-action.is-active[aria-label="Start/stop recording"] {
|
||
|
padding: var(--size-2-1) var(--size-2-2);
|
||
|
}
|
||
|
|
||
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
|
||
|
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
|
||
|
color: var(--highlight-text-normal);
|
||
|
border: var(--accent-border-width) solid;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) svg.svg-icon,
|
||
|
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active svg.svg-icon {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) .clickable-icon:hover,
|
||
|
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active .clickable-icon:hover {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover svg.svg-icon,
|
||
|
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover svg.svg-icon {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
.clickable-icon[aria-label="Search settings"],
|
||
|
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"] {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .nav-action-button.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .vertical-tab-nav-item.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .nav-file-title.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .tree-item-self.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .suggestion-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .canvas-help .setting-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .clickable-icon[aria-label="Search settings"].is-active,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .pdf-outline-view .tree-item-self.mod-active {
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .vertical-tab-nav-item.is-active:hover,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-tab-header.is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-destination-file {
|
||
|
color: var(--text-normal);
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-destination-file:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-replace-button {
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-replace-button:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.mod-cta {
|
||
|
background-color: transparent;
|
||
|
border-color: var(--window-border-color);
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.mod-cta:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
||
|
color: var(--color-red-text);
|
||
|
background-color: transparent;
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
||
|
color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: transparent;
|
||
|
border-color: var(--window-border-color);
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .setting-command-hotkeys .setting-hotkey {
|
||
|
color: var(--color-blue-text);
|
||
|
background-color: transparent;
|
||
|
border-color: var(--window-border-color);
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.flair.mod-pop, .community-item .flair) {
|
||
|
color: var(--color-green-text);
|
||
|
background-color: transparent;
|
||
|
border-color: var(--window-border-color);
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.copy-code-button {
|
||
|
border-color: var(--window-border-color);
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.copy-code-button:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt).is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, :is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt).is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt.is-mobile, .theme-light.pt-accent-style-minimal-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-minimal-dt.is-mobile, .theme-light.pt-accent-style-minimal-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .nav-action-button.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .vertical-tab-nav-item.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .nav-file-title.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .tree-item-self.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .suggestion-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .canvas-help .setting-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .clickable-icon[aria-label="Search settings"].is-active,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .pdf-outline-view .tree-item-self.mod-active {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-destination-file {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--background-secondary);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-destination-file:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-replace-button {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--background-secondary);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-replace-button:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.mod-cta {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.mod-cta:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
||
|
color: var(--color-red-text);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
||
|
color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey {
|
||
|
color: var(--color-blue-text);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.flair.mod-pop, .community-item .flair) {
|
||
|
color: var(--color-green-text);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button {
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt.is-mobile, .theme-light.pt-accent-style-plain-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt.is-mobile, .theme-light.pt-accent-style-plain-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
|
||
|
border-color: var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-action-button.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .vertical-tab-nav-item.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-file-title.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .tree-item-self.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .suggestion-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .canvas-help .setting-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .clickable-icon[aria-label="Search settings"].is-active,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-outline-view .tree-item-self.mod-active {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button:hover {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta:hover {
|
||
|
color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
||
|
color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--color-blue-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.flair.mod-pop, .community-item .flair) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--color-green-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button {
|
||
|
color: var(--text-normal);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button:hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) .clickable-icon:hover,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active .clickable-icon:hover {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
|
||
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-border-dt.is-mobile, .theme-light.pt-accent-style-border-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-border-dt.is-mobile, .theme-light.pt-accent-style-border-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-action-button.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .vertical-tab-nav-item.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-file-title.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .tree-item-self.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .suggestion-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .canvas-help .setting-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .clickable-icon[aria-label="Search settings"].is-active,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .pdf-outline-view .tree-item-self.mod-active {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button {
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta:hover {
|
||
|
color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
||
|
color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-blue-base);
|
||
|
border-color: var(--color-blue-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-base);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.flair.mod-pop, .community-item .flair) {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--color-green-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button:hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt.is-mobile, .theme-light.pt-accent-style-filled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-filled-dt.is-mobile, .theme-light.pt-accent-style-filled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-tab-header.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-action-button.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .vertical-tab-nav-item.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-file-title.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .tree-item-self.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .suggestion-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .canvas-help .setting-hotkey,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .clickable-icon[aria-label="Search settings"].is-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .pdf-outline-view .tree-item-self.mod-active,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .input-right-decorator.clickable-icon.is-active {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button {
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta:hover {
|
||
|
color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
||
|
color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-blue-base);
|
||
|
border-color: var(--color-blue-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.flair.mod-pop, .community-item .flair) {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-green-base);
|
||
|
border-color: var(--color-green-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button:hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt.is-mobile, .theme-light.pt-accent-style-borderandfilled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt.is-mobile, .theme-light.pt-accent-style-borderandfilled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
.theme-light .workspace-split.mod-root .view-content {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-split.mod-root .view-content {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian span.cm-formatting-highlight.cm-em:not(.cm-strong),
|
||
|
.cm-s-obsidian span.cm-highlight.cm-em:not(.cm-strong),
|
||
|
.cm-s-obsidian span.cm-quote.cm-em:not(.cm-strong) {
|
||
|
color: var(--italic-color);
|
||
|
}
|
||
|
.cm-s-obsidian span.cm-formatting-highlight.cm-strong:not(.cm-em),
|
||
|
.cm-s-obsidian span.cm-highlight.cm-strong:not(.cm-em),
|
||
|
.cm-s-obsidian span.cm-quote.cm-strong:not(.cm-em) {
|
||
|
color: var(--bold-color);
|
||
|
}
|
||
|
|
||
|
.theme-light :is(em strong, strong em, .cm-em.cm-strong) {
|
||
|
color: var(--text-italic-bold-color-lt);
|
||
|
}
|
||
|
.theme-dark :is(em strong, strong em, .cm-em.cm-strong) {
|
||
|
color: var(--text-italic-bold-color-dt);
|
||
|
}
|
||
|
|
||
|
.cm-strikethrough,
|
||
|
.cm-s-obsidian span.cm-formatting-highlight.cm-strikethrough,
|
||
|
.cm-s-obsidian span.cm-highlight.cm-strikethrough,
|
||
|
del {
|
||
|
color: var(--text-muted);
|
||
|
}
|
||
|
|
||
|
hr {
|
||
|
margin: 1.5em 0;
|
||
|
}
|
||
|
|
||
|
.cm-inline-code:not(.cm-formatting-code),
|
||
|
.cm-s-obsidian .cm-inline-code.cm-formatting ~ .cm-inline-code:not(.cm-formatting) {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian .cm-formatting-code.cm-inline-code {
|
||
|
font-family: var(--font-text);
|
||
|
font-size: var(--font-text-size);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian span.cm-formatting-highlight.cm-inline-code,
|
||
|
.cm-s-obsidian span.cm-highlight.cm-inline-code {
|
||
|
color: var(--code-normal);
|
||
|
}
|
||
|
|
||
|
:is(.HyperMD-codeblock.HyperMD-codeblock-begin, .cm-s-obsidian div.HyperMD-codeblock-begin-bg) {
|
||
|
border-top: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian div.HyperMD-codeblock {
|
||
|
border-right: 1px solid var(--window-border-color);
|
||
|
border-left: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
:is(.HyperMD-codeblock.HyperMD-codeblock-end, .cm-s-obsidian div.HyperMD-codeblock-end-bg) {
|
||
|
border-bottom: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian .cm-hashtag {
|
||
|
font-weight: 600;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.cm-line .cm-hashtag-begin {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 2px solid var(--window-border-color);
|
||
|
border-inline-end: unset;
|
||
|
}
|
||
|
.cm-line .cm-hashtag-end {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 2px solid var(--window-border-color);
|
||
|
border-inline-start: unset;
|
||
|
}
|
||
|
.cm-line .cm-hashtag.cm-meta:not(.cm-hashtag-begin, .cm-hashtag-end) {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 2px solid var(--window-border-color);
|
||
|
border-inline-start: unset;
|
||
|
border-inline-end: unset;
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian span.cm-hmd-escape-backslash {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
|
||
|
:is(code[class*=language-], pre[class*=language-]) {
|
||
|
line-height: var(--line-height-tight);
|
||
|
}
|
||
|
|
||
|
.markdown-preview-view th,
|
||
|
.table-view-table > thead > tr > th,
|
||
|
.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
|
||
|
padding: var(--size-2-2) var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.markdown-rendered thead tr:first-child > th {
|
||
|
font-weight: var(--font-semibold);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian span.cm-formatting-task {
|
||
|
font-family: var(--font-text);
|
||
|
}
|
||
|
|
||
|
input[type=checkbox] {
|
||
|
border-width: 2px;
|
||
|
}
|
||
|
input[type=checkbox]:checked {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
input[type=checkbox]:checked::after {
|
||
|
inset-inline-start: -2px;
|
||
|
top: -2px;
|
||
|
}
|
||
|
|
||
|
a.tag {
|
||
|
font-weight: 600;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
a.tag:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
transition: all ease 200ms;
|
||
|
}
|
||
|
|
||
|
:is(.markdown-preview-view, .markdown-rendered) :is(code, kbd) {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
font-family: var(--font-monospace);
|
||
|
font-size: var(--code-size);
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.code-block-flair {
|
||
|
font-weight: 600;
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
.theme-light .code-block-flair {
|
||
|
background-color: var(--background-primary-alt);
|
||
|
}
|
||
|
.theme-dark .code-block-flair {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.markdown-source-view.mod-cm6 .code-block-flair {
|
||
|
padding: 0 var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-link {
|
||
|
color: var(--link-external-color);
|
||
|
}
|
||
|
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link {
|
||
|
color: var(--link-color);
|
||
|
}
|
||
|
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link:hover {
|
||
|
color: var(--link-color-hover);
|
||
|
}
|
||
|
|
||
|
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:hover,
|
||
|
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
.markdown-rendered.show-indentation-guide li > ol::before,
|
||
|
.markdown-rendered.show-indentation-guide li > ul::before {
|
||
|
inset-inline-start: -0.75em;
|
||
|
}
|
||
|
.theme-light .markdown-rendered mark .internal-link {
|
||
|
color: hsl(var(--link-internal-color-lt));
|
||
|
}
|
||
|
.theme-dark .markdown-rendered mark .internal-link {
|
||
|
color: hsl(var(--link-internal-color-dt));
|
||
|
}
|
||
|
.markdown-rendered mark .internal-link:hover {
|
||
|
color: var(--link-color-hover);
|
||
|
}
|
||
|
.markdown-rendered pre {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.markdown-rendered button.copy-code-button {
|
||
|
padding: var(--size-2-1) var(--size-4-1);
|
||
|
margin: var(--size-4-1);
|
||
|
}
|
||
|
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
|
||
|
margin: 0;
|
||
|
}
|
||
|
.markdown-rendered blockquote {
|
||
|
padding: 0 15px;
|
||
|
}
|
||
|
|
||
|
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
|
||
|
padding-right: 15px;
|
||
|
}
|
||
|
|
||
|
.embed-title {
|
||
|
top: 0;
|
||
|
z-index: var(--layer-cover);
|
||
|
width: 100%;
|
||
|
padding: var(--size-4-2) var(--size-4-4);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.internal-embed.internal-embed.canvas-embed, .internal-embed.pdf-embed {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.internal-embed .markdown-embed-content {
|
||
|
padding: var(--size-4-4);
|
||
|
margin-right: -1px;
|
||
|
}
|
||
|
|
||
|
.file-embed.mod-empty {
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
:is(.markdown-embed-link, .file-embed-link) {
|
||
|
inset-inline-end: var(--size-4-2);
|
||
|
top: var(--size-4-2);
|
||
|
z-index: var(--layer-cover);
|
||
|
}
|
||
|
|
||
|
.view-content .collapse-indicator:not(.is-collapsed) svg.svg-icon {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
--list-indent: 2.2em;
|
||
|
/* Source mode */
|
||
|
--list-indent-source: 0.75em;
|
||
|
--indentation-guide-source-indent: 0.85em;
|
||
|
--checkbox-margin-inline-start: var(--indentation-guide-editing-indent);
|
||
|
/* Live Preview */
|
||
|
--list-indent-editing: 0.75em;
|
||
|
--indentation-guide-editing-indent: 0.85em;
|
||
|
--list-bullet-end-padding: 3rem;
|
||
|
/* Reading mode */
|
||
|
--indentation-guide-reading-indent: -0.55em;
|
||
|
}
|
||
|
|
||
|
/* --- */
|
||
|
/* Alignment of the collapse indicator */
|
||
|
/* Source mode */
|
||
|
.markdown-source-view.mod-cm6 .HyperMD-list-line .cm-fold-indicator .collapse-indicator {
|
||
|
padding-inline-end: 0;
|
||
|
}
|
||
|
|
||
|
/* Live Preview */
|
||
|
.markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-list-line:not(.cm-active):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator {
|
||
|
inset-inline-end: calc(var(--list-bullet-end-padding) * -1);
|
||
|
}
|
||
|
|
||
|
/* Reading mode */
|
||
|
.markdown-rendered .list-collapse-indicator {
|
||
|
margin-inline-start: -1.75em;
|
||
|
}
|
||
|
|
||
|
/* --- */
|
||
|
/* Reading mode - Initial indent distance to align with Source and Live Preview */
|
||
|
.markdown-rendered div > ul > li,
|
||
|
.markdown-rendered div > ol > li {
|
||
|
margin-inline-start: 1.5em;
|
||
|
}
|
||
|
|
||
|
/* Reading mode - Alignment of the list bullet */
|
||
|
.markdown-rendered .list-bullet {
|
||
|
margin-inline-start: -0.7em;
|
||
|
}
|
||
|
|
||
|
/* Reading mode - Alignment of the checkbox list item */
|
||
|
/* (If the checkbox border width is changed from original 1px, you have to change the end value to align correctly again) */
|
||
|
ul > li.task-list-item .task-list-item-checkbox {
|
||
|
margin-inline-start: calc(var(--checkbox-size) * -1.15);
|
||
|
}
|
||
|
|
||
|
body:not(.pt-disable-callout-styling) {
|
||
|
--callout-padding: 4px;
|
||
|
--callout-radius: var(--radius-m);
|
||
|
--callout-background-alpha: 20%;
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-title {
|
||
|
position: relative;
|
||
|
z-index: 5;
|
||
|
gap: unset;
|
||
|
align-items: center;
|
||
|
min-height: 36px;
|
||
|
border: 2px solid;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-title:empty + .callout-content {
|
||
|
padding: var(--size-4-1) var(--size-4-3);
|
||
|
border-top-style: solid;
|
||
|
border-top-width: 1px;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-title-inner {
|
||
|
padding: var(--size-4-1) 0;
|
||
|
margin-inline: var(--size-4-2) var(--size-4-1);
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-icon {
|
||
|
align-self: unset;
|
||
|
margin-inline: var(--size-4-2) var(--size-4-1);
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 0;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-fold {
|
||
|
display: flex;
|
||
|
align-self: unset;
|
||
|
margin-inline-start: auto;
|
||
|
margin-top: unset;
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-content {
|
||
|
padding: var(--size-4-5) var(--size-4-3) var(--size-4-1) var(--size-4-3);
|
||
|
margin-top: -16px;
|
||
|
border-right: 1px solid;
|
||
|
border-bottom: 1px solid;
|
||
|
border-left: 1px solid;
|
||
|
border-bottom-right-radius: var(--radius-m);
|
||
|
border-bottom-left-radius: var(--radius-m);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=note] > .callout-title {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=note] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-grey-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=note] > .callout-content {
|
||
|
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-title {
|
||
|
color: var(--color-cyan-text);
|
||
|
background-color: var(--color-cyan-base);
|
||
|
border-color: var(--color-cyan-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-cyan-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-content {
|
||
|
background-color: hsla(var(--color-cyan-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-cyan-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=info], [data-callout=todo]) > .callout-title {
|
||
|
color: var(--color-blue-text);
|
||
|
background-color: var(--color-blue-base);
|
||
|
border-color: var(--color-blue-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=info], [data-callout=todo]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-blue-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=info], [data-callout=todo]) > .callout-content {
|
||
|
background-color: hsla(var(--color-blue-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-blue-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-title {
|
||
|
color: var(--color-mint-text);
|
||
|
background-color: var(--color-mint-base);
|
||
|
border-color: var(--color-mint-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-mint-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-content {
|
||
|
background-color: hsla(var(--color-mint-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-mint-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-title {
|
||
|
color: var(--color-green-text);
|
||
|
background-color: var(--color-green-base);
|
||
|
border-color: var(--color-green-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-green-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-content {
|
||
|
background-color: hsla(var(--color-green-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-green-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-title {
|
||
|
color: var(--color-yellow-text);
|
||
|
background-color: var(--color-yellow-base);
|
||
|
border-color: var(--color-yellow-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-yellow-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-content {
|
||
|
background-color: hsla(var(--color-yellow-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-yellow-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-title {
|
||
|
color: var(--color-orange-text);
|
||
|
background-color: var(--color-orange-base);
|
||
|
border-color: var(--color-orange-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-orange-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-content {
|
||
|
background-color: hsla(var(--color-orange-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-orange-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-title {
|
||
|
color: var(--color-red-text);
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-content {
|
||
|
background-color: hsla(var(--color-red-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=danger], [data-callout=error]) > .callout-title {
|
||
|
color: var(--color-red-text);
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=danger], [data-callout=error]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=danger], [data-callout=error]) > .callout-content {
|
||
|
background-color: hsla(var(--color-red-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=bug] > .callout-title {
|
||
|
color: var(--color-pink-text);
|
||
|
background-color: var(--color-pink-base);
|
||
|
border-color: var(--color-pink-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=bug] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-pink-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=bug] > .callout-content {
|
||
|
background-color: hsla(var(--color-pink-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-pink-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=example] > .callout-title {
|
||
|
color: var(--color-purple-text);
|
||
|
background-color: var(--color-purple-base);
|
||
|
border-color: var(--color-purple-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=example] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-purple-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=example] > .callout-content {
|
||
|
background-color: hsla(var(--color-purple-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-purple-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=quote], [data-callout=cite]) > .callout-title {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=quote], [data-callout=cite]) > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-grey-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=quote], [data-callout=cite]) > .callout-content {
|
||
|
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
|
||
|
.release-notes-view .callout[data-callout] > .callout-title {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
.release-notes-view .callout[data-callout] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-grey-text);
|
||
|
}
|
||
|
.release-notes-view .callout[data-callout] > .callout-content {
|
||
|
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
|
||
|
.markdown-preview-view progress,
|
||
|
.markdown-rendered progress,
|
||
|
.markdown-source-view.is-live-preview progress {
|
||
|
height: 15px;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
.markdown-preview-view progress::before,
|
||
|
.markdown-rendered progress::before,
|
||
|
.markdown-source-view.is-live-preview progress::before {
|
||
|
position: absolute;
|
||
|
width: inherit;
|
||
|
height: inherit;
|
||
|
font-family: var(--font-editor);
|
||
|
font-family: var(--font-text);
|
||
|
font-size: 10px;
|
||
|
font-weight: 700;
|
||
|
text-align: center;
|
||
|
content: attr(value) " %";
|
||
|
}
|
||
|
.theme-light .markdown-preview-view progress::before,
|
||
|
.theme-light .markdown-rendered progress::before,
|
||
|
.theme-light .markdown-source-view.is-live-preview progress::before {
|
||
|
text-shadow: -1px -1px 0 hsla(0, 0%, 100%, 0.5), 1px -1px 0 hsla(0, 0%, 100%, 0.5), -1px 1px 0 hsla(0, 0%, 100%, 0.5), 1px 1px 0 hsla(0, 0%, 100%, 0.5);
|
||
|
}
|
||
|
.theme-dark .markdown-preview-view progress::before,
|
||
|
.theme-dark .markdown-rendered progress::before,
|
||
|
.theme-dark .markdown-source-view.is-live-preview progress::before {
|
||
|
text-shadow: -1px -1px 0 hsla(0, 0%, 0%, 0.5), 1px -1px 0 hsla(0, 0%, 0%, 0.5), -1px 1px 0 hsla(0, 0%, 0%, 0.5), 1px 1px 0 hsla(0, 0%, 0%, 0.5);
|
||
|
}
|
||
|
.markdown-preview-view progress::-webkit-progress-bar,
|
||
|
.markdown-rendered progress::-webkit-progress-bar,
|
||
|
.markdown-source-view.is-live-preview progress::-webkit-progress-bar {
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.theme-light .markdown-preview-view progress::-webkit-progress-bar,
|
||
|
.theme-light .markdown-rendered progress::-webkit-progress-bar,
|
||
|
.theme-light .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.theme-dark .markdown-preview-view progress::-webkit-progress-bar,
|
||
|
.theme-dark .markdown-rendered progress::-webkit-progress-bar,
|
||
|
.theme-dark .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.markdown-preview-view progress::-webkit-progress-value,
|
||
|
.markdown-rendered progress::-webkit-progress-value,
|
||
|
.markdown-source-view.is-live-preview progress::-webkit-progress-value {
|
||
|
border: 1px solid;
|
||
|
border-color: transparent;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.markdown-preview-view progress[value="0"]::-webkit-progress-value,
|
||
|
.markdown-rendered progress[value="0"]::-webkit-progress-value,
|
||
|
.markdown-source-view.is-live-preview progress[value="0"]::-webkit-progress-value {
|
||
|
border: unset;
|
||
|
}
|
||
|
:is(.markdown-preview-view progress[value="0"], .markdown-preview-view progress[value="1"], .markdown-preview-view progress[value="2"], .markdown-preview-view progress[value="3"], .markdown-preview-view progress[value="4"], .markdown-preview-view progress[value="5"], .markdown-preview-view progress[value="6"], .markdown-preview-view progress[value="7"], .markdown-preview-view progress[value="8"], .markdown-preview-view progress[value="9"], .markdown-preview-view progress[value="10"], .markdown-preview-view progress[value="11"], .markdown-preview-view progress[value="12"], .markdown-preview-view progress[value="13"], .markdown-preview-view progress[value="14"], .markdown-preview-view progress[value="15"], .markdown-preview-view progress[value="16"], .markdown-preview-view progress[value="17"], .markdown-preview-view progress[value="18"], .markdown-preview-view progress[value="19"], .markdown-preview-view progress[value="20"], .markdown-preview-view progress[value="21"], .markdown-preview-view progress[value="22"], .markdown-preview-view progress[value="23"], .markdown-preview-view progress[value="24"],
|
||
|
.markdown-rendered progress[value="0"],
|
||
|
.markdown-rendered progress[value="1"],
|
||
|
.markdown-rendered progress[value="2"],
|
||
|
.markdown-rendered progress[value="3"],
|
||
|
.markdown-rendered progress[value="4"],
|
||
|
.markdown-rendered progress[value="5"],
|
||
|
.markdown-rendered progress[value="6"],
|
||
|
.markdown-rendered progress[value="7"],
|
||
|
.markdown-rendered progress[value="8"],
|
||
|
.markdown-rendered progress[value="9"],
|
||
|
.markdown-rendered progress[value="10"],
|
||
|
.markdown-rendered progress[value="11"],
|
||
|
.markdown-rendered progress[value="12"],
|
||
|
.markdown-rendered progress[value="13"],
|
||
|
.markdown-rendered progress[value="14"],
|
||
|
.markdown-rendered progress[value="15"],
|
||
|
.markdown-rendered progress[value="16"],
|
||
|
.markdown-rendered progress[value="17"],
|
||
|
.markdown-rendered progress[value="18"],
|
||
|
.markdown-rendered progress[value="19"],
|
||
|
.markdown-rendered progress[value="20"],
|
||
|
.markdown-rendered progress[value="21"],
|
||
|
.markdown-rendered progress[value="22"],
|
||
|
.markdown-rendered progress[value="23"],
|
||
|
.markdown-rendered progress[value="24"],
|
||
|
.markdown-source-view.is-live-preview progress[value="0"],
|
||
|
.markdown-source-view.is-live-preview progress[value="1"],
|
||
|
.markdown-source-view.is-live-preview progress[value="2"],
|
||
|
.markdown-source-view.is-live-preview progress[value="3"],
|
||
|
.markdown-source-view.is-live-preview progress[value="4"],
|
||
|
.markdown-source-view.is-live-preview progress[value="5"],
|
||
|
.markdown-source-view.is-live-preview progress[value="6"],
|
||
|
.markdown-source-view.is-live-preview progress[value="7"],
|
||
|
.markdown-source-view.is-live-preview progress[value="8"],
|
||
|
.markdown-source-view.is-live-preview progress[value="9"],
|
||
|
.markdown-source-view.is-live-preview progress[value="10"],
|
||
|
.markdown-source-view.is-live-preview progress[value="11"],
|
||
|
.markdown-source-view.is-live-preview progress[value="12"],
|
||
|
.markdown-source-view.is-live-preview progress[value="13"],
|
||
|
.markdown-source-view.is-live-preview progress[value="14"],
|
||
|
.markdown-source-view.is-live-preview progress[value="15"],
|
||
|
.markdown-source-view.is-live-preview progress[value="16"],
|
||
|
.markdown-source-view.is-live-preview progress[value="17"],
|
||
|
.markdown-source-view.is-live-preview progress[value="18"],
|
||
|
.markdown-source-view.is-live-preview progress[value="19"],
|
||
|
.markdown-source-view.is-live-preview progress[value="20"],
|
||
|
.markdown-source-view.is-live-preview progress[value="21"],
|
||
|
.markdown-source-view.is-live-preview progress[value="22"],
|
||
|
.markdown-source-view.is-live-preview progress[value="23"],
|
||
|
.markdown-source-view.is-live-preview progress[value="24"])::-webkit-progress-value {
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
:is(.markdown-preview-view progress[value="25"], .markdown-preview-view progress[value="26"], .markdown-preview-view progress[value="27"], .markdown-preview-view progress[value="28"], .markdown-preview-view progress[value="29"], .markdown-preview-view progress[value="30"], .markdown-preview-view progress[value="31"], .markdown-preview-view progress[value="32"], .markdown-preview-view progress[value="33"], .markdown-preview-view progress[value="34"], .markdown-preview-view progress[value="35"], .markdown-preview-view progress[value="36"], .markdown-preview-view progress[value="37"], .markdown-preview-view progress[value="38"], .markdown-preview-view progress[value="39"], .markdown-preview-view progress[value="40"], .markdown-preview-view progress[value="41"], .markdown-preview-view progress[value="42"], .markdown-preview-view progress[value="43"], .markdown-preview-view progress[value="44"], .markdown-preview-view progress[value="45"], .markdown-preview-view progress[value="46"], .markdown-preview-view progress[value="47"], .markdown-preview-view progress[value="48"], .markdown-preview-view progress[value="49"],
|
||
|
.markdown-rendered progress[value="25"],
|
||
|
.markdown-rendered progress[value="26"],
|
||
|
.markdown-rendered progress[value="27"],
|
||
|
.markdown-rendered progress[value="28"],
|
||
|
.markdown-rendered progress[value="29"],
|
||
|
.markdown-rendered progress[value="30"],
|
||
|
.markdown-rendered progress[value="31"],
|
||
|
.markdown-rendered progress[value="32"],
|
||
|
.markdown-rendered progress[value="33"],
|
||
|
.markdown-rendered progress[value="34"],
|
||
|
.markdown-rendered progress[value="35"],
|
||
|
.markdown-rendered progress[value="36"],
|
||
|
.markdown-rendered progress[value="37"],
|
||
|
.markdown-rendered progress[value="38"],
|
||
|
.markdown-rendered progress[value="39"],
|
||
|
.markdown-rendered progress[value="40"],
|
||
|
.markdown-rendered progress[value="41"],
|
||
|
.markdown-rendered progress[value="42"],
|
||
|
.markdown-rendered progress[value="43"],
|
||
|
.markdown-rendered progress[value="44"],
|
||
|
.markdown-rendered progress[value="45"],
|
||
|
.markdown-rendered progress[value="46"],
|
||
|
.markdown-rendered progress[value="47"],
|
||
|
.markdown-rendered progress[value="48"],
|
||
|
.markdown-rendered progress[value="49"],
|
||
|
.markdown-source-view.is-live-preview progress[value="25"],
|
||
|
.markdown-source-view.is-live-preview progress[value="26"],
|
||
|
.markdown-source-view.is-live-preview progress[value="27"],
|
||
|
.markdown-source-view.is-live-preview progress[value="28"],
|
||
|
.markdown-source-view.is-live-preview progress[value="29"],
|
||
|
.markdown-source-view.is-live-preview progress[value="30"],
|
||
|
.markdown-source-view.is-live-preview progress[value="31"],
|
||
|
.markdown-source-view.is-live-preview progress[value="32"],
|
||
|
.markdown-source-view.is-live-preview progress[value="33"],
|
||
|
.markdown-source-view.is-live-preview progress[value="34"],
|
||
|
.markdown-source-view.is-live-preview progress[value="35"],
|
||
|
.markdown-source-view.is-live-preview progress[value="36"],
|
||
|
.markdown-source-view.is-live-preview progress[value="37"],
|
||
|
.markdown-source-view.is-live-preview progress[value="38"],
|
||
|
.markdown-source-view.is-live-preview progress[value="39"],
|
||
|
.markdown-source-view.is-live-preview progress[value="40"],
|
||
|
.markdown-source-view.is-live-preview progress[value="41"],
|
||
|
.markdown-source-view.is-live-preview progress[value="42"],
|
||
|
.markdown-source-view.is-live-preview progress[value="43"],
|
||
|
.markdown-source-view.is-live-preview progress[value="44"],
|
||
|
.markdown-source-view.is-live-preview progress[value="45"],
|
||
|
.markdown-source-view.is-live-preview progress[value="46"],
|
||
|
.markdown-source-view.is-live-preview progress[value="47"],
|
||
|
.markdown-source-view.is-live-preview progress[value="48"],
|
||
|
.markdown-source-view.is-live-preview progress[value="49"])::-webkit-progress-value {
|
||
|
background-color: var(--color-orange-base);
|
||
|
border-color: var(--color-orange-tint);
|
||
|
}
|
||
|
:is(.markdown-preview-view progress[value="50"], .markdown-preview-view progress[value="51"], .markdown-preview-view progress[value="52"], .markdown-preview-view progress[value="53"], .markdown-preview-view progress[value="54"], .markdown-preview-view progress[value="55"], .markdown-preview-view progress[value="56"], .markdown-preview-view progress[value="57"], .markdown-preview-view progress[value="58"], .markdown-preview-view progress[value="59"], .markdown-preview-view progress[value="60"], .markdown-preview-view progress[value="61"], .markdown-preview-view progress[value="62"], .markdown-preview-view progress[value="63"], .markdown-preview-view progress[value="64"], .markdown-preview-view progress[value="65"], .markdown-preview-view progress[value="66"], .markdown-preview-view progress[value="67"], .markdown-preview-view progress[value="68"], .markdown-preview-view progress[value="69"], .markdown-preview-view progress[value="70"], .markdown-preview-view progress[value="71"], .markdown-preview-view progress[value="72"], .markdown-preview-view progress[value="73"], .markdown-preview-view progress[value="74"],
|
||
|
.markdown-rendered progress[value="50"],
|
||
|
.markdown-rendered progress[value="51"],
|
||
|
.markdown-rendered progress[value="52"],
|
||
|
.markdown-rendered progress[value="53"],
|
||
|
.markdown-rendered progress[value="54"],
|
||
|
.markdown-rendered progress[value="55"],
|
||
|
.markdown-rendered progress[value="56"],
|
||
|
.markdown-rendered progress[value="57"],
|
||
|
.markdown-rendered progress[value="58"],
|
||
|
.markdown-rendered progress[value="59"],
|
||
|
.markdown-rendered progress[value="60"],
|
||
|
.markdown-rendered progress[value="61"],
|
||
|
.markdown-rendered progress[value="62"],
|
||
|
.markdown-rendered progress[value="63"],
|
||
|
.markdown-rendered progress[value="64"],
|
||
|
.markdown-rendered progress[value="65"],
|
||
|
.markdown-rendered progress[value="66"],
|
||
|
.markdown-rendered progress[value="67"],
|
||
|
.markdown-rendered progress[value="68"],
|
||
|
.markdown-rendered progress[value="69"],
|
||
|
.markdown-rendered progress[value="70"],
|
||
|
.markdown-rendered progress[value="71"],
|
||
|
.markdown-rendered progress[value="72"],
|
||
|
.markdown-rendered progress[value="73"],
|
||
|
.markdown-rendered progress[value="74"],
|
||
|
.markdown-source-view.is-live-preview progress[value="50"],
|
||
|
.markdown-source-view.is-live-preview progress[value="51"],
|
||
|
.markdown-source-view.is-live-preview progress[value="52"],
|
||
|
.markdown-source-view.is-live-preview progress[value="53"],
|
||
|
.markdown-source-view.is-live-preview progress[value="54"],
|
||
|
.markdown-source-view.is-live-preview progress[value="55"],
|
||
|
.markdown-source-view.is-live-preview progress[value="56"],
|
||
|
.markdown-source-view.is-live-preview progress[value="57"],
|
||
|
.markdown-source-view.is-live-preview progress[value="58"],
|
||
|
.markdown-source-view.is-live-preview progress[value="59"],
|
||
|
.markdown-source-view.is-live-preview progress[value="60"],
|
||
|
.markdown-source-view.is-live-preview progress[value="61"],
|
||
|
.markdown-source-view.is-live-preview progress[value="62"],
|
||
|
.markdown-source-view.is-live-preview progress[value="63"],
|
||
|
.markdown-source-view.is-live-preview progress[value="64"],
|
||
|
.markdown-source-view.is-live-preview progress[value="65"],
|
||
|
.markdown-source-view.is-live-preview progress[value="66"],
|
||
|
.markdown-source-view.is-live-preview progress[value="67"],
|
||
|
.markdown-source-view.is-live-preview progress[value="68"],
|
||
|
.markdown-source-view.is-live-preview progress[value="69"],
|
||
|
.markdown-source-view.is-live-preview progress[value="70"],
|
||
|
.markdown-source-view.is-live-preview progress[value="71"],
|
||
|
.markdown-source-view.is-live-preview progress[value="72"],
|
||
|
.markdown-source-view.is-live-preview progress[value="73"],
|
||
|
.markdown-source-view.is-live-preview progress[value="74"])::-webkit-progress-value {
|
||
|
background-color: var(--color-yellow-base);
|
||
|
border-color: var(--color-yellow-tint);
|
||
|
}
|
||
|
:is(.markdown-preview-view progress[value="75"], .markdown-preview-view progress[value="76"], .markdown-preview-view progress[value="77"], .markdown-preview-view progress[value="78"], .markdown-preview-view progress[value="79"], .markdown-preview-view progress[value="80"], .markdown-preview-view progress[value="81"], .markdown-preview-view progress[value="82"], .markdown-preview-view progress[value="83"], .markdown-preview-view progress[value="84"], .markdown-preview-view progress[value="85"], .markdown-preview-view progress[value="86"], .markdown-preview-view progress[value="87"], .markdown-preview-view progress[value="88"], .markdown-preview-view progress[value="89"], .markdown-preview-view progress[value="90"], .markdown-preview-view progress[value="91"], .markdown-preview-view progress[value="92"], .markdown-preview-view progress[value="93"], .markdown-preview-view progress[value="94"], .markdown-preview-view progress[value="95"], .markdown-preview-view progress[value="96"], .markdown-preview-view progress[value="97"], .markdown-preview-view progress[value="98"], .markdown-preview-view progress[value="99"],
|
||
|
.markdown-rendered progress[value="75"],
|
||
|
.markdown-rendered progress[value="76"],
|
||
|
.markdown-rendered progress[value="77"],
|
||
|
.markdown-rendered progress[value="78"],
|
||
|
.markdown-rendered progress[value="79"],
|
||
|
.markdown-rendered progress[value="80"],
|
||
|
.markdown-rendered progress[value="81"],
|
||
|
.markdown-rendered progress[value="82"],
|
||
|
.markdown-rendered progress[value="83"],
|
||
|
.markdown-rendered progress[value="84"],
|
||
|
.markdown-rendered progress[value="85"],
|
||
|
.markdown-rendered progress[value="86"],
|
||
|
.markdown-rendered progress[value="87"],
|
||
|
.markdown-rendered progress[value="88"],
|
||
|
.markdown-rendered progress[value="89"],
|
||
|
.markdown-rendered progress[value="90"],
|
||
|
.markdown-rendered progress[value="91"],
|
||
|
.markdown-rendered progress[value="92"],
|
||
|
.markdown-rendered progress[value="93"],
|
||
|
.markdown-rendered progress[value="94"],
|
||
|
.markdown-rendered progress[value="95"],
|
||
|
.markdown-rendered progress[value="96"],
|
||
|
.markdown-rendered progress[value="97"],
|
||
|
.markdown-rendered progress[value="98"],
|
||
|
.markdown-rendered progress[value="99"],
|
||
|
.markdown-source-view.is-live-preview progress[value="75"],
|
||
|
.markdown-source-view.is-live-preview progress[value="76"],
|
||
|
.markdown-source-view.is-live-preview progress[value="77"],
|
||
|
.markdown-source-view.is-live-preview progress[value="78"],
|
||
|
.markdown-source-view.is-live-preview progress[value="79"],
|
||
|
.markdown-source-view.is-live-preview progress[value="80"],
|
||
|
.markdown-source-view.is-live-preview progress[value="81"],
|
||
|
.markdown-source-view.is-live-preview progress[value="82"],
|
||
|
.markdown-source-view.is-live-preview progress[value="83"],
|
||
|
.markdown-source-view.is-live-preview progress[value="84"],
|
||
|
.markdown-source-view.is-live-preview progress[value="85"],
|
||
|
.markdown-source-view.is-live-preview progress[value="86"],
|
||
|
.markdown-source-view.is-live-preview progress[value="87"],
|
||
|
.markdown-source-view.is-live-preview progress[value="88"],
|
||
|
.markdown-source-view.is-live-preview progress[value="89"],
|
||
|
.markdown-source-view.is-live-preview progress[value="90"],
|
||
|
.markdown-source-view.is-live-preview progress[value="91"],
|
||
|
.markdown-source-view.is-live-preview progress[value="92"],
|
||
|
.markdown-source-view.is-live-preview progress[value="93"],
|
||
|
.markdown-source-view.is-live-preview progress[value="94"],
|
||
|
.markdown-source-view.is-live-preview progress[value="95"],
|
||
|
.markdown-source-view.is-live-preview progress[value="96"],
|
||
|
.markdown-source-view.is-live-preview progress[value="97"],
|
||
|
.markdown-source-view.is-live-preview progress[value="98"],
|
||
|
.markdown-source-view.is-live-preview progress[value="99"])::-webkit-progress-value {
|
||
|
background-color: var(--color-green-base);
|
||
|
border-color: var(--color-green-tint);
|
||
|
}
|
||
|
.markdown-preview-view progress[value="100"]::-webkit-progress-value,
|
||
|
.markdown-rendered progress[value="100"]::-webkit-progress-value,
|
||
|
.markdown-source-view.is-live-preview progress[value="100"]::-webkit-progress-value {
|
||
|
background-color: var(--color-blue-base);
|
||
|
border-color: var(--color-blue-tint);
|
||
|
}
|
||
|
|
||
|
.cm-vimCursorLayer .cm-fat-cursor {
|
||
|
outline: solid 1px var(--color-red-text);
|
||
|
}
|
||
|
div.cm-focused .cm-vimCursorLayer .cm-fat-cursor {
|
||
|
color: var(--highlight-text-normal);
|
||
|
outline: solid 1px var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
.ͼo:not(.cm-focused) .cm-fat-cursor {
|
||
|
outline: solid 1px var(--color-red-tint);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian .cm-hmd-frontmatter {
|
||
|
color: var(--color-blue);
|
||
|
}
|
||
|
.cm-s-obsidian .cm-hmd-frontmatter.cm-atom, .cm-s-obsidian .cm-hmd-frontmatter.cm-meta {
|
||
|
color: var(--text-faint);
|
||
|
}
|
||
|
.cm-s-obsidian .cm-hmd-frontmatter.cm-keyword {
|
||
|
color: var(--color-red);
|
||
|
}
|
||
|
.cm-s-obsidian .cm-hmd-frontmatter.cm-number {
|
||
|
color: var(--color-green);
|
||
|
}
|
||
|
.cm-s-obsidian .cm-hmd-frontmatter.cm-def {
|
||
|
color: var(--text-faint);
|
||
|
}
|
||
|
|
||
|
.metadata-properties-heading {
|
||
|
display: inline-flex;
|
||
|
width: 100%;
|
||
|
padding: var(--size-4-2);
|
||
|
margin-bottom: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
.metadata-properties-heading .collapse-indicator {
|
||
|
position: relative;
|
||
|
inset-inline-start: unset;
|
||
|
left: unset;
|
||
|
order: 2;
|
||
|
opacity: 1;
|
||
|
}
|
||
|
.metadata-properties-heading .collapse-indicator .collapse-icon svg.svg-icon {
|
||
|
width: 18px;
|
||
|
}
|
||
|
|
||
|
.metadata-properties-title {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
width: 100%;
|
||
|
margin-bottom: unset;
|
||
|
font-weight: var(--bold-weight);
|
||
|
}
|
||
|
.metadata-properties-title::before {
|
||
|
align-items: center;
|
||
|
width: var(--icon-size);
|
||
|
height: var(--icon-size);
|
||
|
margin-inline-end: var(--size-4-2);
|
||
|
content: "";
|
||
|
background-color: var(--text-muted);
|
||
|
-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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-archive'%3E%3Crect width='20' height='5' x='2' y='4' rx='2'/%3E%3Cpath d='M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E");
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-size: 18px;
|
||
|
}
|
||
|
|
||
|
.cm-editor .metadata-content,
|
||
|
.markdown-preview-view .metadata-content {
|
||
|
padding: var(--size-4-3) var(--size-4-2);
|
||
|
border: var(--window-border);
|
||
|
border-top: unset;
|
||
|
}
|
||
|
|
||
|
.metadata-property-key {
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.metadata-property-icon {
|
||
|
height: fit-content;
|
||
|
padding: var(--size-2-1);
|
||
|
margin-left: var(--size-4-1);
|
||
|
}
|
||
|
.metadata-property-icon:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.metadata-property-icon::before {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.metadata-container {
|
||
|
transform: unset;
|
||
|
}
|
||
|
.metadata-container .metadata-add-button {
|
||
|
margin-top: var(--size-4-2);
|
||
|
margin-left: var(--size-4-1);
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.multi-select-container {
|
||
|
gap: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.metadata-property:not([data-property-key=tags]) .multi-select-pill {
|
||
|
line-height: unset;
|
||
|
}
|
||
|
|
||
|
.metadata-property[data-property-key=tags] {
|
||
|
--pill-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=all-properties] .view-content,
|
||
|
.workspace-leaf-content[data-type=file-properties] .view-content,
|
||
|
.workspace-leaf-content[data-type=properties] .view-content {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.metadata-property:focus-within {
|
||
|
box-shadow: 0 0 0 1px var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
audio::-webkit-media-controls-panel {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
audio::-webkit-media-controls-mute-button:hover,
|
||
|
audio::-webkit-media-controls-play-button:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-radius: var(--radius-s);
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
audio::-webkit-media-controls-volume-slider {
|
||
|
padding-right: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
audio::-webkit-media-controls-current-time-display {
|
||
|
margin-left: var(--size-4-3);
|
||
|
font-family: var(--font-interface);
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
|
||
|
audio::-webkit-media-controls-time-remaining-display {
|
||
|
font-family: var(--font-interface);
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
|
||
|
.modal-container .prompt {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.modal-container .prompt .prompt-results {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.theme-light .modal-container .prompt .prompt-results {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .modal-container .prompt .prompt-results {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.modal-container .prompt .prompt-results::-webkit-scrollbar-track {
|
||
|
margin-left: var(--window-border);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.theme-light .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.modal-container .prompt .prompt-instructions {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.suggestion-item.mod-complex .suggestion-hotkey {
|
||
|
margin-left: var(--size-4-2);
|
||
|
font-weight: 600;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.prompt-input-container {
|
||
|
padding: var(--size-4-2);
|
||
|
margin: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
input.prompt-input {
|
||
|
height: 40px;
|
||
|
padding: 0 var(--size-4-4);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.theme-light input.prompt-input {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark input.prompt-input {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.suggestion-container {
|
||
|
max-width: 700px;
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.suggestion-container .suggestion {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.suggestion-container .suggestion::-webkit-scrollbar-track {
|
||
|
border-radius: var(--radius-s);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
.theme-light .suggestion-container {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .suggestion-container {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.suggestion-container .suggestion-item {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.suggestion-item.mod-complex {
|
||
|
align-items: center;
|
||
|
}
|
||
|
.suggestion-item.mod-complex .suggestion-content {
|
||
|
overflow: visible;
|
||
|
}
|
||
|
|
||
|
.suggestion-item.is-selected {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
.suggestion-prefix {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
margin-right: var(--size-4-2);
|
||
|
font-size: 0.9em;
|
||
|
font-weight: 600;
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.suggestion-prefix::after {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=file-explorer] .nav-files-container {
|
||
|
padding-top: var(--size-4-1);
|
||
|
padding-right: var(--size-4-1);
|
||
|
padding-bottom: unset;
|
||
|
padding-left: var(--size-4-1);
|
||
|
margin-left: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=file-explorer] .nav-folder.mod-root > .nav-folder-children {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.tree-item-children:empty {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.tree-item-self {
|
||
|
padding-inline-start: none !important;
|
||
|
margin-inline-start: none !important;
|
||
|
border: 2px solid transparent;
|
||
|
}
|
||
|
|
||
|
.nav-file-tag {
|
||
|
height: 15px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.nav-folder:not(.is-collapsed) > .nav-folder-title {
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
|
||
|
body:not(.is-grabbing) .nav-folder-title:hover .collapse-icon svg.svg-icon {
|
||
|
color: var(--nav-item-color-hover);
|
||
|
}
|
||
|
body:not(.is-grabbing) .item-list .nav-file-title:hover .nav-file-icon {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
body:not(.is-grabbing) .nav-file-title.is-active:hover,
|
||
|
body:not(.is-grabbing) .nav-folder-title.is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
.mod-active .workspace-tab-header.is-active:hover .workspace-tab-header-inner-icon,
|
||
|
.mod-active .workspace-tab-header.is-active:hover .workspace-tab-header-inner-title {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border: var(--accent-border-width) solid transparent;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.workspace-leaf.mod-active .nav-file.has-focus {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border: unset;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
body:not(.is-grabbing) .nav-file-title.is-being-dragged,
|
||
|
body:not(.is-grabbing) .nav-folder-title.is-being-dragged,
|
||
|
.nav-file-title.is-being-dragged,
|
||
|
.nav-folder-title.is-being-dragged {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
|
||
|
.pt-file-explorer-folder-icon .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
|
||
|
display: inline-flex;
|
||
|
width: 17px;
|
||
|
height: -webkit-fill-available;
|
||
|
height: fill-available;
|
||
|
content: " ";
|
||
|
-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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-size: 17px;
|
||
|
stroke-width: unset;
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--text-muted);
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
|
||
|
display: inline-flex;
|
||
|
width: 17px;
|
||
|
height: -webkit-fill-available;
|
||
|
height: fill-available;
|
||
|
content: " ";
|
||
|
-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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3C/svg%3E");
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-size: 17px;
|
||
|
stroke-width: unset;
|
||
|
transform: rotate(0);
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--text-muted);
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
.graph-controls-button.mod-close {
|
||
|
top: 0;
|
||
|
right: var(--size-4-1);
|
||
|
padding: var(--size-2-1);
|
||
|
}
|
||
|
|
||
|
.graph-controls-button.mod-reset {
|
||
|
top: 0;
|
||
|
right: var(--size-4-8);
|
||
|
padding: var(--size-2-1);
|
||
|
}
|
||
|
|
||
|
.theme-light .workspace-leaf-content[data-type=graph] .view-content,
|
||
|
.theme-light .workspace-leaf-content[data-type=localgraph] .view-content,
|
||
|
.theme-light .graph-controls {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=graph] .view-content,
|
||
|
.theme-dark .workspace-leaf-content[data-type=localgraph] .view-content,
|
||
|
.theme-dark .graph-controls {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.graph-controls {
|
||
|
width: unset;
|
||
|
min-width: var(--graph-controls-width);
|
||
|
}
|
||
|
.graph-controls.is-close {
|
||
|
padding: var(--size-4-1);
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.graph-controls .tree-item-self {
|
||
|
padding-left: var(--size-4-6);
|
||
|
margin-bottom: -1px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: 1px solid var(--window-border-color);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
|
||
|
.graph-control-section {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.graph-control-section:last-child .tree-item-children {
|
||
|
padding-bottom: var(--size-4-2);
|
||
|
}
|
||
|
.graph-control-section > .tree-item-self:hover {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
.graph-control-section > .tree-item-self:hover * {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
.graph-control-section .tree-item-children {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.graph-control-section .setting-item:not(.mod-search-setting) {
|
||
|
padding: var(--size-2-3) var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
:is(.graph-view.color-fill-unresolved, .graph-view.color-arrow) {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
.theme-light .graph-view.color-line {
|
||
|
opacity: var(--graph-line-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill {
|
||
|
opacity: var(--graph-fill-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-focused {
|
||
|
opacity: var(--graph-fill-focused-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-tag {
|
||
|
opacity: var(--graph-tag-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-attachment {
|
||
|
opacity: var(--graph-attachment-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-unresolved {
|
||
|
opacity: var(--graph-unresolved-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-highlight {
|
||
|
color: var(--graph-highlight-color-lt);
|
||
|
opacity: var(--graph-highlight-opacity-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-line-highlight {
|
||
|
color: var(--graph-highlight-line-color-lt);
|
||
|
opacity: var(--graph-highlight-line-opacity-lt);
|
||
|
}
|
||
|
|
||
|
.theme-dark .graph-view.color-line {
|
||
|
opacity: var(--graph-line-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill {
|
||
|
opacity: var(--graph-fill-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-focused {
|
||
|
opacity: var(--graph-fill-focused-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-tag {
|
||
|
opacity: var(--graph-tag-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-attachment {
|
||
|
opacity: var(--graph-attachment-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-unresolved {
|
||
|
opacity: var(--graph-unresolved-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-highlight {
|
||
|
color: var(--graph-highlight-color-dt);
|
||
|
opacity: var(--graph-highlight-opacity-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-line-highlight {
|
||
|
color: var(--graph-highlight-line-color-dt);
|
||
|
opacity: var(--graph-highlight-line-opacity-dt);
|
||
|
}
|
||
|
|
||
|
.outline .tree-item-children > div:first-child {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=outline] .view-content {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.search-result-container {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.search-row {
|
||
|
padding: var(--size-4-1);
|
||
|
margin: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.search-info-container {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.search-params {
|
||
|
padding: var(--size-4-1) var(--size-4-4);
|
||
|
margin: unset;
|
||
|
margin-top: -1px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.search-results-info {
|
||
|
padding: var(--size-4-1) var(--size-4-2) var(--size-4-2) var(--size-4-2);
|
||
|
margin: unset;
|
||
|
margin-top: -1px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.search-result-file-matched-text {
|
||
|
padding: 0 4px;
|
||
|
font-weight: 600;
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
|
||
|
.search-result {
|
||
|
margin-bottom: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.search-result-file-matches {
|
||
|
margin: var(--size-4-2);
|
||
|
}
|
||
|
.theme-dark .search-result-file-matches {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.internal-query .search-result-container {
|
||
|
padding: var(--size-4-2) var(--size-4-1);
|
||
|
background-color: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
|
||
|
.suggestion-container.mod-search-suggestion {
|
||
|
background-color: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.suggestion-container.mod-search-suggestion .suggestion {
|
||
|
padding: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.theme-light .suggestion-container.mod-search-suggestion .suggestion {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .suggestion-container.mod-search-suggestion .suggestion {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item:not(.mod-group) {
|
||
|
margin: 0 var(--size-4-1) var(--size-2-1);
|
||
|
}
|
||
|
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item:not(.mod-group):last-of-type {
|
||
|
margin-bottom: var(--size-4-1);
|
||
|
}
|
||
|
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item.mod-group {
|
||
|
padding: var(--size-4-1) var(--size-4-1) var(--size-4-1) var(--size-4-2);
|
||
|
margin-bottom: var(--size-4-1);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.suggestion-container.mod-search-suggestion .suggestion .search-suggest-item.mod-group:not(:first-child) {
|
||
|
margin: var(--size-4-1) 0;
|
||
|
}
|
||
|
|
||
|
.input-right-decorator.clickable-icon {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
|
||
|
.tag-container {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.tag-container .tree-item-children > div:first-child {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
:is(.backlink-pane, .outgoing-link-pane) {
|
||
|
padding: 0;
|
||
|
}
|
||
|
.embedded-backlinks :is(.backlink-pane, .outgoing-link-pane) {
|
||
|
overflow-y: unset;
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .search-result-container {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) .search-result-container .search-result-container {
|
||
|
padding: unset;
|
||
|
margin: var(--size-4-1) var(--size-4-1) var(--size-4-2) var(--size-4-5);
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self {
|
||
|
padding-inline: var(--size-4-6) var(--size-4-2);
|
||
|
padding-top: var(--size-4-1);
|
||
|
padding-bottom: var(--size-4-1);
|
||
|
margin-bottom: -1px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:first-child {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:nth-last-child(2) {
|
||
|
border-top: var(--window-border);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self .collapse-icon {
|
||
|
display: flex;
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self.is-collapsed:hover, :is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:hover .collapse-icon svg.svg-icon {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
.tree-item-self.is-clickable:hover svg {
|
||
|
color: var(--nav-item-color-hover);
|
||
|
}
|
||
|
|
||
|
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split) .embedded-backlinks .nav-header {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
}
|
||
|
|
||
|
.embedded-backlinks .nav-header {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: var(--layer-cover);
|
||
|
justify-content: center;
|
||
|
height: unset;
|
||
|
margin: var(--size-4-2) 0;
|
||
|
background-color: unset;
|
||
|
border-bottom: unset;
|
||
|
}
|
||
|
.embedded-backlinks .backlink-pane {
|
||
|
padding: unset;
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
.embedded-backlinks .backlink-pane > .tree-item-self {
|
||
|
width: unset;
|
||
|
font-size: var(--font-ui-small);
|
||
|
}
|
||
|
.embedded-backlinks .tree-item-self {
|
||
|
border: unset;
|
||
|
}
|
||
|
.embedded-backlinks .nav-buttons-container {
|
||
|
position: relative;
|
||
|
top: unset;
|
||
|
padding: var(--size-4-1);
|
||
|
pointer-events: auto;
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
|
||
|
.outgoing-link-pane .tree-item-self .tree-item-icon {
|
||
|
margin-right: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
--canvas-color: var(--color-grey-tint-hsl);
|
||
|
--canvas-background-color: var(--color-grey-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-grey-text-hsl);
|
||
|
}
|
||
|
body.theme-dark {
|
||
|
--canvas-color: var(--color-grey-tint-hsl);
|
||
|
}
|
||
|
|
||
|
.canvas-group-label {
|
||
|
font-weight: var(--font-semibold);
|
||
|
}
|
||
|
|
||
|
.theme-dark .canvas-wrapper,
|
||
|
.theme-dark .canvas-node-content {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.canvas-control-item {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.canvas-control-group,
|
||
|
.canvas-menu,
|
||
|
.canvas-card-menu,
|
||
|
.theme-dark .canvas-card-menu {
|
||
|
gap: var(--size-4-1);
|
||
|
padding: var(--size-4-1);
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
|
||
|
.canvas-control-item,
|
||
|
.canvas-card-menu-button {
|
||
|
padding: var(--size-2-3);
|
||
|
background-color: unset;
|
||
|
border: unset;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.canvas-control-item:hover,
|
||
|
.canvas-card-menu-button:hover {
|
||
|
color: var(--nav-item-color-hover);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
|
||
|
.canvas-node-container {
|
||
|
border: 4px solid rgb(var(--canvas-color));
|
||
|
}
|
||
|
|
||
|
.canvas-path-label {
|
||
|
border: 4px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.mod-canvas-color-1 {
|
||
|
--canvas-color: var(--color-red-tint-hsl);
|
||
|
--canvas-background-color: var(--color-red-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-red-text-hsl);
|
||
|
}
|
||
|
|
||
|
.mod-canvas-color-2 {
|
||
|
--canvas-color: var(--color-orange-tint-hsl);
|
||
|
--canvas-background-color: var(--color-orange-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-orange-text-hsl);
|
||
|
}
|
||
|
|
||
|
.mod-canvas-color-3 {
|
||
|
--canvas-color: var(--color-yellow-tint-hsl);
|
||
|
--canvas-background-color: var(--color-yellow-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-yellow-text-hsl);
|
||
|
}
|
||
|
|
||
|
.mod-canvas-color-4 {
|
||
|
--canvas-color: var(--color-green-tint-hsl);
|
||
|
--canvas-background-color: var(--color-green-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-green-text-hsl);
|
||
|
}
|
||
|
|
||
|
.mod-canvas-color-5 {
|
||
|
--canvas-color: var(--color-cyan-tint-hsl);
|
||
|
--canvas-background-color: var(--color-cyan-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-cyan-text-hsl);
|
||
|
}
|
||
|
|
||
|
.mod-canvas-color-6 {
|
||
|
--canvas-color: var(--color-purple-tint-hsl);
|
||
|
--canvas-background-color: var(--color-purple-base-hsl);
|
||
|
--canvas-highlight-color: var(--color-purple-text-hsl);
|
||
|
}
|
||
|
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-node:not(.is-themed) {
|
||
|
--shadow-border-themed-inset: inset 0 0 0 1px hsl(var(--canvas-color));
|
||
|
--shadow-border-themed: 0 0 0 2px hsl(var(--canvas-color));
|
||
|
}
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-placeholder::after, .canvas-node:not(.is-themed) .canvas-node-placeholder::after {
|
||
|
background-color: hsla(var(--canvas-color), 20%);
|
||
|
}
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-container, .canvas-node:not(.is-themed) .canvas-node-container {
|
||
|
border: 4px solid hsl(var(--canvas-color));
|
||
|
}
|
||
|
.theme-light .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):not(.canvas-node-group) .canvas-node-container, .theme-light .canvas-node:not(.is-themed):not(.canvas-node-group) .canvas-node-container {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):not(.canvas-node-group) .canvas-node-container, .theme-dark .canvas-node:not(.is-themed):not(.canvas-node-group) .canvas-node-container {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-content, .canvas-node:not(.is-themed) .canvas-node-content {
|
||
|
background-color: hsla(var(--canvas-background-color), 20%);
|
||
|
}
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]) {
|
||
|
background-color: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light, .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-dark {
|
||
|
color: var(--background-primary);
|
||
|
}
|
||
|
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-selected.is-themed .canvas-node-container, .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-focused.is-themed .canvas-node-container {
|
||
|
border-color: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
.canvas-node:not(.is-themed).canvas-node-group .canvas-group-label:not([contenteditable=true]) {
|
||
|
color: var(--background-primary);
|
||
|
background-color: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
.canvas-node:not(.is-themed).is-selected .canvas-node-container, .canvas-node:not(.is-themed).is-focused .canvas-node-container {
|
||
|
border-color: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
|
||
|
.canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-color-picker-item:first-child {
|
||
|
background-color: hsl(var(--canvas-color));
|
||
|
}
|
||
|
.canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):hover, .canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-active, .canvas-color-picker-item:first-child:hover, .canvas-color-picker-item:first-child.is-active {
|
||
|
box-shadow: 0 0 0 2px hsl(var(--canvas-color));
|
||
|
}
|
||
|
|
||
|
.canvas-minimap rect:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-minimap rect:not(.is-themed) {
|
||
|
fill: hsl(var(--canvas-color));
|
||
|
stroke: hsl(var(--canvas-color));
|
||
|
}
|
||
|
|
||
|
.theme-light .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light {
|
||
|
color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light {
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
|
||
|
.canvas-edges g:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) path.canvas-display-path, .canvas-edges g:not(.is-themed) path.canvas-display-path {
|
||
|
stroke: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
.canvas-edges g:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) polygon.canvas-path-end, .canvas-edges g:not(.is-themed) polygon.canvas-path-end {
|
||
|
fill: hsl(var(--canvas-highlight-color));
|
||
|
stroke: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
|
||
|
.canvas-edges g.is-focused path.canvas-interaction-path,
|
||
|
.canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-interaction-path {
|
||
|
stroke: hsla(var(--canvas-highlight-color), 10%);
|
||
|
}
|
||
|
|
||
|
.canvas-minimap path:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-minimap path:not(.is-themed) {
|
||
|
stroke: hsl(var(--canvas-highlight-color));
|
||
|
}
|
||
|
|
||
|
.canvas-card-menu {
|
||
|
top: var(--size-4-2);
|
||
|
bottom: unset;
|
||
|
left: var(--size-4-2);
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
overflow: hidden;
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
transform: unset;
|
||
|
}
|
||
|
.canvas-card-menu .canvas-card-menu-button {
|
||
|
padding: var(--size-4-1);
|
||
|
color: var(--text-muted);
|
||
|
}
|
||
|
.canvas-card-menu .canvas-card-menu-button svg {
|
||
|
width: 24px;
|
||
|
height: 24px;
|
||
|
}
|
||
|
.canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg {
|
||
|
transform: translateX(4px);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=bookmarks] .tree-item-icon {
|
||
|
width: 20px;
|
||
|
padding-right: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=bookmarks] .view-content {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
body:not(.is-grabbing) .workspace-leaf-content[data-type=bookmarks] .tree-item-self.is-active .tree-item-icon {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
body:not(.is-grabbing) .workspace-leaf-content[data-type=bookmarks] .tree-item-self.is-active:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
body:not(.is-grabbing) .workspace-leaf-content[data-type=bookmarks] .tree-item-self.is-active.is-clickable:hover svg {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
.pdf-toolbar {
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.pdf-viewer {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
gap: var(--size-4-4);
|
||
|
margin-top: var(--size-4-4);
|
||
|
margin-bottom: var(--size-4-4);
|
||
|
}
|
||
|
.pdf-viewer .page {
|
||
|
overflow: hidden;
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
|
||
|
.pdf-sidebar-container {
|
||
|
border-right: var(--window-border);
|
||
|
}
|
||
|
.pdf-sidebar-container .pdf-thumbnail-view {
|
||
|
gap: var(--size-4-2);
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnailSelectionRing {
|
||
|
display: flex;
|
||
|
padding: unset;
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail {
|
||
|
padding: var(--size-4-1);
|
||
|
border: 2px solid transparent;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail::after {
|
||
|
right: var(--size-4-3);
|
||
|
bottom: var(--size-4-3);
|
||
|
z-index: 99;
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail::before {
|
||
|
position: absolute;
|
||
|
inset: 0;
|
||
|
z-index: -1;
|
||
|
padding: 5px;
|
||
|
content: "";
|
||
|
background: transparent;
|
||
|
-webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
|
||
|
mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
|
||
|
-webkit-mask-composite: xor;
|
||
|
mask-composite: exclude;
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail:hover {
|
||
|
border-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail:hover::before {
|
||
|
background: var(--interactive-accent-base);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail:hover::after {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail:hover > .thumbnailSelectionRing {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail.selected {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail.selected::before {
|
||
|
background: var(--interactive-accent-base);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail.selected::after {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail.selected:hover::before {
|
||
|
background: var(--background-modifier-hover);
|
||
|
}
|
||
|
.pdf-sidebar-container .thumbnail.selected > .thumbnailSelectionRing {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"] {
|
||
|
border: 2px solid transparent;
|
||
|
}
|
||
|
|
||
|
.pdf-outline-view .tree-item-self:not(.mod-collapsible) {
|
||
|
padding-left: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.pdf-findbar-settings {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.annotationLayer .linkAnnotation > a:hover,
|
||
|
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
|
||
|
background: var(--interactive-accent-tint);
|
||
|
box-shadow: unset;
|
||
|
opacity: 0.4;
|
||
|
}
|
||
|
|
||
|
.pt-pdf-dark-theme.theme-dark .pdf-viewer .canvasWrapper,
|
||
|
.pt-pdf-dark-theme.theme-dark .pdf-sidebar-container img.thumbnailImage {
|
||
|
filter: invert(1) hue-rotate(180deg) saturate(100%);
|
||
|
mix-blend-mode: screen;
|
||
|
}
|
||
|
|
||
|
.pt-custom-vault-banner .workspace-drawer-vault-name {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.pt-custom-vault-banner .workspace-drawer-vault-name::before {
|
||
|
display: inline-flex;
|
||
|
min-width: 24px;
|
||
|
height: 24px;
|
||
|
margin-right: var(--size-4-2);
|
||
|
content: "";
|
||
|
background-image: var(--custom-vault-banner-icon-url);
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: center;
|
||
|
background-size: contain;
|
||
|
}
|
||
|
.pt-custom-vault-banner.is-mobile .mod-left .workspace-drawer-header::before {
|
||
|
display: block;
|
||
|
width: 32px;
|
||
|
height: 48px;
|
||
|
margin-right: var(--size-4-5);
|
||
|
content: "";
|
||
|
background-image: var(--custom-vault-banner-icon-url);
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: center;
|
||
|
background-size: contain;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
|
||
|
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class] {
|
||
|
--mark-highlight-base: var(--interactive-accent-base);
|
||
|
--mark-highlight-tint: var(--interactive-accent-tint);
|
||
|
--mark-highlight-text: var(--interactive-accent-text);
|
||
|
font-weight: 600;
|
||
|
background-color: transparent;
|
||
|
border-radius: var(--radius-s);
|
||
|
-webkit-box-decoration-break: clone;
|
||
|
box-decoration-break: clone;
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class] .external-link {
|
||
|
background-position-x: calc(100% - 1px);
|
||
|
background-position-y: 2px;
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.red, .Red) {
|
||
|
--mark-highlight-base: var(--color-red-base);
|
||
|
--mark-highlight-tint: var(--color-red-tint);
|
||
|
--mark-highlight-text: var(--color-red-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.orange, .Orange) {
|
||
|
--mark-highlight-base: var(--color-orange-base);
|
||
|
--mark-highlight-tint: var(--color-orange-tint);
|
||
|
--mark-highlight-text: var(--color-orange-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.yellow, .Yellow) {
|
||
|
--mark-highlight-base: var(--color-yellow-base);
|
||
|
--mark-highlight-tint: var(--color-yellow-tint);
|
||
|
--mark-highlight-text: var(--color-yellow-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.green, .Green) {
|
||
|
--mark-highlight-base: var(--color-green-base);
|
||
|
--mark-highlight-tint: var(--color-green-tint);
|
||
|
--mark-highlight-text: var(--color-green-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.mint, .Mint) {
|
||
|
--mark-highlight-base: var(--color-mint-base);
|
||
|
--mark-highlight-tint: var(--color-mint-tint);
|
||
|
--mark-highlight-text: var(--color-mint-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.aqua, .Aqua, .cyan, .Cyan) {
|
||
|
--mark-highlight-base: var(--color-cyan-base);
|
||
|
--mark-highlight-tint: var(--color-cyan-tint);
|
||
|
--mark-highlight-text: var(--color-cyan-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.blue, .Blue) {
|
||
|
--mark-highlight-base: var(--color-blue-base);
|
||
|
--mark-highlight-tint: var(--color-blue-tint);
|
||
|
--mark-highlight-text: var(--color-blue-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.purple, .Purple) {
|
||
|
--mark-highlight-base: var(--color-purple-base);
|
||
|
--mark-highlight-tint: var(--color-purple-tint);
|
||
|
--mark-highlight-text: var(--color-purple-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.pink, .Pink) {
|
||
|
--mark-highlight-base: var(--color-pink-base);
|
||
|
--mark-highlight-tint: var(--color-pink-tint);
|
||
|
--mark-highlight-text: var(--color-pink-text);
|
||
|
}
|
||
|
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.grey, .Grey) {
|
||
|
--mark-highlight-base: var(--color-grey-base);
|
||
|
--mark-highlight-tint: var(--color-grey-tint);
|
||
|
--mark-highlight-text: var(--color-grey-text);
|
||
|
}
|
||
|
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-default) {
|
||
|
padding: 0;
|
||
|
font-size: 1em;
|
||
|
background-color: unset;
|
||
|
border: unset;
|
||
|
opacity: 1;
|
||
|
}
|
||
|
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-border) {
|
||
|
padding: 0 3px;
|
||
|
font-size: var(--font-smallest);
|
||
|
background-color: unset;
|
||
|
border: var(--accent-border-width) solid var(--mark-highlight-tint);
|
||
|
}
|
||
|
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-filled) {
|
||
|
padding: 0 3px;
|
||
|
font-size: var(--font-smallest);
|
||
|
background-color: var(--mark-highlight-base);
|
||
|
border: var(--accent-border-width) solid var(--mark-highlight-base);
|
||
|
}
|
||
|
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-borderandfilled) {
|
||
|
padding: 0 3px;
|
||
|
font-size: var(--font-smallest);
|
||
|
background-color: var(--mark-highlight-base);
|
||
|
border: var(--accent-border-width) solid var(--mark-highlight-tint);
|
||
|
}
|
||
|
:is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class].mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]).mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class].mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class].mark-text-default {
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
:is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class].mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]).mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class].mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class].mark-text-color {
|
||
|
color: var(--mark-highlight-text);
|
||
|
}
|
||
|
|
||
|
.pt-font-alt-a * {
|
||
|
font-feature-settings: "ss03";
|
||
|
}
|
||
|
|
||
|
.pt-font-alt-g * {
|
||
|
font-feature-settings: "ss04";
|
||
|
}
|
||
|
|
||
|
.pt-font-alt-a.pt-font-alt-g * {
|
||
|
font-feature-settings: "ss03", "ss04";
|
||
|
}
|
||
|
|
||
|
.pt-font-slashed-zero * {
|
||
|
font-variant: slashed-zero;
|
||
|
}
|
||
|
|
||
|
.pt-font-disable-ligatures * {
|
||
|
font-variant-ligatures: none;
|
||
|
}
|
||
|
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .status-bar,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .view-header,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .mobile-navbar, body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .status-bar,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .view-header,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .mobile-navbar, body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .status-bar,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .view-header,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-root .workspace-tab-header-container,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-left-split,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-right-split,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-left.is-collapsed,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-right.is-collapsed,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .mobile-navbar, body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .status-bar,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .view-header,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-root .workspace-tab-header-container,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-left-split,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-right-split,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-left.is-collapsed,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-right.is-collapsed,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .mobile-navbar {
|
||
|
opacity: var(--fade-away-opacity);
|
||
|
transition: opacity 250ms;
|
||
|
transition-delay: var(--fade-away-delay);
|
||
|
}
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .status-bar:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .view-header:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .mobile-navbar:hover, body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .status-bar:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .view-header:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed:hover,
|
||
|
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .mobile-navbar:hover, body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .status-bar:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .view-header:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-root .workspace-tab-header-container:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-left-split:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-right-split:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-left.is-collapsed:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-right.is-collapsed:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .mobile-navbar:hover, body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .status-bar:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .view-header:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-root .workspace-tab-header-container:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-left-split:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-right-split:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-left.is-collapsed:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-right.is-collapsed:hover,
|
||
|
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .mobile-navbar:hover {
|
||
|
opacity: unset;
|
||
|
transition: opacity 50ms;
|
||
|
}
|
||
|
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-colored-folders-files-match .workspace-leaf-content[data-type=file-explorer] .nav-folder .nav-file-title:not(.is-active, :hover) {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder {
|
||
|
--nav-indentation-guide-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-file-title:hover,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-colored-folders-files-match .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-file-title:not(.is-active, :hover) {
|
||
|
color: var(--rainbow-text-color);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder {
|
||
|
--nav-indentation-guide-color: var(--rainbow-indent-color);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title {
|
||
|
color: var(--rainbow-text-color);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-file-title:hover,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title:hover {
|
||
|
color: var(--rainbow-text-color);
|
||
|
background-color: var(--rainbow-background-color);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+2) {
|
||
|
--rainbow-text-color: var(--color-red-text);
|
||
|
--rainbow-background-color: var(--color-red-base);
|
||
|
--rainbow-indent-color: var(--color-red-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+3) {
|
||
|
--rainbow-text-color: var(--color-orange-text);
|
||
|
--rainbow-background-color: var(--color-orange-base);
|
||
|
--rainbow-indent-color: var(--color-orange-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+4) {
|
||
|
--rainbow-text-color: var(--color-yellow-text);
|
||
|
--rainbow-background-color: var(--color-yellow-base);
|
||
|
--rainbow-indent-color: var(--color-yellow-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+5) {
|
||
|
--rainbow-text-color: var(--color-green-text);
|
||
|
--rainbow-background-color: var(--color-green-base);
|
||
|
--rainbow-indent-color: var(--color-green-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+6) {
|
||
|
--rainbow-text-color: var(--color-mint-text);
|
||
|
--rainbow-background-color: var(--color-mint-base);
|
||
|
--rainbow-indent-color: var(--color-mint-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+7) {
|
||
|
--rainbow-text-color: var(--color-cyan-text);
|
||
|
--rainbow-background-color: var(--color-cyan-base);
|
||
|
--rainbow-indent-color: var(--color-cyan-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+8) {
|
||
|
--rainbow-text-color: var(--color-blue-text);
|
||
|
--rainbow-background-color: var(--color-blue-base);
|
||
|
--rainbow-indent-color: var(--color-blue-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+9) {
|
||
|
--rainbow-text-color: var(--color-purple-text);
|
||
|
--rainbow-background-color: var(--color-purple-base);
|
||
|
--rainbow-indent-color: var(--color-purple-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+10) {
|
||
|
--rainbow-text-color: var(--color-pink-text);
|
||
|
--rainbow-background-color: var(--color-pink-base);
|
||
|
--rainbow-indent-color: var(--color-pink-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+11) {
|
||
|
--rainbow-text-color: var(--color-grey-text);
|
||
|
--rainbow-background-color: var(--color-grey-base);
|
||
|
--rainbow-indent-color: var(--color-grey-tint);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
|
||
|
color: var(--rainbow-text-color);
|
||
|
}
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
|
||
|
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--rainbow-text-color);
|
||
|
}
|
||
|
|
||
|
div.workspace-leaf-content[data-type=style-settings] div.view-content {
|
||
|
padding: var(--file-margins);
|
||
|
padding-bottom: calc(48px + var(--scroll-bar-size));
|
||
|
}
|
||
|
body:not(.is-phone) div.workspace-leaf-content[data-type=style-settings] .view-content .style-settings-container .setting-item:not(.setting-item-heading) {
|
||
|
flex-direction: row;
|
||
|
}
|
||
|
|
||
|
.setting-item.setting-item-heading.style-settings-heading {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.setting-item.setting-item-heading.style-settings-heading:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.setting-item.setting-item-heading.style-settings-heading:hover .setting-item-name {
|
||
|
color: var(--interactive-accent-text) !important;
|
||
|
}
|
||
|
|
||
|
.style-settings-container {
|
||
|
padding-bottom: unset;
|
||
|
}
|
||
|
.style-settings-container .setting-item {
|
||
|
padding: var(--size-4-2) var(--size-4-2) var(--size-4-2) var(--size-4-4);
|
||
|
}
|
||
|
.is-phone .style-settings-container .setting-item {
|
||
|
margin-top: unset;
|
||
|
}
|
||
|
|
||
|
.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
|
||
|
margin-left: unset;
|
||
|
}
|
||
|
|
||
|
:is(.setting-item.setting-item-heading.style-settings-heading, .style-settings-container .style-settings-heading) {
|
||
|
border-bottom: unset;
|
||
|
}
|
||
|
|
||
|
.setting-item-heading .setting-item-description {
|
||
|
padding-left: var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.setting-item.setting-item-heading.is-collapsed {
|
||
|
margin-bottom: unset;
|
||
|
}
|
||
|
|
||
|
.style-settings-container > .setting-item:last-of-type {
|
||
|
padding-bottom: unset;
|
||
|
margin-bottom: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
:is(.style-settings-heading[data-level="0"] + .style-settings-container, .style-settings-container) {
|
||
|
padding-left: var(--size-4-1);
|
||
|
margin-left: var(--size-4-3);
|
||
|
border-left: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.setting-item[data-id=prism-theme] {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=appearance] .style-settings-collapse-indicator::after {
|
||
|
margin-left: var(--size-4-2);
|
||
|
content: "🎨";
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=editor] .style-settings-collapse-indicator::after {
|
||
|
margin-left: var(--size-4-2);
|
||
|
content: "📝";
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=user-interface] .style-settings-collapse-indicator::after {
|
||
|
margin-left: var(--size-4-2);
|
||
|
content: "👆";
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=plugins] .style-settings-collapse-indicator::after {
|
||
|
margin-left: var(--size-4-2);
|
||
|
content: "🧩";
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=feature-toggles] {
|
||
|
margin-bottom: var(--size-4-2);
|
||
|
}
|
||
|
.setting-item.style-settings-heading[data-id=feature-toggles] .style-settings-collapse-indicator::after {
|
||
|
margin-left: var(--size-4-2);
|
||
|
content: "🪠";
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=theme-info],
|
||
|
.style-settings-heading[data-id=support] {
|
||
|
margin-bottom: 0;
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
.setting-item.style-settings-heading[data-id=theme-info] :is(.setting-item-control, .style-settings-collapse-indicator),
|
||
|
.style-settings-heading[data-id=support] :is(.setting-item-control, .style-settings-collapse-indicator) {
|
||
|
display: none;
|
||
|
}
|
||
|
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-name::before,
|
||
|
.style-settings-heading[data-id=support] .setting-item-name::before {
|
||
|
display: inline-block;
|
||
|
width: 20px;
|
||
|
height: fit-content;
|
||
|
padding-right: 8px;
|
||
|
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
|
||
|
font-weight: initial;
|
||
|
color: unset;
|
||
|
}
|
||
|
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-description,
|
||
|
.style-settings-heading[data-id=support] .setting-item-description {
|
||
|
padding-left: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-heading[data-id=theme-info] {
|
||
|
padding-top: var(--size-4-4);
|
||
|
border-top: 2px solid var(--window-border-color);
|
||
|
}
|
||
|
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-name::before {
|
||
|
content: "📖";
|
||
|
}
|
||
|
|
||
|
.style-settings-heading[data-id=support] .setting-item-name::before {
|
||
|
content: "❤️";
|
||
|
}
|
||
|
|
||
|
.setting-item.style-settings-info-text[data-id=theme-info-buttons],
|
||
|
.setting-item.style-settings-info-text[data-id=support-buttons] {
|
||
|
padding: 0 var(--size-4-2) var(--size-4-2) var(--size-4-4);
|
||
|
}
|
||
|
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-name,
|
||
|
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-control,
|
||
|
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-name,
|
||
|
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-control {
|
||
|
display: none;
|
||
|
}
|
||
|
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-description.style-settings-markdown,
|
||
|
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-description.style-settings-markdown {
|
||
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
gap: var(--size-4-2);
|
||
|
}
|
||
|
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .styleSettingsButtonEmoji,
|
||
|
.setting-item.style-settings-info-text[data-id=support-buttons] .styleSettingsButtonEmoji {
|
||
|
margin-right: var(--size-4-1);
|
||
|
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
|
||
|
}
|
||
|
|
||
|
.styleSettingsButton {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
width: fit-content;
|
||
|
font-size: var(--font-ui-medium);
|
||
|
font-weight: var(--input-font-weight);
|
||
|
border: var(--accent-border-width) solid;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.styleSettingsButton a {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
padding: var(--size-4-1) var(--size-4-3) var(--size-4-1) var(--size-4-2);
|
||
|
text-decoration-line: unset;
|
||
|
vertical-align: baseline;
|
||
|
}
|
||
|
.styleSettingsButton.prism-wiki {
|
||
|
background-color: var(--color-blue-base);
|
||
|
border-color: var(--color-blue-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-wiki a {
|
||
|
color: var(--color-blue-text);
|
||
|
}
|
||
|
.styleSettingsButton.prism-wiki a:hover {
|
||
|
color: var(--color-blue-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-releases {
|
||
|
background-color: var(--color-orange-base);
|
||
|
border-color: var(--color-orange-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-releases a {
|
||
|
color: var(--color-orange-text);
|
||
|
}
|
||
|
.styleSettingsButton.prism-releases a:hover {
|
||
|
color: var(--color-orange-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-star {
|
||
|
background-color: var(--color-grey-base);
|
||
|
border-color: var(--color-grey-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-star a {
|
||
|
color: var(--color-grey-text);
|
||
|
}
|
||
|
.styleSettingsButton.prism-star a:hover {
|
||
|
color: var(--color-grey-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-issue {
|
||
|
background-color: var(--color-red-base);
|
||
|
border-color: var(--color-red-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-issue a {
|
||
|
color: var(--color-red-text);
|
||
|
}
|
||
|
.styleSettingsButton.prism-issue a:hover {
|
||
|
color: var(--color-red-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-coffee {
|
||
|
background-color: var(--color-yellow-base);
|
||
|
border-color: var(--color-yellow-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-coffee a {
|
||
|
color: var(--color-yellow-text);
|
||
|
}
|
||
|
.styleSettingsButton.prism-coffee a:hover {
|
||
|
color: var(--color-yellow-tint);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__lane-header-wrapper {
|
||
|
gap: var(--size-4-1);
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__lane-wrapper {
|
||
|
margin-right: var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.theme-dark .kanban-plugin__item-title-wrapper {
|
||
|
background: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
button.kanban-plugin__new-item-button {
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
button.kanban-plugin__new-item-button:hover {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
|
||
|
.theme-dark .kanban-plugin__item-form .kanban-plugin__item-input-wrapper {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__lane-items {
|
||
|
gap: var(--size-4-1);
|
||
|
padding: var(--size-4-2);
|
||
|
margin: unset;
|
||
|
}
|
||
|
.kanban-plugin__lane-items > div {
|
||
|
margin-top: unset;
|
||
|
}
|
||
|
|
||
|
.theme-light .kanban-plugin__scroll-container.kanban-plugin__vertical {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .kanban-plugin__scroll-container.kanban-plugin__vertical {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
:is(.kanban-plugin__lane-grip, div.kanban-plugin__lane-title-count, .kanban-plugin__lane button.kanban-plugin__lane-settings-button) {
|
||
|
margin: unset;
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__lane button.kanban-plugin__lane-settings-button {
|
||
|
height: unset;
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
|
||
|
.modal.kanban-plugin__board-settings-modal {
|
||
|
width: var(--modal-width);
|
||
|
max-width: var(--modal-max-width);
|
||
|
height: var(--modal-height);
|
||
|
max-height: var(--modal-max-height);
|
||
|
}
|
||
|
.modal.kanban-plugin__board-settings-modal .modal-title:empty {
|
||
|
display: block;
|
||
|
width: -webkit-fill-available;
|
||
|
width: fill-available;
|
||
|
height: 42px;
|
||
|
margin-bottom: unset;
|
||
|
content: "";
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.modal.kanban-plugin__board-settings-modal .modal-content {
|
||
|
padding: var(--size-4-8);
|
||
|
}
|
||
|
.modal.kanban-plugin__board-settings-modal :is(h3, h4) {
|
||
|
margin: var(--size-4-2) 0;
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__board > div {
|
||
|
padding: var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__markdown-preview-view > div > * {
|
||
|
overflow-x: unset;
|
||
|
}
|
||
|
|
||
|
div.kanban-plugin__lane-title-count {
|
||
|
display: block;
|
||
|
height: fit-content;
|
||
|
padding: 0 4px;
|
||
|
font-size: 0.75em;
|
||
|
font-weight: 600;
|
||
|
line-height: 1.5em;
|
||
|
color: var(--text-normal);
|
||
|
background-color: unset;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__lane-grip,
|
||
|
.kanban-plugin__lane-settings-button-wrapper {
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.kanban-plugin__lane-grip:hover,
|
||
|
.kanban-plugin__lane-settings-button-wrapper:hover {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
|
||
|
.kanban-plugin__lane-grip {
|
||
|
padding: var(--size-4-1) 0;
|
||
|
}
|
||
|
|
||
|
.pt-center-kanban-title-text .kanban-plugin__lane-title {
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.pt-disable-kanban-title-count div.kanban-plugin__lane-title-count {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-kanban-background-dots-lt .kanban-plugin__board {
|
||
|
background-image: radial-gradient(circle, hsla(var(--background-secondary-hsl), 90%) 1px, rgba(0, 0, 0, 0) 1px);
|
||
|
background-attachment: local;
|
||
|
background-size: 8px 8px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-kanban-background-dots-dt .kanban-plugin__board {
|
||
|
background-image: radial-gradient(circle, hsla(var(--background-secondary-hsl), 90%) 1px, rgba(0, 0, 0, 0) 1px);
|
||
|
background-attachment: local;
|
||
|
background-size: 8px 8px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-kanban-background-grid-lt .kanban-plugin__board {
|
||
|
background-image: linear-gradient(to right, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px), linear-gradient(to bottom, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px);
|
||
|
background-attachment: local;
|
||
|
background-size: 8px 8px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-kanban-background-grid-dt .kanban-plugin__board {
|
||
|
background-image: linear-gradient(to right, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px), linear-gradient(to bottom, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px);
|
||
|
background-attachment: local;
|
||
|
background-size: 8px 8px;
|
||
|
}
|
||
|
|
||
|
.pt-icon-folder-accent .obsidian-icon-folder-icon {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
.pt-icons-accent .obsidian-icon {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
div#cMenuModalBar {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
div#cMenuModalBar .cMenuCommandItem {
|
||
|
color: var(--text-muted);
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
div#cMenuModalBar button.cMenuCommandItem:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
div#cMenuModalBar.cMenuGlassAesthetic {
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.pt-status-bar-position-floating div#cMenuModalBar {
|
||
|
bottom: calc(var(--size-4-3) + 33px + var(--scroll-bar-size)) !important;
|
||
|
}
|
||
|
.pt-status-bar-position-fixed div#cMenuModalBar {
|
||
|
bottom: calc(var(--size-2-3) + 26px + var(--scroll-bar-size)) !important;
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=calendar] .view-content {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container {
|
||
|
padding: unset;
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .nav {
|
||
|
height: var(--header-height);
|
||
|
padding: var(--size-4-3);
|
||
|
margin: unset;
|
||
|
background: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container td.svelte-egt0yd {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container th.svelte-pcimu8 {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container div.today {
|
||
|
font-size: 1em;
|
||
|
font-weight: 600;
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .day.svelte-q3wqg9:active,
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .active.svelte-q3wqg9,
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .active.today.svelte-q3wqg9 {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .week-num {
|
||
|
font-size: 0.7em;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .year {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .dot.filled {
|
||
|
fill: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .hollow.task {
|
||
|
stroke: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .arrow:hover svg,
|
||
|
.workspace-leaf-content[data-type=calendar] #calendar-container .reset-button:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=recent-files] .view-content {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.theme-light .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container h3:first-of-type {
|
||
|
display: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:first-of-type summary {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not(:first-of-type) summary {
|
||
|
border-top: var(--window-border);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details[open] summary::before {
|
||
|
-webkit-transform: rotate(90deg);
|
||
|
transform: rotate(90deg);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not([open]) {
|
||
|
color: var(--text-faint);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:hover summary {
|
||
|
color: var(--nav-item-color-hover);
|
||
|
background-color: var(--nav-item-background-hover);
|
||
|
font-weight: var(--nav-item-weight-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:hover summary::before {
|
||
|
background-color: var(--nav-item-color-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details summary {
|
||
|
position: relative;
|
||
|
display: flex;
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
margin-bottom: -1px;
|
||
|
font-size: var(--font-ui-small);
|
||
|
background-color: var(--background-secondary);
|
||
|
list-style-type: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details summary::before {
|
||
|
content: "";
|
||
|
display: inline-block;
|
||
|
width: 15px;
|
||
|
height: 15px;
|
||
|
background-color: var(--text-muted);
|
||
|
-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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
-webkit-mask-size: 15px;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
margin-right: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul {
|
||
|
padding-inline-start: 0;
|
||
|
margin: 8px;
|
||
|
font-family: var(--font-text);
|
||
|
font-size: 14px;
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li {
|
||
|
width: 100%;
|
||
|
padding: var(--size-4-2) var(--size-4-5) var(--size-4-2) var(--size-4-3);
|
||
|
color: var(--text-normal);
|
||
|
color: var(--text-muted);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:not(:last-of-type) {
|
||
|
border-bottom: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:hover {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--text-selection);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li ::marker {
|
||
|
display: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-header {
|
||
|
gap: var(--size-4-1);
|
||
|
color: var(--icon-color);
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-position-top .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header, .pt-nav-header-right-sidebar-position-top .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header) {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: var(--layer-popover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button:hover {
|
||
|
color: var(--icon-color-hover);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
opacity: var(--icon-opacity-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button svg {
|
||
|
width: var(--icon-size);
|
||
|
height: var(--icon-size);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button path[stroke-width] {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
|
||
|
bottom: unset;
|
||
|
flex-wrap: wrap;
|
||
|
gap: var(--size-4-1);
|
||
|
justify-content: flex-start;
|
||
|
height: unset;
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.is-phone :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
|
||
|
gap: var(--size-4-4);
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .advanced-tables-buttons > div:first-child {
|
||
|
display: none;
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .advanced-tables-row-label {
|
||
|
width: fit-content;
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content {
|
||
|
height: fit-content;
|
||
|
padding: unset;
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content > div {
|
||
|
min-height: -webkit-fill-available;
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-buttons-container {
|
||
|
margin: unset;
|
||
|
background: unset;
|
||
|
backdrop-filter: unset;
|
||
|
border: unset;
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .widget-icon {
|
||
|
width: var(--icon-size);
|
||
|
height: var(--icon-size);
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-action-button:hover {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-action-button:hover .widget-icon {
|
||
|
fill: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] > div.view-content {
|
||
|
padding: 0;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-pane {
|
||
|
resize: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .oz-folder-contents {
|
||
|
margin-right: var(--size-4-1);
|
||
|
margin-bottom: var(--size-4-1);
|
||
|
margin-left: 14px !important;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .treeview {
|
||
|
padding: 0 var(--size-4-1) 0 0;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-contents {
|
||
|
padding-left: 0;
|
||
|
margin-left: 15px !important;
|
||
|
border-left: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element {
|
||
|
margin-left: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-icon-div {
|
||
|
padding-left: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-flex-container {
|
||
|
height: var(--header-height);
|
||
|
margin-bottom: unset;
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
border: unset;
|
||
|
border-bottom: var(--window-border);
|
||
|
border-radius: unset;
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
|
||
|
display: flex;
|
||
|
gap: var(--size-4-2);
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
padding: unset;
|
||
|
margin-bottom: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
width: 26px;
|
||
|
height: 26px;
|
||
|
margin-left: unset;
|
||
|
color: var(--text-faint);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header {
|
||
|
margin-top: unset;
|
||
|
font-weight: var(--font-medium);
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
border-bottom: var(--window-border);
|
||
|
border-radius: unset;
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container {
|
||
|
display: flex;
|
||
|
gap: var(--size-4-2);
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-action-button {
|
||
|
display: inline-flex;
|
||
|
order: 2;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-buttons-right-block {
|
||
|
gap: var(--size-4-2);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .file-tree-header-fixed {
|
||
|
padding-right: unset;
|
||
|
padding-left: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider {
|
||
|
height: 1px;
|
||
|
margin-bottom: unset;
|
||
|
background-color: var(--window-border-color);
|
||
|
border-bottom: unset;
|
||
|
opacity: 1;
|
||
|
}
|
||
|
.pt-color-scheme-style-minimal-lt .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider, .pt-color-scheme-style-minimal-dt .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider:hover {
|
||
|
height: 3px;
|
||
|
background-color: var(--divider-color-hover);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider-horizontal {
|
||
|
width: 1px;
|
||
|
margin-right: unset;
|
||
|
margin-left: unset;
|
||
|
border-right: 1px solid var(--window-border-color);
|
||
|
opacity: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider-horizontal:hover {
|
||
|
width: 3px;
|
||
|
background-color: var(--divider-color-hover);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-files {
|
||
|
padding: var(--size-4-1) !important;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file {
|
||
|
margin-bottom: var(--size-2-1);
|
||
|
margin-left: unset;
|
||
|
border: 2px solid transparent;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-title {
|
||
|
font-size: var(--font-ui-small);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content {
|
||
|
font-weight: var(--font-normal);
|
||
|
color: unset;
|
||
|
background-color: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title .oz-nav-file-tag,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content .oz-nav-file-tag {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-tag {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-block {
|
||
|
padding-top: unset;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .treeview {
|
||
|
padding: 1px;
|
||
|
margin-bottom: var(--size-2-1);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-explorer-container {
|
||
|
padding-right: unset !important;
|
||
|
padding-left: unset !important;
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .is-folder-active {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-folder-name,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-title,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-tag,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-folder-name,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-title,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-tag,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-folder-name,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-title,
|
||
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-tag {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
|
||
|
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
|
||
|
gap: var(--size-4-4);
|
||
|
}
|
||
|
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container {
|
||
|
gap: var(--size-4-4);
|
||
|
}
|
||
|
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-buttons-right-block {
|
||
|
gap: var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .view-content {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .function-bar {
|
||
|
height: var(--header-height);
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
margin-bottom: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-button {
|
||
|
width: 32px;
|
||
|
height: 32px;
|
||
|
background-color: unset;
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-button:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-button:hover .n-button__icon svg {
|
||
|
color: var(--interactive-accent-text) !important;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__icon svg {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
color: var(--text-muted) !important;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__border,
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__state-border {
|
||
|
display: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input {
|
||
|
height: 32px;
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.theme-light .workspace-leaf-content[data-type=quiet-outline] .n-input {
|
||
|
background: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=quiet-outline] .n-input {
|
||
|
background: var(--background-secondary-alt);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__border {
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled):hover .n-input__state-border, .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
|
||
|
border: 1px solid var(--interactive-accent-tint);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__placeholder {
|
||
|
display: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input {
|
||
|
caret-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input::placeholder {
|
||
|
color: var(--text-faint);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input-el {
|
||
|
height: 32px;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider {
|
||
|
padding: var(--size-4-4);
|
||
|
margin: unset !important;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail .n-slider-rail__fill {
|
||
|
background-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot {
|
||
|
background-color: var(--background-primary);
|
||
|
border: 2px solid var(--window-border-color);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot:hover {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.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-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-handles .n-slider-handle {
|
||
|
background-color: var(--background-primary);
|
||
|
border: 2px solid var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
.n-slider-handle-indicator {
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.theme-light .n-slider-handle-indicator {
|
||
|
background: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .n-slider-handle-indicator {
|
||
|
background: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.quiet-outline {
|
||
|
padding-bottom: unset;
|
||
|
}
|
||
|
.quiet-outline .n-tree-node-indent {
|
||
|
flex: 0 0 12px !important;
|
||
|
}
|
||
|
.quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
.quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover p {
|
||
|
color: var(--highlight-text-normal);
|
||
|
}
|
||
|
.quiet-outline .n-tree {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.quiet-outline .n-tree .n-tree-node.n-tree-node--highlight .n-tree-node-content .n-tree-node-content__text {
|
||
|
border-bottom: unset;
|
||
|
}
|
||
|
.quiet-outline .level-2 .n-tree-node-indent,
|
||
|
.quiet-outline .level-3 .n-tree-node-indent:first-child,
|
||
|
.quiet-outline .level-4 .n-tree-node-indent:first-child,
|
||
|
.quiet-outline .level-5 .n-tree-node-indent:first-child,
|
||
|
.quiet-outline .level-6 .n-tree-node-indent:first-child {
|
||
|
border-right: 1px solid var(--color-orange-tint);
|
||
|
}
|
||
|
.quiet-outline .level-3 .n-tree-node-indent,
|
||
|
.quiet-outline .level-4 .n-tree-node-indent:nth-child(2),
|
||
|
.quiet-outline .level-5 .n-tree-node-indent:nth-child(2),
|
||
|
.quiet-outline .level-6 .n-tree-node-indent:nth-child(2) {
|
||
|
border-right: 1px solid var(--color-yellow-tint);
|
||
|
}
|
||
|
.quiet-outline .level-4 .n-tree-node-indent,
|
||
|
.quiet-outline .level-5 .n-tree-node-indent:nth-child(3),
|
||
|
.quiet-outline .level-6 .n-tree-node-indent:nth-child(3) {
|
||
|
border-right: 1px solid var(--color-green-tint);
|
||
|
}
|
||
|
.quiet-outline .level-5 .n-tree-node-indent,
|
||
|
.quiet-outline .level-6 .n-tree-node-indent:nth-child(4) {
|
||
|
border-right: 1px solid var(--color-blue-tint);
|
||
|
}
|
||
|
.quiet-outline .level-6 .n-tree-node-indent {
|
||
|
border-right: 1px solid var(--color-purple-tint);
|
||
|
}
|
||
|
.quiet-outline code {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.status-bar-item.left-region {
|
||
|
padding: unset;
|
||
|
}
|
||
|
|
||
|
#quick-explorer {
|
||
|
padding: 0 var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
body.is-frameless.is-hidden-frameless:not(.qe-hide-breadcrumbs) .status-bar,
|
||
|
body:not(.is-frameless):not(.qe-hide-breadcrumbs) .status-bar {
|
||
|
position: var(--status-bar-position);
|
||
|
}
|
||
|
|
||
|
#quick-explorer .explorable.selected,
|
||
|
#quick-explorer .explorable:hover,
|
||
|
.qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
|
||
|
.view-header-breadcrumb.is-exploring,
|
||
|
.view-header-title-parent.is-exploring::before {
|
||
|
color: var(--highlight-accent-text);
|
||
|
}
|
||
|
|
||
|
.view-header-title-parent::before {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-files-container {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder.mod-root > .nav-folder-title {
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
height: var(--header-height);
|
||
|
padding: 0 var(--size-4-2);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder.mod-root > .tree-item-children {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .tagfolder-quantity .itemscount,
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder-title.svelte-m9l3qf:hover .tagfolder-quantity span.svelte-m9l3qf,
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-file-title.svelte-m9l3qf:hover .taglist .tags.svelte-m9l3qf {
|
||
|
font-size: var(--font-ui-smaller);
|
||
|
color: var(--text-faint);
|
||
|
background-color: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .search-input-container {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: var(--layer-popover);
|
||
|
display: flex;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder-title-content:hover div.tagfolder-quantity span {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.theme-light .workspace-leaf-content[data-type=map] .leaflet-container,
|
||
|
.theme-light .workspace-leaf-content[data-type=map] .map-view-graph-controls {
|
||
|
background-color: var(--background-primary) !important;
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=map] .leaflet-container,
|
||
|
.theme-dark .workspace-leaf-content[data-type=map] .map-view-graph-controls {
|
||
|
background-color: var(--background-secondary-alt) !important;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-control:not(.leaflet-control-attribution) {
|
||
|
padding: var(--size-4-1);
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-control-zoom a:hover,
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-bar.leaflet-control a:hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-bar a {
|
||
|
color: var(--text-muted);
|
||
|
background-color: unset;
|
||
|
border-bottom: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-control-attribution {
|
||
|
padding: var(--size-2-1) var(--size-4-1);
|
||
|
color: var(--text-muted);
|
||
|
background: var(--background-secondary-blur);
|
||
|
border-top: var(--window-border);
|
||
|
border-left: var(--window-border);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-control-attribution a {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-control-attribution a:hover {
|
||
|
color: var(--text-accent-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .map-view-graph-controls {
|
||
|
padding: unset;
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
overflow-y: hidden;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-div {
|
||
|
position: relative;
|
||
|
padding-bottom: unset;
|
||
|
margin-bottom: -1px;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-div:first-of-type .graph-control-content {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content > *:not(:last-child) {
|
||
|
display: inline-block;
|
||
|
margin-right: 8px;
|
||
|
margin-bottom: 8px;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .lbl-triangle {
|
||
|
position: absolute;
|
||
|
content: "";
|
||
|
width: 15px;
|
||
|
height: 15px;
|
||
|
top: var(--size-2-3);
|
||
|
left: var(--size-2-3);
|
||
|
background-color: var(--text-muted);
|
||
|
-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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
-webkit-mask-size: 15px;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
margin-right: var(--size-4-1);
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .lbl-toggle {
|
||
|
padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);
|
||
|
display: inline-block;
|
||
|
width: 100%;
|
||
|
border-bottom: var(--window-border);
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .lbl-toggle:hover {
|
||
|
color: var(--nav-item-color-hover);
|
||
|
background-color: var(--nav-item-background-hover);
|
||
|
font-weight: var(--nav-item-weight-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .lbl-toggle:hover::before {
|
||
|
background-color: var(--nav-item-color-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .lbl-toggle {
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .controls-toggle:checked + .lbl-toggle::before {
|
||
|
transform: rotate(90deg);
|
||
|
top: 0px;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .search-input-container {
|
||
|
display: flex;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-follow-div {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-popup-content-wrapper,
|
||
|
.workspace-leaf-content[data-type=map] .leaflet-popup-tip {
|
||
|
color: var(--text-normal);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .view-content {
|
||
|
display: flex;
|
||
|
flex-flow: column;
|
||
|
padding: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .search-input-container {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
height: var(--header-height);
|
||
|
padding: var(--size-4-1);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.pt-nav-header-left-sidebar-position-top .workspace-leaf-content[data-type=dictionary-view] .search-input-container, .pt-nav-header-right-sidebar-position-top .workspace-leaf-content[data-type=dictionary-view] .search-input-container {
|
||
|
border-top: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
|
||
|
min-height: var(--header-height);
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .nav-action-button:not(.is-active) {
|
||
|
color: var(--text-muted);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .nav-action-button:not(.is-active):hover {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5 {
|
||
|
padding: unset;
|
||
|
margin-top: unset;
|
||
|
background-color: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5 h3 {
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
margin: -1px 0 0;
|
||
|
font-size: var(--font-ui-small);
|
||
|
font-weight: var(--font-medium);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: var(--window-border);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5 {
|
||
|
height: 100%;
|
||
|
}
|
||
|
.theme-light .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5 {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5 {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
|
||
|
padding: unset;
|
||
|
margin-bottom: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z audio,
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts audio {
|
||
|
padding: 0 var(--size-4-2);
|
||
|
margin: --size-4-2 0;
|
||
|
}
|
||
|
.theme-light .workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
|
||
|
.theme-light .workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
|
||
|
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5:nth-child(2) .main.svelte-5jhpts > div:nth-child(2) {
|
||
|
margin: var(--size-4-2);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts .mark {
|
||
|
box-shadow: inset 0 -2px var(--interactive-accent-text);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .main:first-of-type .opener {
|
||
|
margin-top: -1px;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
font-size: var(--font-ui-small);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: var(--window-border);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener:not([open]) {
|
||
|
margin-bottom: -1px;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener:hover {
|
||
|
font-weight: var(--nav-item-weight-hover);
|
||
|
color: var(--nav-item-color-hover);
|
||
|
background-color: var(--nav-item-background-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener:hover .tree-item-icon svg {
|
||
|
background-color: var(--nav-item-color-hover);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon svg {
|
||
|
display: inline-block;
|
||
|
width: 15px;
|
||
|
height: 15px;
|
||
|
margin-right: var(--size-4-1);
|
||
|
content: "";
|
||
|
background-color: var(--text-muted);
|
||
|
-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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
-webkit-mask-size: 15px;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon::after, .workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon::before,
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon svg path {
|
||
|
display: none;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .definition.svelte-5jhpts.svelte-5jhpts {
|
||
|
padding: var(--size-4-2) var(--size-4-4);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .search-input-container::before {
|
||
|
top: unset;
|
||
|
}
|
||
|
|
||
|
.hover-editor {
|
||
|
--he-title-bar-active-fg: var(--interactive-accent-text);
|
||
|
--he-title-bar-active-pinned-bg: var(--background-secondary);
|
||
|
--he-title-bar-inactive-bg: var(--background-secondary);
|
||
|
--he-title-bar-inactive-pinned-bg: var(--background-secondary);
|
||
|
--he-title-bar-height: 32px;
|
||
|
}
|
||
|
.hover-editor.show-navbar .view-header {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.hover-editor.is-pinned {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.hover-editor .view-header .view-header-icon {
|
||
|
margin-right: unset;
|
||
|
}
|
||
|
.hover-editor .view-content {
|
||
|
height: 100%;
|
||
|
}
|
||
|
.hover-editor .popover-titlebar {
|
||
|
padding: var(--size-4-1) 0;
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.hover-editor :is(.popover-action, .mod-pin-popover) {
|
||
|
padding: 0 var(--size-2-1);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-bar {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom-color: var(--window-border-color);
|
||
|
}
|
||
|
.emoji-mart-bar:last-child {
|
||
|
border-top-color: var(--window-border-color);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-dark {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.emoji-mart-dark .emoji-mart-category-label span {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-search {
|
||
|
display: flex;
|
||
|
padding: var(--size-4-1);
|
||
|
margin-top: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-search-icon {
|
||
|
top: unset;
|
||
|
}
|
||
|
|
||
|
.emoji-mart-scroll {
|
||
|
padding: unset;
|
||
|
}
|
||
|
|
||
|
.emoji-mart-category-label {
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
border-bottom: var(--window-border);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.emoji-mart-category-label span {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.modal#emoji-modal .emoji-mart-emoji {
|
||
|
display: unset;
|
||
|
}
|
||
|
|
||
|
.emoji-mart-anchor svg {
|
||
|
color: var(--text-muted);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-anchor-selected svg {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-anchor-bar {
|
||
|
background-color: var(--interactive-accent-tint) !important;
|
||
|
}
|
||
|
|
||
|
.emoji-mart-category .emoji-mart-emoji:hover::before,
|
||
|
.emoji-mart-category .emoji-mart-emoji:focus::before {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
|
||
|
.flatpickr-calendar {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border-color);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.flatpickr-calendar.arrowTop::before {
|
||
|
border-bottom-color: var(--window-border-color);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-innerContainer {
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-months {
|
||
|
background: var(--background-secondary);
|
||
|
border-bottom: var(--window-border);
|
||
|
border-top-left-radius: var(--radius-m);
|
||
|
border-top-right-radius: var(--radius-m);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
|
||
|
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
height: unset;
|
||
|
padding: var(--size-2-3) var(--size-4-1);
|
||
|
margin: var(--size-4-1);
|
||
|
border-radius: var(--radius-s);
|
||
|
fill: var(--text-muted);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
|
||
|
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
|
||
|
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
|
||
|
fill: var(--highlight-text-normal);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-current-month {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
padding-top: unset;
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-current-month input.cur-year {
|
||
|
padding-left: unset;
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-monthDropdown-months {
|
||
|
font-weight: 600;
|
||
|
color: var(--text-normal);
|
||
|
text-align: center;
|
||
|
background-color: var(--background-secondary);
|
||
|
border: var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.flatpickr-calendar .numInputWrapper {
|
||
|
width: 7ch;
|
||
|
padding-left: var(--size-4-2);
|
||
|
}
|
||
|
.flatpickr-calendar .numInput.cur-year {
|
||
|
font-weight: 800;
|
||
|
color: var(--interactive-accent-text);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
.theme-light .flatpickr-calendar .flatpickr-days {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .flatpickr-calendar .flatpickr-days {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.flatpickr-calendar .dayContainer span.flatpickr-day,
|
||
|
.flatpickr-calendar .dayContainer span.flatpickr-day.prevMonthDay,
|
||
|
.flatpickr-calendar .dayContainer span.flatpickr-day.nextMonthDay {
|
||
|
border: unset;
|
||
|
border-radius: var(--radius-s) !important;
|
||
|
}
|
||
|
.flatpickr-calendar span.flatpickr-day {
|
||
|
font-weight: 600;
|
||
|
color: var(--text-normal);
|
||
|
}
|
||
|
.flatpickr-calendar span.flatpickr-day:hover {
|
||
|
font-weight: 600;
|
||
|
background-color: var(--background-primary);
|
||
|
border-radius: var(--radius-s);
|
||
|
transition: unset;
|
||
|
}
|
||
|
.flatpickr-calendar span.flatpickr-day.today {
|
||
|
font-weight: 800;
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.flatpickr-calendar span.flatpickr-day.prevMonthDay,
|
||
|
.flatpickr-calendar span.flatpickr-day.nextMonthDay {
|
||
|
opacity: 0.2;
|
||
|
}
|
||
|
.flatpickr-calendar span.flatpickr-day.selected {
|
||
|
background: var(--interactive-accent-base);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
.flatpickr-calendar span.flatpickr-day.selected:hover {
|
||
|
font-weight: 600;
|
||
|
background-color: var(--background-primary);
|
||
|
border-radius: var(--radius-s);
|
||
|
transition: unset;
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-weekdays {
|
||
|
border-bottom: var(--window-border);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
|
||
|
font-size: 10px;
|
||
|
font-weight: bold;
|
||
|
color: var(--text-muted);
|
||
|
text-transform: uppercase;
|
||
|
letter-spacing: 1px;
|
||
|
}
|
||
|
|
||
|
.settings-search-container .vertical-tab-header-group-items {
|
||
|
padding: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.settings-search-container .settings-search-input {
|
||
|
padding: unset;
|
||
|
margin: var(--size-4-1);
|
||
|
}
|
||
|
.is-mobile.is-phone .settings-search-container .settings-search-input {
|
||
|
padding: unset;
|
||
|
margin: var(--size-4-1) 0;
|
||
|
}
|
||
|
.settings-search-container .search-input-container::before {
|
||
|
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
|
||
|
left: var(--size-4-3);
|
||
|
}
|
||
|
.settings-search-container .vertical-tab-nav-item {
|
||
|
border: unset;
|
||
|
}
|
||
|
|
||
|
body.is-mobile.is-phone .search-input-container::before {
|
||
|
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
|
||
|
left: var(--size-4-3);
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=dataloom] .view-content {
|
||
|
padding: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dataloom] .dataloom-option-bar .dataloom-padding {
|
||
|
height: var(--header-height);
|
||
|
padding: var(--size-4-1) var(--size-4-2) !important;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dataloom] .dataloom-app {
|
||
|
border-top: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dataloom] .dataloom-bubble {
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border: 1px solid var(--interactive-accent-tint);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dataloom] .dataloom-cell.dataloom-cell--freeze {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dataloom] .dataloom-flex {
|
||
|
padding: 0 var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
.dataloom-button:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
}
|
||
|
.dataloom-button[aria-label="Delete filter"]:hover {
|
||
|
color: var(--color-red-text);
|
||
|
background-color: var(--color-red-base) !important;
|
||
|
}
|
||
|
|
||
|
.dataloom-select {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.dataloom-focusable:focus-visible,
|
||
|
.dataloom-focusable--focused {
|
||
|
outline-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
.dataloom-menu {
|
||
|
padding: var(--size-4-1);
|
||
|
border: 1px solid var(--window-border-color) !important;
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l) !important;
|
||
|
}
|
||
|
.theme-dark .dataloom-menu {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
.theme-light .dataloom-menu {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.dataloom-menu .dataloom-padding {
|
||
|
padding: unset !important;
|
||
|
}
|
||
|
.dataloom-menu .dataloom-menu-item:hover {
|
||
|
color: var(--interactive-accent-text);
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.dataloom-menu .dataloom-switch {
|
||
|
width: var(--toggle-width);
|
||
|
}
|
||
|
.dataloom-menu .dataloom-switch::after {
|
||
|
width: var(--toggle-thumb-width);
|
||
|
height: var(--toggle-thumb-height);
|
||
|
}
|
||
|
.dataloom-menu .dataloom-stack {
|
||
|
padding: var(--size-2-1) var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
--cg-nt-tbar-top-sticky-pos-desktop: calc(calc(var(--header-height) - 8px) * -1);
|
||
|
}
|
||
|
body.theme-dark {
|
||
|
--cg-nt-tbar-bg-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.callout[data-callout=note-toolbar][data-callout-metadata*=button] ula,
|
||
|
.callout[data-callout=note-toolbar][data-callout-metadata*=button] ul span.external-link {
|
||
|
border: var(--window-border);
|
||
|
}
|
||
|
|
||
|
/* @settings
|
||
|
name: Prism Theme
|
||
|
id: obsidian-prism-theme
|
||
|
collapsed: false
|
||
|
settings:
|
||
|
-
|
||
|
id: appearance
|
||
|
title: Appearance
|
||
|
description: Options which change how Prism styles Obsidian.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: accent-color-schemes-and-style
|
||
|
title: Accent, Color Schemes and Style
|
||
|
description: Main visual options for Prism.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: accent-colors-styles-lt
|
||
|
title: Light Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: color-schemes-lt
|
||
|
title: Color Scheme
|
||
|
description: The `Custom` option allows you to use a CSS snippet with your own colors. Refer to the Prism Wiki guide `Custom Color Schemes` for more info.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-color-scheme-swan-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Swan
|
||
|
value: pt-color-scheme-swan-lt
|
||
|
-
|
||
|
label: Latte
|
||
|
value: pt-color-scheme-latte-lt
|
||
|
-
|
||
|
label: Periwinkle
|
||
|
value: pt-color-scheme-periwinkle-lt
|
||
|
-
|
||
|
label: Pistachio
|
||
|
value: pt-color-scheme-pistachio-lt
|
||
|
-
|
||
|
label: Peach
|
||
|
value: pt-color-scheme-peach-lt
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-color-scheme-custom-lt
|
||
|
-
|
||
|
id: color-scheme-style-lt
|
||
|
title: Color Scheme Style
|
||
|
description: Adjusts the style used by the main elements in the UI.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-color-scheme-style-two-tone-and-border-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Minimal
|
||
|
value: pt-color-scheme-style-minimal-lt
|
||
|
-
|
||
|
label: Border
|
||
|
value: pt-color-scheme-style-border-lt
|
||
|
-
|
||
|
label: Two Tone & Border
|
||
|
value: pt-color-scheme-style-two-tone-and-border-lt
|
||
|
-
|
||
|
id: accent-style-lt
|
||
|
title: Accent Style
|
||
|
description: Adjusts the style used by the Accented elements in the UI.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-accent-style-borderandfilled-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Minimal
|
||
|
value: pt-accent-style-minimal-lt
|
||
|
-
|
||
|
label: Plain
|
||
|
value: pt-accent-style-plain-lt
|
||
|
-
|
||
|
label: Border
|
||
|
value: pt-accent-style-border-lt
|
||
|
-
|
||
|
label: Filled
|
||
|
value: pt-accent-style-filled-lt
|
||
|
-
|
||
|
label: Border & Filled
|
||
|
value: pt-accent-style-borderandfilled-lt
|
||
|
-
|
||
|
id: light-accent-color-preset
|
||
|
title: Accent Color Preset
|
||
|
description: Changes the Light Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-accent-color-purple-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-accent-color-custom-lt
|
||
|
-
|
||
|
label: Red
|
||
|
value: pt-accent-color-red-lt
|
||
|
-
|
||
|
label: Orange
|
||
|
value: pt-accent-color-orange-lt
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: pt-accent-color-yellow-lt
|
||
|
-
|
||
|
label: Green
|
||
|
value: pt-accent-color-green-lt
|
||
|
-
|
||
|
label: Mint
|
||
|
value: pt-accent-color-mint-lt
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: pt-accent-color-cyan-lt
|
||
|
-
|
||
|
label: Blue
|
||
|
value: pt-accent-color-blue-lt
|
||
|
-
|
||
|
label: Purple
|
||
|
value: pt-accent-color-purple-lt
|
||
|
-
|
||
|
label: Pink
|
||
|
value: pt-accent-color-pink-lt
|
||
|
-
|
||
|
label: Grey
|
||
|
value: pt-accent-color-grey-lt
|
||
|
-
|
||
|
id: highlight-text-accent-lt
|
||
|
title: Accent Text Color Preset
|
||
|
description: Adjusts the color used by the text in the Light Theme Accented elements of the UI.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-highlight-text-accent-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-highlight-text-custom-lt
|
||
|
-
|
||
|
label: Dark
|
||
|
value: pt-highlight-text-dark-lt
|
||
|
-
|
||
|
label: Light
|
||
|
value: pt-highlight-text-light-lt
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: pt-highlight-text-accent-lt
|
||
|
-
|
||
|
id: highlight-text-accent-custom-lt
|
||
|
title: Custom Accent Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Accent Text Color for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#FFFFFF'
|
||
|
-
|
||
|
id: color-accent-custom-lt
|
||
|
title: Custom Accent Color Tuning
|
||
|
description: Make sure you selected 'Custom' in Accent Color Preset for this to work.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: color-accent-base-lt
|
||
|
title: Custom Accent Base Color
|
||
|
description: Accent Base Color should ideally be the lightest of the 3.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#FF0000'
|
||
|
-
|
||
|
id: color-accent-tint-lt
|
||
|
title: Custom Accent Tint Color
|
||
|
description: Accent Tint Color should ideally be between Base and Text in terms of lightness.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#FF0000'
|
||
|
-
|
||
|
id: color-accent-text-lt
|
||
|
title: Custom Accent Text Color
|
||
|
description: Accent Text Color should ideally be the darkest of the 3.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#FF0000'
|
||
|
-
|
||
|
id: accent-colors-styles-dt
|
||
|
title: Dark Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: color-schemes-dt
|
||
|
title: Color Scheme
|
||
|
description: The `Custom` option allows you to use a CSS snippet with your own colors. Refer to the Prism Wiki guide `Custom Color Schemes` for more info.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-color-scheme-raven-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Raven
|
||
|
value: pt-color-scheme-raven-dt
|
||
|
-
|
||
|
label: Mocha
|
||
|
value: pt-color-scheme-mocha-dt
|
||
|
-
|
||
|
label: Indigo
|
||
|
value: pt-color-scheme-indigo-dt
|
||
|
-
|
||
|
label: Pine
|
||
|
value: pt-color-scheme-pine-dt
|
||
|
-
|
||
|
label: Cherry
|
||
|
value: pt-color-scheme-cherry-dt
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-color-scheme-custom-dt
|
||
|
-
|
||
|
id: color-scheme-style-dt
|
||
|
title: Color Scheme Style
|
||
|
description: Adjusts the style used by the main elements in the UI.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-color-scheme-style-two-tone-and-border-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Minimal
|
||
|
value: pt-color-scheme-style-minimal-dt
|
||
|
-
|
||
|
label: Border
|
||
|
value: pt-color-scheme-style-border-dt
|
||
|
-
|
||
|
label: Two Tone & Border
|
||
|
value: pt-color-scheme-style-two-tone-and-border-dt
|
||
|
-
|
||
|
id: accent-style-dt
|
||
|
title: Accent Style
|
||
|
description: Adjusts the style used by the Accented elements in the UI.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-accent-style-borderandfilled-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Minimal
|
||
|
value: pt-accent-style-minimal-dt
|
||
|
-
|
||
|
label: Plain
|
||
|
value: pt-accent-style-plain-dt
|
||
|
-
|
||
|
label: Border
|
||
|
value: pt-accent-style-border-dt
|
||
|
-
|
||
|
label: Filled
|
||
|
value: pt-accent-style-filled-dt
|
||
|
-
|
||
|
label: Border & Filled
|
||
|
value: pt-accent-style-borderandfilled-dt
|
||
|
-
|
||
|
id: dark-accent-color-preset
|
||
|
title: Accent Color Preset
|
||
|
description: Changes the Dark Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-accent-color-purple-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-accent-color-custom-dt
|
||
|
-
|
||
|
label: Red
|
||
|
value: pt-accent-color-red-dt
|
||
|
-
|
||
|
label: Orange
|
||
|
value: pt-accent-color-orange-dt
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: pt-accent-color-yellow-dt
|
||
|
-
|
||
|
label: Green
|
||
|
value: pt-accent-color-green-dt
|
||
|
-
|
||
|
label: Mint
|
||
|
value: pt-accent-color-mint-dt
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: pt-accent-color-cyan-dt
|
||
|
-
|
||
|
label: Blue
|
||
|
value: pt-accent-color-blue-dt
|
||
|
-
|
||
|
label: Purple
|
||
|
value: pt-accent-color-purple-dt
|
||
|
-
|
||
|
label: Pink
|
||
|
value: pt-accent-color-pink-dt
|
||
|
-
|
||
|
label: Grey
|
||
|
value: pt-accent-color-grey-dt
|
||
|
-
|
||
|
id: highlight-text-accent-dt
|
||
|
title: Accent Text Color Preset
|
||
|
description: Adjusts the color used by the text in the Dark Theme Accented elements of the UI.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-highlight-text-accent-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-highlight-text-custom-dt
|
||
|
-
|
||
|
label: Dark
|
||
|
value: pt-highlight-text-dark-dt
|
||
|
-
|
||
|
label: Light
|
||
|
value: pt-highlight-text-light-dt
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: pt-highlight-text-accent-dt
|
||
|
-
|
||
|
id: highlight-text-accent-custom-dt
|
||
|
title: Custom Accent Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Accent Text Color for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#FFFFFF'
|
||
|
-
|
||
|
id: color-accent-custom-dt
|
||
|
title: Custom Accent Color Tuning
|
||
|
description: Make sure you selected 'Custom' in Accent Color Preset for this to work.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: color-accent-base-dt
|
||
|
title: Custom Accent Base Color
|
||
|
description: Accent Base Color should ideally be the darkest of the 3.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#FF0000'
|
||
|
-
|
||
|
id: color-accent-tint-dt
|
||
|
title: Custom Accent Tint Color
|
||
|
description: Accent Tint Color should ideally be between Base and Text in terms of lightness.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#FF0000'
|
||
|
-
|
||
|
id: color-accent-text-dt
|
||
|
title: Custom Accent Text Color
|
||
|
description: Accent Text Color should ideally be the lightest of the 3.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#FF0000'
|
||
|
-
|
||
|
id: graph-view-colors
|
||
|
title: Graph Color Customisation
|
||
|
description: Define the colors used in the Graph View. In order to see changes you need to refresh the Graph View (restart Obsidian or toggle the Light/Dark theme).
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-view-light-theme
|
||
|
title: Light Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-graph-line-color-lt
|
||
|
title: Graph Lines Color
|
||
|
description: The color of a Graph lines connecting Graph Nodes.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-line-color-lt
|
||
|
title: Graph Lines Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--background-secondary-alt)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--background-secondary-alt)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-line-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-line-custom-color-lt
|
||
|
title: Graph Lines Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Lines Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#C4C7CA'
|
||
|
-
|
||
|
id: graph-line-opacity-lt
|
||
|
title: Graph Lines Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-fill-color-lt
|
||
|
title: Graph Note Color
|
||
|
description: The color of a Graph Node representing a note file.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-fill-color-lt
|
||
|
title: Graph Note Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-grey-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-fill-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-fill-custom-color-lt
|
||
|
title: Graph Note Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Note Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#C4C7CA'
|
||
|
-
|
||
|
id: graph-fill-opacity-lt
|
||
|
title: Graph Note Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-fill-focused-color-lt
|
||
|
title: Graph Note Focused Color
|
||
|
description: The color of a Graph Node representing currently focused note file.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-fill-focused-color-lt
|
||
|
title: Graph Note Focused Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-tint)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-fill-focused-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-fill-focused-custom-color-lt
|
||
|
title: Graph Note Focused Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Note Focused Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#8670FF'
|
||
|
-
|
||
|
id: graph-fill-focused-opacity-lt
|
||
|
title: Graph Note Focused Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-tag-color-lt
|
||
|
title: Graph Tag Color
|
||
|
description: The color of a Graph Node representing a tag.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-tag-color-lt
|
||
|
title: Graph Tag Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-blue-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-tag-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-tag-custom-color-lt
|
||
|
title: Graph Tag Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Tag Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#619EFF'
|
||
|
-
|
||
|
id: graph-tag-opacity-lt
|
||
|
title: Graph Tag Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-attachment-color-lt
|
||
|
title: Graph Attachment Color
|
||
|
description: The color of a Graph Node representing an attachment.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-attachment-color-lt
|
||
|
title: Graph Attachment Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-yellow-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-attachment-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-attachment-custom-color-lt
|
||
|
title: Graph Attachment Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Attachment Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#FDDB6D'
|
||
|
-
|
||
|
id: graph-attachment-opacity-lt
|
||
|
title: Graph Attachment Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-unresolved-color-lt
|
||
|
title: Graph Unresolved Color
|
||
|
description: The color of a Graph Node representing an unresolved note.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-unresolved-color-lt
|
||
|
title: Graph Unresolved Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-red-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-unresolved-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-unresolved-custom-color-lt
|
||
|
title: Graph Unresolved Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Unresolved Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#FF7070'
|
||
|
-
|
||
|
id: graph-unresolved-opacity-lt
|
||
|
title: Graph Unresolved Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-highlight-color-lt
|
||
|
title: Graph Highlight Color
|
||
|
description: The color of a Graph Node when highlighted.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-highlight-color-lt
|
||
|
title: Graph Highlight Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-tint)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-highlight-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-highlight-custom-color-lt
|
||
|
title: Graph Highlight Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#8670FF'
|
||
|
-
|
||
|
id: graph-highlight-opacity-lt
|
||
|
title: Graph Highlight Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-highlight-line-color-lt
|
||
|
title: Graph Highlight Line Color
|
||
|
description: The color of the lines connected to a highlighted Graph Node.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-highlight-line-color-lt
|
||
|
title: Graph Highlight Line Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-tint)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-tint)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-highlight-line-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-tint)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-tint)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-tint)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-tint)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-tint)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-tint)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-tint)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-tint)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-tint)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-tint)
|
||
|
-
|
||
|
id: graph-highlight-line-custom-color-lt
|
||
|
title: Graph Highlight Line Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#8670FF'
|
||
|
-
|
||
|
id: graph-highlight-line-opacity-lt
|
||
|
title: Graph Highlight Line Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 0.6
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: graph-view-dark-theme
|
||
|
title: Dark Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-graph-line-color-dt
|
||
|
title: Graph Lines Color
|
||
|
description: The color of a Graph lines connecting Graph Nodes.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-line-color-dt
|
||
|
title: Graph Lines Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--background-primary-alt)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--background-primary-alt)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-line-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-line-custom-color-dt
|
||
|
title: Graph Lines Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Lines Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#C4C7CA'
|
||
|
-
|
||
|
id: graph-line-opacity-dt
|
||
|
title: Graph Lines Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-fill-color-dt
|
||
|
title: Graph Note Color
|
||
|
description: The color of a Graph Node representing a note file.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-fill-color-dt
|
||
|
title: Graph Note Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-grey-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-fill-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-fill-custom-color-dt
|
||
|
title: Graph Note Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Note Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#878787'
|
||
|
-
|
||
|
id: graph-fill-opacity-dt
|
||
|
title: Graph Note Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-fill-focused-color-dt
|
||
|
title: Graph Note Focused Color
|
||
|
description: The color of a Graph Node representing currently focused note file.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-fill-focused-color-dt
|
||
|
title: Graph Note Focused Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-fill-focused-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-fill-focused-custom-color-dt
|
||
|
title: Graph Note Focused Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Note Focused Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#4C3AB6'
|
||
|
-
|
||
|
id: graph-fill-focused-opacity-dt
|
||
|
title: Graph Note Focused Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-tag-color-dt
|
||
|
title: Graph Tag Color
|
||
|
description: The color of a Graph Node representing a tag.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-tag-color-dt
|
||
|
title: Graph Tag Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-blue-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-tag-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-tag-custom-color-dt
|
||
|
title: Graph Tag Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Tag Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#3663AB'
|
||
|
-
|
||
|
id: graph-tag-opacity-dt
|
||
|
title: Graph Tag Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-attachment-color-dt
|
||
|
title: Graph Attachment Color
|
||
|
description: The color of a Graph Node representing an attachment.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-attachment-color-dt
|
||
|
title: Graph Attachment Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-yellow-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-attachment-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-attachment-custom-color-dt
|
||
|
title: Graph Attachment Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Attachment Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#AF943C'
|
||
|
-
|
||
|
id: graph-attachment-opacity-dt
|
||
|
title: Graph Attachment Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-unresolved-color-dt
|
||
|
title: Graph Unresolved Color
|
||
|
description: The color of a Graph Node representing an unresolved note.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-unresolved-color-dt
|
||
|
title: Graph Unresolved Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--color-red-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-unresolved-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-unresolved-custom-color-dt
|
||
|
title: Graph Unresolved Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Unresolved Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#B63A3A'
|
||
|
-
|
||
|
id: graph-unresolved-opacity-dt
|
||
|
title: Graph Unresolved Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-highlight-color-dt
|
||
|
title: Graph Highlight Color
|
||
|
description: The color of a Graph Node when highlighted.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-highlight-color-dt
|
||
|
title: Graph Highlight Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-highlight-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-highlight-custom-color-dt
|
||
|
title: Graph Highlight Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#4C3AB6'
|
||
|
-
|
||
|
id: graph-highlight-opacity-dt
|
||
|
title: Graph Highlight Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 1
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: pt-graph-highlight-line-color-dt
|
||
|
title: Graph Highlight Line Color
|
||
|
description: The color of the lines connected to a highlighted Graph Node.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: graph-highlight-line-color-dt
|
||
|
title: Graph Highlight Line Color Presets
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-highlight-line-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: graph-highlight-line-custom-color-dt
|
||
|
title: Graph Highlight Line Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#4C3AB6'
|
||
|
-
|
||
|
id: graph-highlight-line-opacity-dt
|
||
|
title: Graph Highlight Line Opacity
|
||
|
type: variable-number-slider
|
||
|
default: 0.6
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.05
|
||
|
-
|
||
|
id: custom-vault-banner
|
||
|
title: Custom Vault Banner
|
||
|
description: Custom Vault Banner in the File Explorer with a custom icon option.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-custom-vault-banner
|
||
|
title: Enable Custom Vault Banner
|
||
|
description: Enables the Custom Vault Banner in the File Explorer.
|
||
|
type: class-toggle
|
||
|
default: true
|
||
|
-
|
||
|
id: custom-vault-banner-icon-url
|
||
|
title: Vault Banner Icon (URL)
|
||
|
description: Customise the Vault Banner Icon. Insert a URL to an image in between the brackets of 'url()'.
|
||
|
type: variable-text
|
||
|
default: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E)
|
||
|
-
|
||
|
id: focused-mode
|
||
|
title: Focused Mode
|
||
|
description: Focused Mode fades away UI distractions so you can better focus on your notes. Look in the Prism Wiki for a guide.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-focused-mode
|
||
|
title: Enable Focused Mode
|
||
|
description: This toggle can be bound to a hotkey! Look for `Style Settings Toggle Enable Focused Mode` in `Settings -> Hotkeys Tab` to bind it.
|
||
|
type: class-toggle
|
||
|
default: false
|
||
|
addCommand: true
|
||
|
-
|
||
|
id: focused-mode-style
|
||
|
title: Focused Mode Style
|
||
|
description: Select the type of Focused Mode you want to use.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-focused-style-main-only
|
||
|
options:
|
||
|
-
|
||
|
label: Main Window Only
|
||
|
value: pt-focused-style-main-only
|
||
|
-
|
||
|
label: Popout Windows Only
|
||
|
value: pt-focused-style-popout-only
|
||
|
-
|
||
|
label: Main and Popout Windows
|
||
|
value: pt-focused-style-main-and-popout-only
|
||
|
-
|
||
|
id: fade-away-opacity
|
||
|
title: Fade Away Opacity
|
||
|
description: Set the opacity value you'd like the UI to fade to.
|
||
|
type: variable-number-slider
|
||
|
level: 2
|
||
|
min: 0
|
||
|
max: 1
|
||
|
step: 0.01
|
||
|
default: 0.25
|
||
|
-
|
||
|
id: fade-away-delay
|
||
|
title: Fade Away Delay
|
||
|
description: Set the delay value (ms) you'd like the UI to stay active after being hovered over.
|
||
|
type: variable-number-slider
|
||
|
level: 2
|
||
|
min: 0
|
||
|
max: 4000
|
||
|
step: 50
|
||
|
default: 850
|
||
|
format: 'ms'
|
||
|
-
|
||
|
id: editor
|
||
|
title: Editor
|
||
|
description: Settings for elements inside the Editor / Preview area of Obsidian.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: file-line-width
|
||
|
title: Custom Readable Line Length (px)
|
||
|
description: Changes the maximum width of the Readable Line Length (px). Enable 'Readable line length' in the Editor tab in Settings for this to apply.
|
||
|
type: variable-number-slider
|
||
|
level: 2
|
||
|
min: 100
|
||
|
max: 1800
|
||
|
step: 5
|
||
|
default: 700
|
||
|
format: px
|
||
|
-
|
||
|
id: font-options
|
||
|
title: Font Specific Options
|
||
|
description: Options for the default Sans Serif 3 font.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-font-alt-a
|
||
|
title: Alternative lower case 'a' appearance
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-font-alt-g
|
||
|
title: Alternative lower case 'g' appearance
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-font-slashed-zero
|
||
|
title: Alternative '0' appearance (Slashed Zero)
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-font-disable-ligatures
|
||
|
title: Disable Ligatures
|
||
|
default: true
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: header-styles
|
||
|
title: Headers
|
||
|
description: Customisation options for the Headers (H1 - H6).
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: header-font-size
|
||
|
title: Header Font Size
|
||
|
description: The sizes are scalled based on the Font Size selected in the Appearance tab of the Settings.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: inline-title-size
|
||
|
title: Inline Title Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 2.2
|
||
|
format: em
|
||
|
-
|
||
|
id: h1-size
|
||
|
title: Header 1 (H1) Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 2.2
|
||
|
format: em
|
||
|
-
|
||
|
id: h2-size
|
||
|
title: Header 2 (H2) Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 2
|
||
|
format: em
|
||
|
-
|
||
|
id: h3-size
|
||
|
title: Header 3 (H3) Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 1.8
|
||
|
format: em
|
||
|
-
|
||
|
id: h4-size
|
||
|
title: Header 4 (H4) Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 1.6
|
||
|
format: em
|
||
|
-
|
||
|
id: h5-size
|
||
|
title: Header 5 (H5) Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 1.4
|
||
|
format: em
|
||
|
-
|
||
|
id: h6-size
|
||
|
title: Header 6 (H6) Font Size (em)
|
||
|
type: variable-number-slider
|
||
|
min: 0.5
|
||
|
max: 5
|
||
|
step: 0.05
|
||
|
default: 1.2
|
||
|
format: em
|
||
|
-
|
||
|
id: header-text-color
|
||
|
title: Header Text Color
|
||
|
description: Options for changing the color of each header type.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: header-text-color-lt
|
||
|
title: Light Theme
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: inline-title-color-lt
|
||
|
title: Inline Title Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--inline-title-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: inline-title-color-custom-lt
|
||
|
title: Inline Title Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Inline Title Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h1-text-color-lt
|
||
|
title: Header 1 (H1) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h1-text-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h1-text-color-custom-lt
|
||
|
title: Header 1 (H1) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Header 1 (H1) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h2-text-color-lt
|
||
|
title: Header 2 (H2) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h2-text-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h2-text-color-custom-lt
|
||
|
title: Header 2 (H2) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Header 2 (H2) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h3-text-color-lt
|
||
|
title: Header 3 (H3) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h3-text-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h3-text-color-custom-lt
|
||
|
title: Header 3 (H3) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Header 3 (H3) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h4-text-color-lt
|
||
|
title: Header 4 (H4) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h4-text-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h4-text-color-custom-lt
|
||
|
title: Header 4 (H4) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Header 4 (H4) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h5-text-color-lt
|
||
|
title: Header 5 (H5) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h5-text-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h5-text-color-custom-lt
|
||
|
title: Header 5 (H5) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Header 5 (H5) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h6-text-color-lt
|
||
|
title: Header 6 (H6) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h6-text-color-custom-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h6-text-color-custom-lt
|
||
|
title: Header 6 (H6) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Header 6 (H6) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: header-text-color-dt
|
||
|
title: Dark Theme
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: inline-title-color-dt
|
||
|
title: Inline Title Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--inline-title-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: inline-title-color-custom-dt
|
||
|
title: Inline Title Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Inline Title Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h1-text-color-dt
|
||
|
title: Header 1 (H1) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h1-text-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h1-text-color-custom-dt
|
||
|
title: Header 1 (H1) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Header 1 (H1) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h2-text-color-dt
|
||
|
title: Header 2 (H2) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h2-text-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h2-text-color-custom-dt
|
||
|
title: Header 2 (H2) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Header 2 (H2) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h3-text-color-dt
|
||
|
title: Header 3 (H3) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h3-text-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h3-text-color-custom-dt
|
||
|
title: Header 3 (H3) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Header 3 (H3) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h4-text-color-dt
|
||
|
title: Header 4 (H4) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h4-text-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h4-text-color-custom-dt
|
||
|
title: Header 4 (H4) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Header 4 (H4) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h5-text-color-dt
|
||
|
title: Header 5 (H5) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h5-text-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h5-text-color-custom-dt
|
||
|
title: Header 5 (H5) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Header 5 (H5) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: h6-text-color-dt
|
||
|
title: Header 6 (H6) Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--h6-text-color-custom-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: h6-text-color-custom-dt
|
||
|
title: Header 6 (H6) Custom Text Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Header 6 (H6) Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: editor-text-styles
|
||
|
title: Editor Text Color
|
||
|
description: Adjust the color of different types of text in the Editor.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: editor-text-light-theme
|
||
|
title: Light Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: text-italic-color-lt
|
||
|
title: Italic Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--text-italic-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: text-italic-custom-color-lt
|
||
|
title: Italic Text Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: text-bold-color-lt
|
||
|
title: Bold Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--text-bold-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: text-bold-custom-color-lt
|
||
|
title: Bold Text Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Bold Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: text-italic-bold-color-lt
|
||
|
title: Italic and Bold Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--text-italic-bold-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: text-italic-bold-custom-color-lt
|
||
|
title: Italic Text Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: link-internal-color-lt
|
||
|
title: Internal Link Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text-hsl)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text-hsl)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--link-internal-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text-hsl)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text-hsl)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text-hsl)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text-hsl)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text-hsl)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text-hsl)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text-hsl)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text-hsl)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text-hsl)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text-hsl)
|
||
|
-
|
||
|
id: link-internal-custom-color-lt
|
||
|
title: Internal Link Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Internal Link Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: link-external-color-lt
|
||
|
title: External Link Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text-hsl)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text-hsl)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--link-external-custom-color-lt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text-hsl)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text-hsl)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text-hsl)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text-hsl)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text-hsl)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text-hsl)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text-hsl)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text-hsl)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text-hsl)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text-hsl)
|
||
|
-
|
||
|
id: link-external-custom-color-lt
|
||
|
title: External Link Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme External Link Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: editor-text-dark-theme
|
||
|
title: Dark Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: text-italic-color-dt
|
||
|
title: Italic Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--text-italic-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: text-italic-custom-color-dt
|
||
|
title: Italic Text Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Italic Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: text-bold-color-dt
|
||
|
title: Bold Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--text-bold-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: text-bold-custom-color-dt
|
||
|
title: Bold Text Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Bold Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: text-italic-bold-color-dt
|
||
|
title: Italic and Bold Text Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--text-normal)
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: var(--text-normal)
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--text-italic-bold-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text)
|
||
|
-
|
||
|
id: text-italic-bold-custom-color-dt
|
||
|
title: Italic Text Custom Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: link-internal-color-dt
|
||
|
title: Internal Link Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text-hsl)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text-hsl)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--link-internal-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text-hsl)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text-hsl)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text-hsl)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text-hsl)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text-hsl)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text-hsl)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text-hsl)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text-hsl)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text-hsl)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text-hsl)
|
||
|
-
|
||
|
id: link-internal-custom-color-dt
|
||
|
title: Internal Link Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Internal Link Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: link-external-color-dt
|
||
|
title: External Link Color Preset
|
||
|
type: variable-select
|
||
|
allowEmpty: false
|
||
|
default: var(--interactive-accent-text-hsl)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text-hsl)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--link-external-custom-color-dt)
|
||
|
-
|
||
|
label: Red
|
||
|
value: var(--color-red-text-hsl)
|
||
|
-
|
||
|
label: Orange
|
||
|
value: var(--color-orange-text-hsl)
|
||
|
-
|
||
|
label: Yellow
|
||
|
value: var(--color-yellow-text-hsl)
|
||
|
-
|
||
|
label: Green
|
||
|
value: var(--color-green-text-hsl)
|
||
|
-
|
||
|
label: Mint
|
||
|
value: var(--color-mint-text-hsl)
|
||
|
-
|
||
|
label: Cyan
|
||
|
value: var(--color-cyan-text-hsl)
|
||
|
-
|
||
|
label: Blue
|
||
|
value: var(--color-blue-text-hsl)
|
||
|
-
|
||
|
label: Purple
|
||
|
value: var(--color-purple-text-hsl)
|
||
|
-
|
||
|
label: Pink
|
||
|
value: var(--color-pink-text-hsl)
|
||
|
-
|
||
|
label: Grey
|
||
|
value: var(--color-grey-text-hsl)
|
||
|
-
|
||
|
id: link-external-custom-color-dt
|
||
|
title: External Link Custom Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme External Link Color Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl-values
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: mark-highlight-styles
|
||
|
title: Mark Highlight
|
||
|
description: Adjusts the style used by the <mark> tag highlight system. Colors available = red, orange, yellow, green, mint, cyan, blue, purple, pink and grey. e.g. <mark class="red">Your Red text</mark>
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: mark-highlight-light-theme
|
||
|
title: Light Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: light-mark-highlight-style
|
||
|
title: Mark Highlight Style
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-highlight-style-borderandfilled-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-highlight-style-default-lt
|
||
|
-
|
||
|
label: Border
|
||
|
value: pt-highlight-style-border-lt
|
||
|
-
|
||
|
label: Filled
|
||
|
value: pt-highlight-style-filled-lt
|
||
|
-
|
||
|
label: Border & Filled
|
||
|
value: pt-highlight-style-borderandfilled-lt
|
||
|
-
|
||
|
id: light-mark-highlight-text-color-preset
|
||
|
title: Mark Highlight Text Color Preset
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-highlight-text-color-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-highlight-text-default-lt
|
||
|
-
|
||
|
label: Color
|
||
|
value: pt-highlight-text-color-lt
|
||
|
-
|
||
|
id: mark-highlight-dark-theme
|
||
|
title: Dark Theme
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: dark-mark-highlight-style
|
||
|
title: Mark Highlight Style
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-highlight-style-borderandfilled-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-highlight-style-default-dt
|
||
|
-
|
||
|
label: Border
|
||
|
value: pt-highlight-style-border-dt
|
||
|
-
|
||
|
label: Filled
|
||
|
value: pt-highlight-style-filled-dt
|
||
|
-
|
||
|
label: Border & Filled
|
||
|
value: pt-highlight-style-borderandfilled-dt
|
||
|
-
|
||
|
id: dark-mark-highlight-text-color-preset
|
||
|
title: Mark Highlight Text Color Preset
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-highlight-text-color-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-highlight-text-default-dt
|
||
|
-
|
||
|
label: Color
|
||
|
value: pt-highlight-text-color-dt
|
||
|
-
|
||
|
id: user-interface
|
||
|
title: User Interface
|
||
|
description: Settings for spacing, position, alignment and other adjustments of different UI elements.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: sidebar-and-main-workspace
|
||
|
title: Sidebar and Main Workspace
|
||
|
description: Settings for positioning, alignment, etc. of different UI elements within the Sidebars and the Main Workspace.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: radius-m
|
||
|
title: Border Radius Medium (px)
|
||
|
description: The size of the border radius around larger elements of the UI.
|
||
|
type: variable-number-slider
|
||
|
format: 'px'
|
||
|
default: 8
|
||
|
level: 2
|
||
|
min: 0
|
||
|
max: 20
|
||
|
step: 1
|
||
|
-
|
||
|
id: radius-s
|
||
|
title: Border Radius Small (px)
|
||
|
description: The size of the border radius around smaller elements of the UI.
|
||
|
type: variable-number-slider
|
||
|
format: 'px'
|
||
|
default: 4
|
||
|
level: 2
|
||
|
min: 0
|
||
|
max: 20
|
||
|
step: 1
|
||
|
-
|
||
|
id: tab-label
|
||
|
title: Tab Label
|
||
|
description: Settings for positioning, alignment, etc. of the Tab Labels.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: left-sidebar-tab-label-alignment
|
||
|
title: Left Sidebar Tab Label Alignment
|
||
|
description: Horizontal Alignment of the Tab Labels in the Left Sidebar.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-tab-label-left-sidebar-left
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-tab-label-left-sidebar-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-tab-label-left-sidebar-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-tab-label-left-sidebar-right
|
||
|
-
|
||
|
id: right-sidebar-tab-label-alignment
|
||
|
title: Right Sidebar Tab Label Alignment
|
||
|
description: Horizontal Alignment of the Tab Labels in the Right Sidebar.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-tab-label-right-sidebar-left
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-tab-label-right-sidebar-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-tab-label-right-sidebar-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-tab-label-right-sidebar-right
|
||
|
-
|
||
|
id: nav-header
|
||
|
title: Nav Header
|
||
|
description: Settings for positioning, alignment, etc. of the Nav Headers.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: nav-header-left-sidebar-position
|
||
|
title: Left Sidebar Nav Header Position
|
||
|
description: Vertical Position of the Nav Header in the Left Sidebar Workspace Leaf.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-nav-header-left-sidebar-position-bottom
|
||
|
options:
|
||
|
-
|
||
|
label: Top
|
||
|
value: pt-nav-header-left-sidebar-position-top
|
||
|
-
|
||
|
label: Bottom
|
||
|
value: pt-nav-header-left-sidebar-position-bottom
|
||
|
-
|
||
|
id: nav-header-left-sidebar-alignment
|
||
|
title: Left Sidebar Nav Header Alignment
|
||
|
description: Horizontal Alignment of the Nav Header in the Left Sidebar Workspace Leaf.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-nav-header-left-sidebar-align-center
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-nav-header-left-sidebar-align-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-nav-header-left-sidebar-align-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-nav-header-left-sidebar-align-right
|
||
|
-
|
||
|
id: nav-header-right-sidebar-position
|
||
|
title: Right Sidebar Nav Header Position
|
||
|
description: Vertical Position of the Nav Header in the Right Sidebar Workspace Leaf.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-nav-header-right-sidebar-position-bottom
|
||
|
options:
|
||
|
-
|
||
|
label: Top
|
||
|
value: pt-nav-header-right-sidebar-position-top
|
||
|
-
|
||
|
label: Bottom
|
||
|
value: pt-nav-header-right-sidebar-position-bottom
|
||
|
-
|
||
|
id: nav-header-right-sidebar-alignment
|
||
|
title: Right Sidebar Nav Header Alignment
|
||
|
description: Horizontal Alignment of the Nav Header in the Right Sidebar Workspace Leaf.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-nav-header-right-sidebar-align-center
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-nav-header-right-sidebar-align-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-nav-header-right-sidebar-align-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-nav-header-right-sidebar-align-right
|
||
|
-
|
||
|
id: tab-header
|
||
|
title: Tab Header
|
||
|
description: Settings for alignment of the Tab Header.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: tab-header-alignment
|
||
|
title: Tab Header Alignment
|
||
|
description: Horizontal Alignment of the Tab Headers in the Main Workspace.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-tab-header-left
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-tab-header-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-tab-header-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-tab-header-right
|
||
|
-
|
||
|
id: file-explorer
|
||
|
title: File Explorer
|
||
|
description: Customisation options for the File Explorer module.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-file-explorer-folder-icon
|
||
|
title: Enable Folder Dropdown Icon
|
||
|
description: Replaces the Arrow dropdown icon with a Folder icon (different icons for closed and open folders).
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-file-explorer-folder-icon-color
|
||
|
title: Folder Dropdown Icon Color
|
||
|
description: Different presets for the Folder Dropdown Icon Color. Make sure to enable the option above `Enable Folder Dropdown Icon` for this to apply.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-file-explorer-folder-icon-default
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-file-explorer-folder-icon-default
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: pt-file-explorer-folder-icon-accent
|
||
|
-
|
||
|
label: Accent Color on Open Folders
|
||
|
value: pt-file-explorer-folder-icon-active
|
||
|
-
|
||
|
id: colored-folders
|
||
|
title: Colored Folders
|
||
|
description: Colors the File Explorer folders.
|
||
|
type: heading
|
||
|
level: 4
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-colored-folders
|
||
|
title: Enable Colored Folders
|
||
|
description: This option will overwrite the behaviour of Folder Dropdown Icon Color.
|
||
|
type: class-toggle
|
||
|
default: false
|
||
|
-
|
||
|
id: pt-colored-folders-style
|
||
|
title: Folder Dropdown Style
|
||
|
description: Select the desired style for the Colored Folders.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-colored-folders-style-rainbow
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: pt-colored-folders-style-accent
|
||
|
-
|
||
|
label: Rainbow
|
||
|
value: pt-colored-folders-style-rainbow
|
||
|
-
|
||
|
id: pt-colored-folders-files-match
|
||
|
title: Apply to Nested Files
|
||
|
type: class-toggle
|
||
|
default: false
|
||
|
-
|
||
|
id: titlebar
|
||
|
title: Titlebar
|
||
|
description: Settings for changing the style of the Titlebar.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-titlebar-hide-text
|
||
|
title: Hide Titlebar Title Text
|
||
|
description: Hides the Titlebar Title Text (Useful when the Statusbar is at the top).
|
||
|
type: class-toggle
|
||
|
default: false
|
||
|
-
|
||
|
id: status-bar
|
||
|
title: Status Bar
|
||
|
description: Settings for the Status Bar. Adjust position, Change the order of items, etc.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-status-bar-style
|
||
|
title: Status Bar Style
|
||
|
description: Change the Position of the Status Bar.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-status-bar-position-floating
|
||
|
options:
|
||
|
-
|
||
|
label: Hidden
|
||
|
value: pt-status-bar-position-hidden
|
||
|
-
|
||
|
label: Floating
|
||
|
value: pt-status-bar-position-floating
|
||
|
-
|
||
|
label: Fixed
|
||
|
value: pt-status-bar-position-fixed
|
||
|
-
|
||
|
id: pt-fixed-status-bar-align
|
||
|
title: Fixed Status Bar Horizontal Alignment
|
||
|
description: Change the Horizontal Alignment of the Fixed Status Bar.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-fixed-status-bar-align-center
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-fixed-status-bar-align-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-fixed-status-bar-align-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-fixed-status-bar-align-right
|
||
|
-
|
||
|
id: status-bar-customisation-lt
|
||
|
title: Light Theme Customisation
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: status-bar-preset-lt
|
||
|
title: Status Bar Preset
|
||
|
description: Choose between Default and Custom colors for the Light Theme Status Bar.
|
||
|
default: pt-status-bar-default-lt
|
||
|
type: class-select
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-status-bar-default-lt
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-status-bar-custom-lt
|
||
|
-
|
||
|
id: status-bar-background-color-lt
|
||
|
title: Status Bar Background Color
|
||
|
description: Make sure you selected 'Custom' in Light Theme Status Bar Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#EBECEF'
|
||
|
-
|
||
|
id: status-bar-text-color-lt
|
||
|
title: Status Bar Text/Icons Color
|
||
|
description: Choose the color used for the Light Theme Status Bar Text/Icons.
|
||
|
default: pt-status-bar-text-dark-lt
|
||
|
type: class-select
|
||
|
options:
|
||
|
-
|
||
|
label: Light
|
||
|
value: pt-status-bar-text-light-lt
|
||
|
-
|
||
|
label: Dark
|
||
|
value: pt-status-bar-text-dark-lt
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: pt-status-bar-text-accent-lt
|
||
|
-
|
||
|
id: status-bar-customisation-dt
|
||
|
title: Dark Theme Customisation
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: status-bar-preset-dt
|
||
|
title: Status Bar Preset
|
||
|
description: Choose between Default and Custom colors for the Dark Theme Status Bar.
|
||
|
default: pt-status-bar-default-dt
|
||
|
level: 2
|
||
|
type: class-select
|
||
|
options:
|
||
|
-
|
||
|
label: Default
|
||
|
value: pt-status-bar-default-dt
|
||
|
-
|
||
|
label: Custom
|
||
|
value: pt-status-bar-custom-dt
|
||
|
-
|
||
|
id: status-bar-background-color-dt
|
||
|
title: Status Bar Background Color
|
||
|
description: Make sure you selected 'Custom' in Dark Theme Status Bar Preset for this to work.
|
||
|
type: variable-color
|
||
|
format: hsl
|
||
|
opacity: false
|
||
|
default: '#2B2B2B'
|
||
|
-
|
||
|
id: status-bar-text-color-dt
|
||
|
title: Status Bar Text/Icons Color
|
||
|
description: Choose the color used for the Dark Theme Status Bar Text/Icons.
|
||
|
default: pt-status-bar-text-light-dt
|
||
|
type: class-select
|
||
|
options:
|
||
|
-
|
||
|
label: Light
|
||
|
value: pt-status-bar-text-light-dt
|
||
|
-
|
||
|
label: Dark
|
||
|
value: pt-status-bar-text-dark-dt
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: pt-status-bar-text-accent-dt
|
||
|
-
|
||
|
id: scrollbar
|
||
|
title: Scrollbar
|
||
|
description: Settings for the Scrollbar. Adjust the width, Add Scroll Buttons, etc.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: scroll-bar-size
|
||
|
title: Scrollbar Width
|
||
|
description: Change the width of the Scrollbar (px).
|
||
|
type: variable-number-slider
|
||
|
default: 12
|
||
|
min: 5
|
||
|
max: 20
|
||
|
format: px
|
||
|
-
|
||
|
id: plugins
|
||
|
title: Plugins
|
||
|
description: Plugin Specific Settings.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: kanban-settings
|
||
|
title: Kanban
|
||
|
description: Mgmeyers Obsidian Kanban Plugin (https://github.com/mgmeyers/obsidian-kanban).
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-disable-kanban-title-count
|
||
|
title: Disable Kanban Title Card Count
|
||
|
description: Removes the Card Count in the Kanban Lane Title.
|
||
|
type: class-toggle
|
||
|
default: false
|
||
|
-
|
||
|
id: pt-center-kanban-title-text
|
||
|
title: Center Kanban Title Text
|
||
|
description: Aligns the Kanban Lane Title to the center.
|
||
|
type: class-toggle
|
||
|
default: true
|
||
|
-
|
||
|
id: pt-kanban-background-lt
|
||
|
title: Light Theme Kanban Background
|
||
|
description: Change the Light Theme background of the Kanban board.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-kanban-background-grid-lt
|
||
|
options:
|
||
|
-
|
||
|
label: Solid Color
|
||
|
value: pt-kanban-background-default-lt
|
||
|
-
|
||
|
label: Dots
|
||
|
value: pt-kanban-background-dots-lt
|
||
|
-
|
||
|
label: Grid
|
||
|
value: pt-kanban-background-grid-lt
|
||
|
-
|
||
|
id: pt-kanban-background-dt
|
||
|
title: Dark Theme Kanban Background
|
||
|
description: Change the Dark Theme background of the Kanban board.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-kanban-background-grid-dt
|
||
|
options:
|
||
|
-
|
||
|
label: Solid Color
|
||
|
value: pt-kanban-background-default-dt
|
||
|
-
|
||
|
label: Dots
|
||
|
value: pt-kanban-background-dots-dt
|
||
|
-
|
||
|
label: Grid
|
||
|
value: pt-kanban-background-grid-dt
|
||
|
-
|
||
|
id: icon-folder-settings
|
||
|
title: Icon Folder
|
||
|
description: Florian Woelki Icon Folder (https://github.com/FlorianWoelki/obsidian-icon-folder).
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-icon-folder-accent
|
||
|
title: Use UI Accent Color for Icon Folder
|
||
|
description: Makes the Folder Icons inherit the UI Accent Color.
|
||
|
type: class-toggle
|
||
|
default: true
|
||
|
-
|
||
|
id: icons-settings
|
||
|
title: Icons
|
||
|
description: visini Icons (https://github.com/visini/obsidian-icons-plugin).
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-icons-accent
|
||
|
title: Use UI Accent Color for Icons
|
||
|
description: Makes the Icons inherit the UI Accent Color.
|
||
|
type: class-toggle
|
||
|
default: false
|
||
|
-
|
||
|
id: feature-toggles
|
||
|
title: Feature Toggles
|
||
|
description: Disable / hide certain aspects of the theme.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: pt-fade-inactive-tabs
|
||
|
title: Fade Inactive Tabs
|
||
|
description: Fades out inactive UI tabs to help distinguish the currently active tab.
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-disable-blur
|
||
|
title: Disable Blurred Background Effect
|
||
|
description: Disables the blur background in all elements that use it by making them opaque.
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-disable-callout-styling
|
||
|
title: Disable Prism Callout Styling
|
||
|
description: This option removes the custom Callout Styling introduced with Prism and reverts to a completely default look. This should be used if you prefer the default callout styling or have CSS Snippets that use it's customisation options.
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-disable-mark-highlight-styling
|
||
|
title: Disable Mark Highlight Styling
|
||
|
description: This option removes the Prism Mark Highlight Styling (reverts to default look). This will be handy for those that already use a different <mark> tag based highlighting system.
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-collapsed-pinned-tab
|
||
|
title: Collapsed Pinned Tabs
|
||
|
description: This option removes the title from pinned tabs and adds back the default file icon for the markdown files. Helps reduce the horizontal space wasted by pinned tabs. You can still see the title when you hover over the icon. NOTE - This option requires Installer Version 1.1.9+ due to use of CSS `has()`. Also, might not work on certain Mobile clients.
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: pt-pdf-dark-theme
|
||
|
title: Enable PDF Dark Theme
|
||
|
description: This option adds styling to the PDF pages by blending in with the colour scheme in Dark mode; making it more eye friendly. This isn't a perfect solution. Note that some images might look inverted and colours be a different shade compared to the original file.
|
||
|
default: false
|
||
|
type: class-toggle
|
||
|
-
|
||
|
id: theme-info
|
||
|
title: Theme Info
|
||
|
description: Additional help and information regarding Prism.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: false
|
||
|
-
|
||
|
id: theme-info-buttons
|
||
|
type: info-text
|
||
|
markdown: true
|
||
|
description: '<div class="styleSettingsButton prism-wiki"><a href="https://github.com/damiankorcz/Prism-Theme/wiki"><span class="styleSettingsButtonEmoji">🏛️</span>Prism Wiki</a></div><div class="styleSettingsButton prism-releases"><a href="https://github.com/damiankorcz/Prism-Theme/releases"><span class="styleSettingsButtonEmoji">📦</span>Prism Releases & Changelog</a></div>'
|
||
|
-
|
||
|
id: support
|
||
|
title: Support the Development of Prism
|
||
|
description: If you are enjoying the theme, here are some ways to support its development.
|
||
|
type: heading
|
||
|
level: 1
|
||
|
collapsed: false
|
||
|
-
|
||
|
id: support-buttons
|
||
|
type: info-text
|
||
|
markdown: true
|
||
|
description: '<div class="styleSettingsButton prism-star"><a href="https://github.com/damiankorcz/Prism-Theme"><span class="styleSettingsButtonEmoji">🌠</span>Star the project on GitHub</a></div><div class="styleSettingsButton prism-issue"><a href="https://github.com/damiankorcz/Prism-Theme/issues"><span class="styleSettingsButtonEmoji">⚠️</span>Submit an Issue</a></div><div class="styleSettingsButton prism-coffee"><a href="https://www.buymeacoffee.com/DamianKorcz"><span class="styleSettingsButtonEmoji">☕</span> Buy me a coffee!</a></div>'
|
||
|
-
|
||
|
id: prism-theme
|
||
|
title: Prism Theme Class
|
||
|
type: class-toggle
|
||
|
default: true
|
||
|
*/
|
||
|
/* @plugins
|
||
|
core:
|
||
|
- audio-recorder
|
||
|
- backlink
|
||
|
- canvas
|
||
|
- command-palette
|
||
|
- daily-notes
|
||
|
- file-explorer
|
||
|
- file-recovery
|
||
|
- global-search
|
||
|
- graph
|
||
|
- markdown-importer
|
||
|
- note-composer
|
||
|
- open-with-default-app
|
||
|
- outgoing-link
|
||
|
- outline
|
||
|
- page-preview
|
||
|
- publish
|
||
|
- random-note
|
||
|
- slash-commands
|
||
|
- slides
|
||
|
- starred
|
||
|
- sync
|
||
|
- switcher
|
||
|
- tag-pane
|
||
|
- templates
|
||
|
- word-count
|
||
|
- workspaces
|
||
|
- zk-prefixer
|
||
|
|
||
|
community:
|
||
|
- table-editor-obsidian
|
||
|
- obsidian-kanban
|
||
|
- quick-explorer
|
||
|
- calendar
|
||
|
- cmenu-plugin
|
||
|
- obsidian-dangling-links
|
||
|
- pane-relief
|
||
|
- obsidian-icon-folder
|
||
|
- obsidian-map-view
|
||
|
- obsidian-emoji-toolbar
|
||
|
- obsidian-tagfolder
|
||
|
- obsidian-dictionary-plugin
|
||
|
- obsidian-icons-plugin
|
||
|
- obsidian-jump-to-date-plugin
|
||
|
- obsidian-hover-editor
|
||
|
- obsidian-quiet-outline
|
||
|
- recent-files-obsidian
|
||
|
- file-tree-alternative
|
||
|
- settings-search
|
||
|
*/
|