8750 lines
1.3 MiB
CSS
8750 lines
1.3 MiB
CSS
|
/*
|
||
|
Prism Theme for Obsidian.md (Version: 3.2.1)
|
||
|
> A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
|
||
|
|
||
|
Source: https://github.com/damiankorcz/Obsidian-Prism
|
||
|
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-2022 Damian Korcz <https://github.com/damiankorcz>
|
||
|
*/
|
||
|
.theme-light.pt-color-scheme-swan-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 84%;
|
||
|
--color-red-base-hsl: 7, 80%, 88%;
|
||
|
--color-orange-base-hsl: 25, 79%, 84%;
|
||
|
--color-yellow-base-hsl: 47, 57%, 77%;
|
||
|
--color-green-base-hsl: 115, 35%, 81%;
|
||
|
--color-mint-base-hsl: 156, 37%, 81%;
|
||
|
--color-cyan-base-hsl: 192, 39%, 83%;
|
||
|
--color-blue-base-hsl: 222, 62%, 88%;
|
||
|
--color-purple-base-hsl: 251, 62%, 90%;
|
||
|
--color-pink-base-hsl: 327, 56%, 88%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 67%;
|
||
|
--color-red-tint-hsl: 6, 70%, 74%;
|
||
|
--color-orange-tint-hsl: 27, 74%, 64%;
|
||
|
--color-yellow-tint-hsl: 48, 68%, 47%;
|
||
|
--color-green-tint-hsl: 115, 34%, 60%;
|
||
|
--color-mint-tint-hsl: 159, 39%, 57%;
|
||
|
--color-cyan-tint-hsl: 192, 40%, 63%;
|
||
|
--color-blue-tint-hsl: 222, 57%, 74%;
|
||
|
--color-purple-tint-hsl: 252, 60%, 77%;
|
||
|
--color-pink-tint-hsl: 326, 50%, 73%;
|
||
|
--color-grey-text-hsl: 0, 0%, 49%;
|
||
|
--color-red-text-hsl: 4, 62%, 55%;
|
||
|
--color-orange-text-hsl: 32, 100%, 37%;
|
||
|
--color-yellow-text-hsl: 48, 100%, 30%;
|
||
|
--color-green-text-hsl: 116, 71%, 33%;
|
||
|
--color-mint-text-hsl: 165, 100%, 28%;
|
||
|
--color-cyan-text-hsl: 191, 75%, 36%;
|
||
|
--color-blue-text-hsl: 223, 54%, 58%;
|
||
|
--color-purple-text-hsl: 255, 56%, 63%;
|
||
|
--color-pink-text-hsl: 323, 46%, 55%;
|
||
|
--text-normal: hsl(0, 0%, 25%);
|
||
|
--text-muted: hsl(0, 0%, 40%);
|
||
|
--text-faint: hsl(0, 0%, 50%);
|
||
|
--background-primary: hsl(0, 0%, 100%);
|
||
|
--background-primary-alt: hsl(0, 0%, 96.5%);
|
||
|
--background-secondary: hsl(0, 0%, 94%);
|
||
|
--background-secondary-blur: hsla(0, 0%, 94%, 80%);
|
||
|
--background-secondary-alt: hsl(0, 0%, 80%);
|
||
|
--shadow-s: hsla(0, 0%, 0%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(0, 0%, 0%, 3%) 0 1px 2px, hsla(0, 0%, 0%, 3%) 0 2px 4px, hsla(0, 0%, 0%, 3%) 0 4px 8px, hsla(0, 0%, 0%, 3%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-raven-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 18%;
|
||
|
--color-red-base-hsl: 0, 46%, 22%;
|
||
|
--color-orange-base-hsl: 20, 52%, 19%;
|
||
|
--color-yellow-base-hsl: 40, 45%, 16%;
|
||
|
--color-green-base-hsl: 122, 40%, 15%;
|
||
|
--color-mint-base-hsl: 163, 51%, 14%;
|
||
|
--color-cyan-base-hsl: 195, 43%, 16%;
|
||
|
--color-blue-base-hsl: 228, 39%, 23%;
|
||
|
--color-purple-base-hsl: 268, 43%, 24%;
|
||
|
--color-pink-base-hsl: 328, 41%, 21%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 37%;
|
||
|
--color-red-tint-hsl: 0, 41%, 43%;
|
||
|
--color-orange-tint-hsl: 9, 45%, 37%;
|
||
|
--color-yellow-tint-hsl: 39, 39%, 32%;
|
||
|
--color-green-tint-hsl: 121, 34%, 31%;
|
||
|
--color-mint-tint-hsl: 163, 43%, 29%;
|
||
|
--color-cyan-tint-hsl: 195, 37%, 33%;
|
||
|
--color-blue-tint-hsl: 227, 39%, 46%;
|
||
|
--color-purple-tint-hsl: 266, 33%, 45%;
|
||
|
--color-pink-tint-hsl: 328, 38%, 42%;
|
||
|
--color-grey-text-hsl: 0, 0%, 57%;
|
||
|
--color-red-text-hsl: 0, 51%, 65%;
|
||
|
--color-orange-text-hsl: 19, 43%, 58%;
|
||
|
--color-yellow-text-hsl: 40, 37%, 50%;
|
||
|
--color-green-text-hsl: 122, 32%, 49%;
|
||
|
--color-mint-text-hsl: 163, 39%, 46%;
|
||
|
--color-cyan-text-hsl: 195, 38%, 52%;
|
||
|
--color-blue-text-hsl: 228, 39%, 65%;
|
||
|
--color-purple-text-hsl: 264, 29%, 64%;
|
||
|
--color-pink-text-hsl: 331, 32%, 63%;
|
||
|
--text-normal: hsl(0, 0%, 85%);
|
||
|
--text-muted: hsl(0, 0%, 70%);
|
||
|
--text-faint: hsl(0, 0%, 60%);
|
||
|
--background-primary: hsl(0, 0%, 13%);
|
||
|
--background-primary-alt: hsl(0, 0%, 18%);
|
||
|
--background-secondary: hsl(0, 0%, 8.5%);
|
||
|
--background-secondary-blur: hsla(0, 0%, 8.5%, 80%);
|
||
|
--background-secondary-alt: hsl(0, 0%, 5%);
|
||
|
--shadow-s: hsla(0, 0%, 0%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(0, 0%, 0%, 5%) 0 1px 2px, hsla(0, 0%, 0%, 5%) 0 2px 4px, hsla(0, 0%, 0%, 5%) 0 4px 8px, hsla(0, 0%, 0%, 5%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-latte-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 84%;
|
||
|
--color-red-base-hsl: 7, 80%, 88%;
|
||
|
--color-orange-base-hsl: 25, 79%, 84%;
|
||
|
--color-yellow-base-hsl: 47, 57%, 77%;
|
||
|
--color-green-base-hsl: 115, 35%, 81%;
|
||
|
--color-mint-base-hsl: 156, 37%, 81%;
|
||
|
--color-cyan-base-hsl: 192, 39%, 83%;
|
||
|
--color-blue-base-hsl: 222, 62%, 88%;
|
||
|
--color-purple-base-hsl: 251, 62%, 90%;
|
||
|
--color-pink-base-hsl: 327, 56%, 88%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 67%;
|
||
|
--color-red-tint-hsl: 6, 70%, 74%;
|
||
|
--color-orange-tint-hsl: 27, 74%, 64%;
|
||
|
--color-yellow-tint-hsl: 48, 68%, 47%;
|
||
|
--color-green-tint-hsl: 115, 34%, 60%;
|
||
|
--color-mint-tint-hsl: 159, 39%, 57%;
|
||
|
--color-cyan-tint-hsl: 192, 40%, 63%;
|
||
|
--color-blue-tint-hsl: 222, 57%, 74%;
|
||
|
--color-purple-tint-hsl: 252, 60%, 77%;
|
||
|
--color-pink-tint-hsl: 326, 50%, 73%;
|
||
|
--color-grey-text-hsl: 0, 0%, 49%;
|
||
|
--color-red-text-hsl: 4, 62%, 55%;
|
||
|
--color-orange-text-hsl: 32, 100%, 37%;
|
||
|
--color-yellow-text-hsl: 48, 100%, 30%;
|
||
|
--color-green-text-hsl: 116, 71%, 33%;
|
||
|
--color-mint-text-hsl: 165, 100%, 28%;
|
||
|
--color-cyan-text-hsl: 191, 75%, 36%;
|
||
|
--color-blue-text-hsl: 223, 54%, 58%;
|
||
|
--color-purple-text-hsl: 255, 56%, 63%;
|
||
|
--color-pink-text-hsl: 323, 46%, 55%;
|
||
|
--text-normal: hsl(28, 32%, 18%);
|
||
|
--text-muted: hsl(28, 32%, 35%);
|
||
|
--text-faint: hsl(28, 32%, 50%);
|
||
|
--background-primary: hsl(28, 32%, 95%);
|
||
|
--background-primary-alt: hsl(28, 32%, 93%);
|
||
|
--background-secondary: hsl(28, 32%, 90%);
|
||
|
--background-secondary-blur: hsla(28, 32%, 90%, 80%);
|
||
|
--background-secondary-alt: hsl(28, 32%, 77%);
|
||
|
--shadow-s: hsla(28, 32%, 7%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(28, 32%, 7%, 4%) 0 1px 2px, hsla(28, 32%, 7%, 4%) 0 2px 4px, hsla(28, 32%, 7%, 4%) 0 4px 8px, hsla(28, 32%, 7%, 4%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-mocha-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 18%;
|
||
|
--color-red-base-hsl: 0, 53%, 22%;
|
||
|
--color-orange-base-hsl: 21, 59%, 18%;
|
||
|
--color-yellow-base-hsl: 41, 57%, 15%;
|
||
|
--color-green-base-hsl: 123, 50%, 14%;
|
||
|
--color-mint-base-hsl: 166, 74%, 12%;
|
||
|
--color-cyan-base-hsl: 194, 54%, 15%;
|
||
|
--color-blue-base-hsl: 228, 45%, 23%;
|
||
|
--color-purple-base-hsl: 268, 49%, 25%;
|
||
|
--color-pink-base-hsl: 328, 48%, 21%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 37%;
|
||
|
--color-red-tint-hsl: 0, 47%, 44%;
|
||
|
--color-orange-tint-hsl: 20, 52%, 36%;
|
||
|
--color-yellow-tint-hsl: 41, 48%, 30%;
|
||
|
--color-green-tint-hsl: 123, 43%, 29%;
|
||
|
--color-mint-tint-hsl: 164, 62%, 26%;
|
||
|
--color-cyan-tint-hsl: 194, 47%, 32%;
|
||
|
--color-blue-tint-hsl: 228, 45%, 47%;
|
||
|
--color-purple-tint-hsl: 266, 37%, 47%;
|
||
|
--color-pink-tint-hsl: 327, 44%, 42%;
|
||
|
--color-grey-text-hsl: 0, 0%, 57%;
|
||
|
--color-red-text-hsl: 0, 60%, 66%;
|
||
|
--color-orange-text-hsl: 20, 48%, 58%;
|
||
|
--color-yellow-text-hsl: 41, 45%, 47%;
|
||
|
--color-green-text-hsl: 123, 40%, 46%;
|
||
|
--color-mint-text-hsl: 164, 53%, 42%;
|
||
|
--color-cyan-text-hsl: 194, 44%, 50%;
|
||
|
--color-blue-text-hsl: 228, 44%, 65%;
|
||
|
--color-purple-text-hsl: 263, 34%, 65%;
|
||
|
--color-pink-text-hsl: 331, 37%, 63%;
|
||
|
--text-normal: hsl(28, 32%, 85%);
|
||
|
--text-muted: hsl(28, 32%, 70%);
|
||
|
--text-faint: hsl(28, 32%, 60%);
|
||
|
--background-primary: hsl(27, 30%, 13%);
|
||
|
--background-primary-alt: hsl(28, 32%, 18.5%);
|
||
|
--background-secondary: hsl(28, 32%, 9%);
|
||
|
--background-secondary-blur: hsla(28, 32%, 9%, 80%);
|
||
|
--background-secondary-alt: hsl(28, 32%, 6.8%);
|
||
|
--shadow-s: hsla(28, 32%, 7%, 50%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(28, 32%, 7%, 50%) 0 1px 2px, hsla(28, 32%, 7%, 50%) 0 2px 4px, hsla(28, 32%, 7%, 50%) 0 4px 8px, hsla(28, 32%, 7%, 50%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-periwinkle-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 84%;
|
||
|
--color-red-base-hsl: 8, 84%, 88%;
|
||
|
--color-orange-base-hsl: 26, 81%, 83%;
|
||
|
--color-yellow-base-hsl: 46, 59%, 77%;
|
||
|
--color-green-base-hsl: 113, 37%, 81%;
|
||
|
--color-mint-base-hsl: 157, 41%, 80%;
|
||
|
--color-cyan-base-hsl: 193, 42%, 82%;
|
||
|
--color-blue-base-hsl: 221, 65%, 88%;
|
||
|
--color-purple-base-hsl: 250, 69%, 90%;
|
||
|
--color-pink-base-hsl: 328, 58%, 88%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 67%;
|
||
|
--color-red-tint-hsl: 7, 75%, 74%;
|
||
|
--color-orange-tint-hsl: 28, 77%, 63%;
|
||
|
--color-yellow-tint-hsl: 50, 100%, 40%;
|
||
|
--color-green-tint-hsl: 114, 36%, 59%;
|
||
|
--color-mint-tint-hsl: 160, 41%, 56%;
|
||
|
--color-cyan-tint-hsl: 193, 42%, 62%;
|
||
|
--color-blue-tint-hsl: 220, 63%, 74%;
|
||
|
--color-purple-tint-hsl: 252, 66%, 78%;
|
||
|
--color-pink-tint-hsl: 325, 53%, 73%;
|
||
|
--color-grey-text-hsl: 0, 0%, 49%;
|
||
|
--color-red-text-hsl: 5, 66%, 55%;
|
||
|
--color-orange-text-hsl: 31, 100%, 38%;
|
||
|
--color-yellow-text-hsl: 47, 100%, 30%;
|
||
|
--color-green-text-hsl: 114, 96%, 29%;
|
||
|
--color-mint-text-hsl: 165, 100%, 28%;
|
||
|
--color-cyan-text-hsl: 189, 100%, 32%;
|
||
|
--color-blue-text-hsl: 222, 59%, 58%;
|
||
|
--color-purple-text-hsl: 256, 62%, 64%;
|
||
|
--color-pink-text-hsl: 323, 49%, 55%;
|
||
|
--text-normal: hsl(225, 35%, 30%);
|
||
|
--text-muted: hsl(225, 35%, 40%);
|
||
|
--text-faint: hsl(225, 35%, 50%);
|
||
|
--background-primary: hsl(225, 35%, 95%);
|
||
|
--background-primary-alt: hsl(225, 35%, 93%);
|
||
|
--background-secondary: hsl(225, 35%, 90%);
|
||
|
--background-secondary-blur: hsla(225, 35%, 90%, 80%);
|
||
|
--background-secondary-alt: hsl(225, 35%, 79%);
|
||
|
--shadow-s: hsla(225, 35%, 7%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(225, 35%, 7%, 4%) 0 1px 2px, hsla(225, 35%, 7%, 4%) 0 2px 4px, hsla(225, 35%, 7%, 4%) 0 4px 8px, hsla(225, 35%, 7%, 4%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-indigo-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 18%;
|
||
|
--color-red-base-hsl: 0, 53%, 22%;
|
||
|
--color-orange-base-hsl: 21, 59%, 19%;
|
||
|
--color-yellow-base-hsl: 41, 55%, 15%;
|
||
|
--color-green-base-hsl: 122, 49%, 15%;
|
||
|
--color-mint-base-hsl: 166, 74%, 12%;
|
||
|
--color-cyan-base-hsl: 194, 54%, 15%;
|
||
|
--color-blue-base-hsl: 228, 44%, 24%;
|
||
|
--color-purple-base-hsl: 268, 49%, 25%;
|
||
|
--color-pink-base-hsl: 327, 49%, 21%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 37%;
|
||
|
--color-red-tint-hsl: 0, 47%, 44%;
|
||
|
--color-orange-tint-hsl: 20, 53%, 36%;
|
||
|
--color-yellow-tint-hsl: 41, 48%, 30%;
|
||
|
--color-green-tint-hsl: 123, 43%, 29%;
|
||
|
--color-mint-tint-hsl: 165, 61%, 26%;
|
||
|
--color-cyan-tint-hsl: 194, 47%, 32%;
|
||
|
--color-blue-tint-hsl: 227, 44%, 47%;
|
||
|
--color-purple-tint-hsl: 267, 37%, 47%;
|
||
|
--color-pink-tint-hsl: 327, 43%, 42%;
|
||
|
--color-grey-text-hsl: 0, 0%, 58%;
|
||
|
--color-red-text-hsl: 0, 60%, 66%;
|
||
|
--color-orange-text-hsl: 20, 49%, 58%;
|
||
|
--color-yellow-text-hsl: 41, 46%, 48%;
|
||
|
--color-green-text-hsl: 123, 40%, 46%;
|
||
|
--color-mint-text-hsl: 164, 53%, 42%;
|
||
|
--color-cyan-text-hsl: 194, 44%, 50%;
|
||
|
--color-blue-text-hsl: 228, 44%, 65%;
|
||
|
--color-purple-text-hsl: 264, 34%, 65%;
|
||
|
--color-pink-text-hsl: 330, 37%, 63%;
|
||
|
--text-normal: hsl(245, 30%, 85%);
|
||
|
--text-muted: hsl(245, 30%, 70%);
|
||
|
--text-faint: hsl(245, 30%, 65%);
|
||
|
--background-primary: hsl(245, 30%, 16%);
|
||
|
--background-primary-alt: hsl(245, 30%, 25%);
|
||
|
--background-secondary: hsl(245, 30%, 12%);
|
||
|
--background-secondary-blur: hsla(245, 30%, 12%, 80%);
|
||
|
--background-secondary-alt: hsl(245, 30%, 8.5%);
|
||
|
--shadow-s: hsla(245, 30%, 7%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(245, 30%, 7%, 10%) 0 1px 2px, hsla(245, 30%, 7%, 10%) 0 2px 4px, hsla(245, 30%, 7%, 10%) 0 4px 8px, hsla(245, 30%, 7%, 10%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-pistachio-lt {
|
||
|
--color-grey-base-hsl: 0, 0%, 84%;
|
||
|
--color-red-base-hsl: 7, 80%, 88%;
|
||
|
--color-orange-base-hsl: 25, 79%, 84%;
|
||
|
--color-yellow-base-hsl: 47, 57%, 77%;
|
||
|
--color-green-base-hsl: 115, 35%, 81%;
|
||
|
--color-mint-base-hsl: 156, 37%, 81%;
|
||
|
--color-cyan-base-hsl: 192, 39%, 83%;
|
||
|
--color-blue-base-hsl: 222, 62%, 88%;
|
||
|
--color-purple-base-hsl: 251, 62%, 90%;
|
||
|
--color-pink-base-hsl: 327, 56%, 88%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 67%;
|
||
|
--color-red-tint-hsl: 6, 70%, 74%;
|
||
|
--color-orange-tint-hsl: 27, 74%, 64%;
|
||
|
--color-yellow-tint-hsl: 48, 68%, 47%;
|
||
|
--color-green-tint-hsl: 115, 34%, 60%;
|
||
|
--color-mint-tint-hsl: 159, 39%, 57%;
|
||
|
--color-cyan-tint-hsl: 192, 40%, 63%;
|
||
|
--color-blue-tint-hsl: 222, 57%, 74%;
|
||
|
--color-purple-tint-hsl: 252, 60%, 77%;
|
||
|
--color-pink-tint-hsl: 326, 50%, 73%;
|
||
|
--color-grey-text-hsl: 0, 0%, 49%;
|
||
|
--color-red-text-hsl: 4, 62%, 55%;
|
||
|
--color-orange-text-hsl: 32, 100%, 37%;
|
||
|
--color-yellow-text-hsl: 48, 100%, 30%;
|
||
|
--color-green-text-hsl: 116, 71%, 33%;
|
||
|
--color-mint-text-hsl: 165, 100%, 28%;
|
||
|
--color-cyan-text-hsl: 191, 75%, 36%;
|
||
|
--color-blue-text-hsl: 223, 54%, 58%;
|
||
|
--color-purple-text-hsl: 255, 56%, 63%;
|
||
|
--color-pink-text-hsl: 323, 46%, 55%;
|
||
|
--text-normal: hsl(135, 35%, 20%);
|
||
|
--text-muted: hsl(135, 35%, 30%);
|
||
|
--text-faint: hsl(135, 35%, 40%);
|
||
|
--background-primary: hsl(135, 35%, 95.5%);
|
||
|
--background-primary-alt: hsl(135, 35%, 93%);
|
||
|
--background-secondary: hsl(135, 35%, 90.5%);
|
||
|
--background-secondary-blur: hsla(135, 35%, 90.5%, 80%);
|
||
|
--background-secondary-alt: hsl(135, 35%, 75%);
|
||
|
--shadow-s: hsla(135, 35%, 7%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(135, 35%, 7%, 4%) 0 1px 2px, hsla(135, 35%, 7%, 4%) 0 2px 4px, hsla(135, 35%, 7%, 4%) 0 4px 8px, hsla(135, 35%, 7%, 4%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-pine-dt {
|
||
|
--color-grey-base-hsl: 0, 0%, 18%;
|
||
|
--color-red-base-hsl: 0, 53%, 22%;
|
||
|
--color-orange-base-hsl: 21, 59%, 18%;
|
||
|
--color-yellow-base-hsl: 41, 55%, 15%;
|
||
|
--color-green-base-hsl: 122, 49%, 15%;
|
||
|
--color-mint-base-hsl: 166, 74%, 12%;
|
||
|
--color-cyan-base-hsl: 194, 54%, 15%;
|
||
|
--color-blue-base-hsl: 228, 44%, 24%;
|
||
|
--color-purple-base-hsl: 268, 49%, 25%;
|
||
|
--color-pink-base-hsl: 328, 48%, 21%;
|
||
|
--color-grey-tint-hsl: 0, 0%, 37%;
|
||
|
--color-red-tint-hsl: 0, 47%, 44%;
|
||
|
--color-orange-tint-hsl: 20, 53%, 36%;
|
||
|
--color-yellow-tint-hsl: 41, 48%, 30%;
|
||
|
--color-green-tint-hsl: 123, 43%, 29%;
|
||
|
--color-mint-tint-hsl: 165, 61%, 26%;
|
||
|
--color-cyan-tint-hsl: 194, 47%, 32%;
|
||
|
--color-blue-tint-hsl: 227, 45%, 47%;
|
||
|
--color-purple-tint-hsl: 267, 37%, 47%;
|
||
|
--color-pink-tint-hsl: 327, 43%, 42%;
|
||
|
--color-grey-text-hsl: 0, 0%, 57%;
|
||
|
--color-red-text-hsl: 0, 60%, 66%;
|
||
|
--color-orange-text-hsl: 20, 49%, 58%;
|
||
|
--color-yellow-text-hsl: 41, 46%, 48%;
|
||
|
--color-green-text-hsl: 123, 40%, 46%;
|
||
|
--color-mint-text-hsl: 164, 53%, 42%;
|
||
|
--color-cyan-text-hsl: 194, 44%, 50%;
|
||
|
--color-blue-text-hsl: 228, 44%, 65%;
|
||
|
--color-purple-text-hsl: 264, 34%, 65%;
|
||
|
--color-pink-text-hsl: 330, 37%, 63%;
|
||
|
--text-normal: hsl(135, 35%, 85%);
|
||
|
--text-muted: hsl(135, 35%, 70%);
|
||
|
--text-faint: hsl(135, 35%, 60%);
|
||
|
--background-primary: hsl(135, 35%, 12%);
|
||
|
--background-primary-alt: hsl(135, 35%, 17%);
|
||
|
--background-secondary: hsl(135, 35%, 9%);
|
||
|
--background-secondary-blur: hsla(135, 35%, 9%, 80%);
|
||
|
--background-secondary-alt: hsl(135, 35%, 6%);
|
||
|
--shadow-s: hsla(135, 35%, 7%, 10%) 0 1px 2px 0;
|
||
|
--shadow-l: hsla(135, 35%, 7%, 10%) 0 1px 2px, hsla(135, 35%, 7%, 10%) 0 2px 4px, hsla(135, 35%, 7%, 10%) 0 4px 8px, hsla(135, 35%, 7%, 10%) 0 8px 16px;
|
||
|
}
|
||
|
|
||
|
/* 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,d09GMgABAAAAAo90ABQAAAAJ/fwAAo78AAMLxwAAAAAAAAAAAAAAAAAAAAAAAAAAGUYaiw8bk4loHIHPTj9IVkFSqwY/TVZBUkYGYD9TVEFUgWYnJgCBhE4vYAqIlWCG2QsLzXQAMIfpUAE2AiQDzW4EIAXDfwcgW1J3uRz6L2Ru3/WbJEcEGo870l5ImDSlgiiaVseR8Uukmt8GIAJpb/4pGb5nyPbuoA+Q362RTU3VMWQxNg6m+jApAXIb3ZwJaRT/OsdWQQKKuF/QyP7//////////////////28y/Ty62Xsv4b2/MllBQiCgYAWrIrg2dnmOVmtr79rr3UbMWBgU1sa6IIwsMkbHOknB2riKa1rXNdahtroBTZtFLbzURG2Uow4UXeihEizFNfEa+FfvZ6jggZYSF7K8IjDk0aoxuso2tdaaePiqXjo3XAuaoNFwPFl/PdzguLbJegJtlbW2FOSVq6juVGCyOWjbbT3rLo8dmu/ko9Yu5NbWoz0L+5kNO5weNM0rOIQe6mjoHVVRcwPa3EPDozzPeoFz9JTJFSb1Bi1+FKgNkxaKixi0h2OSmWT2LTjJxojBEo7jU0s7+ow+pwQUxRDDBdEIQ1jpSBjvZZ1W/TJ3/i2zb6+viDoskkHSS67BviFTJg3Tb2n2vIhX+S28A4E0DVWm5L1v/Q9kVXu+oSdpH25+6YIZk1yiCMucZFr5cntEbTelj8ZwqbVeoDqvae1W7pzdc86hvjHGrCYoNsZobGdQRRGc8/1D0mf0kXENGKxhvETZBipZ4PaqQTla8xUW+PSKGR4FmBgqJPBEMeR+KH8/dwYb6TO6qLj1m6W5AgZWVNzYyHWkzdYXd0MYpdQWvtRaE1YpRb36il6Sjqfj/CxvLKPxWE9hhnSNZCaZSfYs2zdEwkKlkiKFtBIFDAwiJDPJjJghR0oS8+zlww6qzkH82PJ9cJwttWW2qApXnQmMUUgzmq2jOcMkwD1gKOmQGUUMMwbX0GijqNdBC+j1ogVJPJlAjB7RtYooEZKZuhWhLAj6ilP4hi4MZEQZwv6AvqCZttSC/uThAd9o1Fb44Um8nPhwQlg49kFZJFDY5hTKQ4h+pT/61/I8mcDdXgGGJ9u/vYQtuHRkzjTTTxT7cLy1ccQBGjQ7clhMY73qHKHVJJrjJ61I9j4i99d3hfjy0oy/YH2PbFWDfkIalBqgkJHs3SOLlCZZ04q+xA4zZvRdUPMsAHVAMm47JAQjDuk5HC266n5+vmVgZaQg3yGZyS6TQj8LycvkHZqQfE1ZyIk6fPeQ+3yxDrN5A6VnkH7T6LMhJ11SxSS/+Ni6hRyV/bK184DMuX8d34Zr+Bf28Pgp27182IsK534Y09KGQaFlUAouS+g/m3N7CHWOTFNRNdDjB+LN73lW1q+gaUlm+qd39rwCFx6KG6nB7ZIyL4lGA2NKY5A1RigRkhm46iUM8WgkvQO7CqeQXBX0qoecTGmmFfVeRVCMfozurQVVu1VKW4ghQEY94AVkDtZwIHTLkVM9XkCIruENfDtFN8l4EyxfGN8TYLLD5B/7f/LvmEE4x4kovsMMTB1gxjOBaejPX/QUGI9g+ynrrZka/tu/J69LdApB551agz+vK69L1nHaea/80L5P6OYx+gsHgsTLEJ2UNq8HVSIoCQUC2xRj5/2q8g7pNdpWXok2iSXEHmvdujqtB4SqgAauoqFUqZr0oAdJYkycQmTPrbVH6AdoTTLTmzhDmwT/sy4zgtFPYhcpIqpG0KmlhPWnmzkHDSm7iEFsphXSDDsfEyQMP6EKIQPDUYwiRgzMEDPEzEEYG8NFK+avDD3eO4EUYvschN+T32Bwgs66YQKNutwp3YzDpc+xbnQgnEYmEgEOW/qhX/P0hbxY2dw3VWwrd9OUhvi3Av/z+pitxjYmbOX873U43dh1K4StoO8+uSQ5LTRl/A99kseySPoHhPN+5/0Pn8JyoII2Jf4dLIh1aArJPKFE0OM8bhpTwD/WWmsTSsS/a38Du9rWjmRfLit3UoAacle/1oSBMY5oBN2kCQabiqzaxUGOk8mFc+M8vPqQGtKimCv4Cc8TP2d/7sybZzFIAgkhSIECBYp5BbxOjYpuy6pXdMWNdfXfvwyyZd+HJEAIHiCYjGmnJnSfrJ+pQ7evZ2J75l9Nu1jZgP1tB6EcAkGAhAHYprmof+5GLqyxcq6MCHRO0WHk0CEWJWAUYCOgYiLY2NiIEbEoV0YvPlmZIzzXf/5xrme8cz3rqaietWqtVRWxVlRPVVSnIhORicp0KlOZiJzO6mSqdqKiKlOxU5Wp6FRVRKeqvsrEV5HZiaiInS8iMhUV8a34IifzJ6q+TERE/HlTAoCH/5b/33adU93VfUN8aXLQI2f8yCEGn1RU3f8/okZoJFmCMCw0QrEQmlw82C9hvf+TbHZRtcoqNEYhsQhXnUQ5hGWwXNFnzOV/eN38hAAx3KZZxLDGhwgBwjQ8xoopBKQhskZC83CFtYPiWEgVnwbTuABXtGHHuCLuuOhCfks9NY7FeVpq+S21fBwDuKWld9Svco5LAiGBQIIlkOB2nMGp9ayqs4qt7cSkU+223zqTn4h380/v1H4QGGMZMLGxQjAlhFCXEpa61HVdr+s6juvkv/m9vKzX/aU/H/fn/tP+FXn/v7Sn9bpeN3UcyhLHwQSDELIQQgyj0Wg0Go1Go9HVnZmr0Wg0Go3ESAh7nl/bnzlvH7xdllBXWFa4pIUIfCRyCRuLL2EBRhSpjYXZVFlYVRhRGMz/m6r9BXABgiAIUZREywxDK7KiKIrqOKrrqq7GoziOm7ip6+cux5PJyaRbum2ZLV1OLunZlq9lzyx7l33SPW02j5uncRTVI0uyIlMkRYIgCAIXF8DFxYVFurLq1qinak/WgpE1BnpCDAEjhPCjgACyd/xM0cIf+FP/O3b9UtfXze1NE5q6juM6jj+/YIwBYwxCCCGEEEIIIYQQAoQQsixkjDEhmMRN3n4/n77OTt4vk+lm3+T+8nr/uZlOt5ub6fZl83KzMYLKWL8h43viBU28bKm9SA/sNLJMtIy0UCwULDnU3uAcS0/10mTozevdqe+7H74RLC02TR4M6CZNe8akGIVB6Wf3MQTmH1O1viiKBwiCIAh+giD4AYIgCIIgCIIgCIEQRFEUJcuyrCiKo7iO67quNy+bzehlvJleLy+Kssd9Z/uyx9WdM5O5slm/Tibr5/W4Ho/rUR1FVRRbZmRZpuzN9lmaOgkcOwk2NEcbT3SEbYgO8B1QH389A/XxqMyjtzQaleaDWnW9EOx/On25g2FL+vRGdGewewpTz8fuX04routA5ZBcxy1r1i1NkTKhknj8MX0tO0UjjaiZfstyyaXWTvsurlVsBGl5zgNRKQuUtJ3sND3ER5b/8sETVkp0+Nxg7OyjgAn/vL+xcx+J0n6LJGjMGdXNYkj+PM3Z/7lzZ+5N7iQjmQDDbUgTEiBQSGl6swNpfVhx1gyxOlYxeeK2Lrz3vrJi1LCKsexXNnSG5+fWg31ApDfWb39/2QwYJWNNjUgpCRFERUAJEUnr9BQFFUTFPAMbOPQwus6opPh+Pz57zr1vSShUZMyuAgqBQrBxyEqnooCEifPgP8R/y/hfVd3u7ZmfI6CeIml0VE94cvQIy0EYFEIhLE4g/M4/OjW6Fx3bHctxlrPJsjOc7dfnc13OL/XzI5tLyaI55+KTvr6EEAIECCFAiLHFNMYYA57Bo2u7Y62M+fNtae8NYeW/1mGAT2QFGaAut7Vbd/mQDImvyrF+JVcxa30Sryc1W/4pDsHe/s0EA1KacjABr9fIbg65FT+vlJ137nNg/L0ZNwvY9HrMS9KU0oaKyQceIekJOYvGne83dLIKOWb6k0t+Oq7HGFP3eVzBKBRGso3AeJxaSQBQYOFpztI1KJOeQu0GK2O4gmOhVAum3WzgdlmTgtAD/xHOZunxwdgp5cY/PPfq+8LpnMerc9IEWhaQDqFymSuWXDc4AAnHKxnHMfy+uV7A578sgqquUMiybMxHYQtkNL
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: "Source Sans 3";
|
||
|
font-style: italic;
|
||
|
font-weight: 200 900;
|
||
|
font-stretch: normal;
|
||
|
src: url("data:application/octet-stream;base64,d09GMgABAAAAAg3wABQAAAAF4EAAAg13AAMLxwAAAAAAAAAAAAAAAAAAAAAAAAAAGUYah3kbhoYKHIGVcD9IVkFSowo/TVZBUkYGYD9TVEFUgWYnJgCBhE4vYAqHg3iF3gQLnzIAMIbEKgE2AiQDvl4EIAXFaQcgWzF8tdNSxrwrl/alQFuNOAOCzrExNc5km3+N+OZ+yIOy1bbXSoSMMXYbj4AEmlVGtg6v70sZZrG0I8i8vxQM31aaefDwlv3///////////////83lo5HN//uEu7ujSQQRkICMmQITka1FbV1VGulVtv+rv8/sKjBVsARHqKYkASqBNcqIIV6Awk0KQ9CMeMWckEljBaR5W2FogTb6e74bi/yHXCuA2LqPbWp9N0A1BpjGYZGtYVj9ZqgXYWRxTUYSx3aVYEJbZlkJplJ5sDtBnjg6VSKKIGkuRdBq5wN+zB34vYP4DBzsQz4CNiAy3OscIxO0AKWxApitJjDIumtm/0+vKmSTJ8wueLQZkmNIer09g2hh9rOc3aRsTyxTT41ljNvz+KJ9woxN9XzEYiqlA4c9AQmxNkUcnyCGTN6K1gQlyQTjREIYSRWCf6OOOcNcOBNWBcB+DJf8bh75q4c2vXvYZdlSqi210OGNpgPJNNH5Ax1sC1ybhAnjbPF8NrAzS3Jq4q5u0ZZA8XKh7CcoenaWMiRGcLHEVa9p0SEEgn6YB4+oUu4TYb1x1YL3OfQ2xzYvxsXIGVdJBZwoB8EKcPFpwaaM/CgWAMDu0lOpkTKwMDHUCrYeVBllDNiBgZG/CSUiFBeRJn4mKumcAV5m8up1EepMGJUNUgZFSXFraSAFHinINOEqDFs2FShZk0Tlds79CUcRnxHMlFFHGBNj6qD50O87AyHw/kMXAVG9N4R1a/A9+TVfnMwHgxTSMNf0wmZx2NiwMqEfL6nGBiqT0hBq3ipSihLJONZBBNXDZA/PKIaZLXjr1ArXtyGzCS8MoRHukf1KzC6eCXOX8C9FQMTGzwJLsGNt8RLbmqMXYMe0RJ6CfnOMkOtb9fvvhBfERNzxPj72enG1AewjzWEA/RIO/12xiEViMMV+sd2bU5HOCO7NFfAhJyz32za2RG4+zzVOeIeyUzyPyTTL+QWknZ1H20hTX/eIrOx1rbGsOg5N3S/nh763vd8unpu+3mrbrExBiIiESqnBA557zfSwlrrDbLWWmvR0lprW2jPWmsvcGxMEuwcHeA/g47nhM/gko7C4zCfp91VGWReMd9wLVhGN+/peeg/Gf06RAdMKpMchCtlg+K/uIVEiMFGNb9EY2ttb0qoxpRIsCu6TZeV96ZJvjKZcMWNNc2Pig8wNS7bwF5uYuPWu134YtARUvHR/Neo6+OihO2wMYVt5FavF7A/mgxhtoA/MORb3BdlYsvCAc8xG3yKonCelqOc/yJzPT92B8jO3Sp1Cczc3QQU7d0bavoslAEmHyEBG0jgX/hN9KXx+fT1HllYgMFyDFlqkKn9QjtIl8aAgxtrjO86/IY857t0iB7BEBfiNI2ukQVDMTDFwGE1XOl7ObLBf9BVWsJ7mEW9OjaoRTBigmtWTQNZpGEPvi8cdjXT3MU+NWmRIRtZSkTC24b0n7aKWr0gfOWs6ISKtkUU3RAuuA/v/6CSiXNVQkNeC0wXXv9lVJZewXWkxdoGM95crOb+NgZmSBXiDGYqqIEm1itYOejdgO4HGMNHagZ7lRZlh8fASMB1ie/0NjQTIKefA5GMu761AIaIiKnU6t7iUOclbvGIV0TPT/xCRLRc1T27e5eLCjFiJAFCsJDPBwkBng/yiAYxD4EnmAST5DELom+IvSrwZrzz73jO/3ftqxt4eSn+kKZqzKdqqgas/j1ApOeMkbMEksAo1Hv8rjCIxmX+31SrvwQ3EARBEAQuQfBiIQiCIAiCIAiCFASREE1Tsiwrsuw4LsflSrtc7lQmnU7v6d22Mm+tmfO+ZtmXXjJbek9veWlPOpX2SaddKselchxFUWRZpobnp7MHDd5S0aj95Cdf8n/0J/kRk1oqChUFShEdYxtSZBwTPbZxTNy4jc3PdwfTu5sYaLZI27MnFVBagMkHAYa3OoQ/3qbVi8fl7s32ZNKX+0o7brdjE2xjDBiELIPQhRBCCCGEEEIIIYSQZUIwJoTQZHrStft7fu7n7vd99h7XHGfPVGZ2t4+rsl3ZbG82fYbnbfe27proZw+SDAuCq/1+fyvyRSQyc+d7508Qb4SQCZFIYkh4gukm0B7PJ8MJ/HfBEk84hARj19DEr7ZG1YnaFV9ZI+oGY5z1tTEmdabv/MPW8qQxfnDCD52MjRO2SiSzYlEkGdJx6zxWozGtcfxJrkQogVw7EhKEm7BLBICUS1sbSoq2wpPdBBHPq11+5d6hltakZvjTZu8HLpoASfdk4b/dRLBr+2TNrEPUvhud944V4KL8BNClKNP9LpOmS9Ml02Oq9k8UdViRFUVVVVXrOK7rehXF63hSr+JkHSf3+ns7qZtm/VOve3nd2/9PpnOditzjvJ2jruMoiqwoMkVRFAWSIAiCIAiC4AMIPD6CIACCIHiKmnpVq280QRCEIIqWaVqj08gaj8ardXk1yeeb8/mmZO2szxuSN+W5kHzJmyJJXXg5fF1I0Zu8c16vxyNraFqSaQpiAEGw2Ww0Go1Go8H/A/vR79c+d2Yu5klDN4tqCUIXzS8UxFIkUxIZ/01DYYhysxHCG0JIQkjIs/l/QghPnh9CCCGEJTzyiYqIiIiIiAiIiIiIiNSiVcSnnFqLb9Faa9W2/vWstdbaz69+tWqttdYBuFldv+sETWBNbGAY+VsawsxWI9nmyVfNHp0ACIIgRVFUsWxrvSUbx+v4Nk7re7VUyb7yda+0v8z7KvXrSiubXOv7fE5zvLIsURQFgaDilvXQSIz7hIPnn+yI/txX1V0LK4JnSc/6A47EyEwdQujh+d/mn/sBLtcLIiIiISIiEhIRGZmRopkpOSMzs5+ZM+fMyPyS2c+cb2uuZz/X6/nMOZ/POVeumXM9M9d8jj5zzpyZsWbmY87HMyIiIsT5/9/W/0aqJNoonIwb5Xhf1Nf7fP31vvLj6y1QZBx0GARERDwCAuIRDoc+HCqsGAedaKfjeovnW4v9mC8aDHoYpFuEZRAZFrmwoFl4PHw/9u3e8/7u22TWTOs2FWC6tUZKDNFEklojNIYC+P9RZ69kKZYlY4Bsx04cpAL7rrh1mbuM7+VSIjjCsb/Tn8rjp7k0NgIyAECAilrFqnMnDqHwAsdvv88RhEdiP6FxeCTCgi+db0C4tD+NRqXS6OioFAqFSqFH2S8UGo0GXKpm9sT88mW+K7Mi4sqs57quJ3aQwQ4ynYrMifUPnh1ykobU2uB64lnxgoTUioQgQUIIIQ0hhDSEVMRLRX7TYCXIR0KwbhAbRKyIiOcFsXYaJCcSJOdZz7OiiNGZ9mAEOqMv/If3vfN/9+HLw+Fw+HG4XMWm69sWADw/vVNrJl58z9oeWLagdFvLMiwBzMyTNWoVQ6Isw4F/pd+yHSjytUkbWoZk41TFXi8ODgSkHZuyy0/76EK16uCm2BcCT88qbeoFw90/BkIJwUP/zn00rb9w5/bSCSF4CBYsz/vEdVW+9/cM338rosWKWG2CBcuOoDNLx1yopTulY0UUOUMI0YhHiOOpMz6PUB5xlEd8hFCEeGOMMT4DjuM4xHEcnyEOGI4SwnqO83GIo2Pt/NhdE776/fg8PT3T8/7W2nWcWECJLp7Lb0X6OCCjQac86pQnvPBFJ69qDStwHI7AcXh4eTk80MpKZKApPPhwTo035GZ10t69mJdfqcVlIfERBgkERoATMa9evHxHdSsuF/6/X9O3+wOAwkWGi6DrANgndzbKtEJWmGrVHIRgTa+fIg8JjZ3VCFnMZoRvAU0H/kk2dygQ5rN4hP4cx5r+//8yg4gjDIiIWGMSryft1FvrZvHr7iFEzgX1fpmhK32VznSLYN5ZxvN73wQCJHulY2lp00mhXpOHJhM5t4loiZDd2yWpKZUsKJ
|
||
|
}
|
||
|
/* 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,AAEAAAAVAQAABABQRFNJRwAAAAEAA4NgAAAACEdERUYPbKaXAAHL4AAAAtFHUE9TGGo6AAABzrQAACJ8R1NVQrc8lvcAAfEwAABblkhWQVIFXwAzAAJMyAAAADZPUy8yEhQLhAAAAdgAAABgU1RBVBOw1okAAk0AAAAA+GF2YXIK0yABAAJN+AAAACpjbWFwatR7iAAAF3QAADp8ZnZhcosVeawAAk4kAAAAdGdhc3AAAAAQAAHL2AAAAAhnbHlmH3IJOAAAXJgAASwYZ3Zhci2l5sQAAk6YAAE0yGhlYWQVW/RJAAABXAAAADZoaGVh/+8GHQAAAZQAAAAkaG10eNDOL0UAAAI4AAAVPGxvY2Gwg/rQAABR+AAACqBtYXhwBccCbgAAAbgAAAAgbmFtZYkhUdsAAYiwAAAJyXBvc3TtVOXvAAGSfAAAOVpwcmVwaAaMhQAAUfAAAAAHAAEAAAACPfRCd0eiXw889QADA+gAAAAA3Sm1EQAAAADdKb2R+Tn+cAK3BGAAAAAGAAIAAAAAAAAAAQAAA/z+1AAAAlj5Of+hArcAAQAAAAAAAAAAAAAAAAAABU8AAQAABU8BuABuALQABgABAAAAAAAAAAAAAAAAAAMAAQAEAlgBkAAFAAACigJYAAAASwKKAlgAAAFeADIBQAAAAgAACQAAAAAAAKAEAv8SAPn7AgAAKAAAAABKQgAAAMAAAP//A/z+1AAAA/wBLCAAAZ/f1wAAAiYC2gAAACAABgJYAFoCWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAB4CWAAeAlgAXQJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFwCWAAKAlgAXAJYAAoCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAEYCWABkAlgAXwJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABdAlgACgJYAF0CWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWAAtAlgALQJYAFwCWABcAlgAggJYAHUCWACCAlgAggJYAIICWAAUAlgATAJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWAAjAlgAIwJYAFgCWAAoAlgAXAJYAFoCWABQAlgAXAJYAFwCWABcAlgAXAJYAEgCWABIAlgASAJYAEgCWABIAlgASAJYAFwCWABaAlgANwJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAMgJYABkCWAAZAlgAGQJYABkCWAAZAlgAKAJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYAFUCWABVAlgAVQJYAFUCWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYACMCWAAjAlgAXAJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABGAlgAPwJYAFoCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAWAJYAFUCWABaAlgAPAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABcAlgAAAJY/+ECWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAEYCWABGAlgARgJYAF8CWABfAlgAXwJYAB4CWAAeAlgAMgJYAB4CWAAeAlgACgJYAB4CWAA8AlgAXAJYAFwCWP/2AlgAXAJYAFwCWABeAlgAXAJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABYAlgAIwJYACMCWABVAlgAIwJYAF0CWABXAlgAWAJYAG0CWABtAlgAbQJYACMCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABcAlgApQJYADcCWAA3AlgANwJYADcCWAA3AlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAMgJYACMCWAAjAlgAIwJYACMCWAAjAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAFoCWABaAlgAWgJYAFoCWABcAlgArwJYALkCWAAyAlgAXgJYAF0CWACCAlgAggJYAIICWAAZAlgAZAJYAGQCWAAMAlgANgJYAFoCWABaAlgAXAJYAFwCWAAUAlgATAJYAF0CWABYAlgAXgJYAFwCWABYAlgANwJYADICWAAyAlgANgJYACgCWABLAlgAXgJYAEACWABAAlgAXgJYAF4CWP/7AlgAQQJY//sCWAA1AlgASAJYAFoCWABUAlgAaQJYAGkCWAAtAlgAAAJYADwCWAA4AlgAAAJYAB4CWABRAlgAWQJYACMCWAAjAlgAQQJYAF8CWABUAlgAWgJYAEECWABXAlgAXAJYAIICWACCAlgAggJYAB4CWABVAlgAVQJYABICWABBAlgAXAJYAFwCWABfAlgAXwJYABkCWABMAlgAXAJYAFUCWABcAlgAXQJYAFUCWAA3AlgAMgJYADICWAA2AlgAMgJYAE4CWABcAlgAPAJYADwCWABcAlgAYgJYAAACWABBAlgABQJYAD4CWABaAlgAUwJYAFQCWABVAlgAVQJYAEYCWAAAAlgAPAJYAEECWAAAAlgANwJYAFwCWABbAlgAPAJYADwCWABJAlgAZAJYAFUCWABaAlgAMgJYAF0CWACCAlgAMgJYAGQCWABVAlgAXQJYAFgCWABpAlgAXAJYADICWABMAlgAWgJYAFACWABYAlgAXgJYAFwCWABLAlgANwJYACMCWAA2AlgAKAJYADYCWAAyAlgACgJY/40CWP+NAlj/jQJY/7ACWP+DAlj/sAJYAGkCWAAjAlgAXAJYAFoCWABcAlgAPAJYAFoCWABQAlgARAJYAFwCWABYAlgANwJYAF8CWAAyAlgAXQJYADICWABVAlgAVQJYABkCWABeAlgAVQJYAFUCWAA8AlgAWgJYADcCWAAoAlgANgJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABVAlgANwJYAFoCWABQAlgAXAJYAFwCWAA2AlgADwJYAFoCWABaAlgAaQJYAEQCWABbAlgAUAJYAFoCWABIAlgARgJYAEYCWABVAlgAQAJYAFACWABCAlgAQAJYAFgCWACRAlgAmwJYAJcCWACIAlgAkgJYAIkCWACRAlgAmwJYAJYCWACSAlgAkQJYAJsCWACXAlgAiAJYAJICWACJAlgAkQJYAJsCWACWAlgAkgJYAFoCWAAeAlgAHgJYABoCWABMAlgA2QJYAKUCWADZAlgAqgJYADwCWADhAlgA4QJYAIICWABuAlgA2QJYALQCWAAjAlgAzQJYAJYCWA
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: "JetBrains Mono";
|
||
|
font-style: italic;
|
||
|
font-weight: 100 800;
|
||
|
font-stretch: normal;
|
||
|
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQRFNJRwAAAAEAA54wAAAACEdERUb5pK0fAAHbTAAAAyVHUE9T5SzrawAB3nQAACU+R1NVQrPVm0EAAgO0AABbnEhWQVIFXwAzAAJfUAAAADZPUy8yEhULcAAAAdgAAABgU1RBVBOf1wsAAl+IAAAA9GF2YXIK0yABAAJgfAAAACpjbWFwg535LwAAF3QAADpoZnZhcosVeawAAmCoAAAAdGdhc3AAAAAQAAHbRAAAAAhnbHlmPGeH9gAAXIQAATnsZ3Zhcp8SfOkAAmEcAAE9EmhlYWQVt/RQAAABXAAAADZoaGVhAOcJnwAAAZQAAAAkaG10eNDm/NEAAAI4AAAVPGxvY2Fm7LSVAABR5AAACqBtYXhwBccCbgAAAbgAAAAgbmFtZSHO1dgAAZZwAAALfHBvc3SOldnQAAGh7AAAOVdwcmVwaAaMhQAAUdwAAAAHAAEAAAACPfSpj7N6Xw889QADA+gAAAAA3Sm1GAAAAADdKb2R+S7+cAMcBGAAAgAGAAIAAAAAAAAAAQAAA/z+1AAAAlj5Lv88AxwD6ACeAAAAAAAAAAAAAAAABU8AAQAABU8BuABuALQABgABAAAAAAAAAAAAAAAAAAMAAQAEAlgBkAAFAAACigJY//QASwKKAlgANwFeADIBQAAAAgAACQAAAAAAAKAEAv8SAPn7AgAAKAAAAABKQgAAAIEAAP//A/z+1AAAA/wBLCAAAZ/f1wAAAiYC2gAAACAABgJYAFoCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJY//ICWP/yAlgAMQJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYADACWAAKAlgAMAJYAAoCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADICWAA4AlgAMwJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWAAxAlgAMQJYADECWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAASAlgAEgJYADACWAAwAlgAWwJYAFsCWABbAlgAWwJYAFsCWAAMAlgAIAJYAC4CWAAuAlgALgJYAC4CWAAuAlgALgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWP/xAlj/8QJYAEICWAAQAlgAMAJYAC4CWAA6AlgAMAJYADACWAAwAlgAMAJYAC0CWAAtAlgALQJYAC0CWAAtAlgALQJYADACWABEAlgAcgJYAHECWAByAlgAcgJYAGwCWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgARAJYAD4CWAA+AlgAegJYAEECWABBAlgAQQJYAEECWABBAlj//AJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYACkCWAApAlgAKQJYACkCWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAAICWAACAlgAMAJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAD0CWAAyAlgAIwJYAD4CWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABEAlgAAAJYAEUCWABFAlgARQJYAEUCWABFAlgARQJYAEUCWAAwAlgALgJYABwCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYAAwCWAAMAlgADAJYADMCWAAzAlgANQJYAGMCWABjAlgABwJYAGMCWABcAlgATwJYAGMCWAAWAlgAMAJYADACWAAmAlgAMAJYADACWAAyAlgAMAJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlj/8gJY//ICWABCAlgAAwJYABMCWAAOAlgAPAJYAEMCWABDAlgAQwJY/8cCWAA7AlgAOwJYADsCWAA7AlgAOwJYADsCWP98Alj/0QJYAFUCWABPAlgAVQJYAFUCWABVAlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD8CWAA/AlgAPgJYAD8CWAA/AlgAZwJYAE4CWABOAlgATgJYAE4CWABOAlgACwJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAC4CWAAuAlgALgJYAC4CWAAwAlgA0gJYAN0CWAAGAlgAMgJYADECWABWAlgAVgJYAFYCWP/XAlgAOAJYADgCWP/gAlgAIQJYAC4CWAAuAlgAMAJYADACWP/nAlgAIAJYADECWABCAlgAMgJYADACWABCAlgAcgJYAHoCWAB6AlgAKAJY//wCWABYAlgAMgJYABYCWAAUAlgAMgJYADICWAA2AlgAFQJY/84CWAAJAlgALQJYAEQCWAA+AlgAPQJYAD0CWAASAlgAOwJYABACWAAMAlgAOwJYACYCWAAlAlgALQJYAGsCWABrAlgATgJYABcCWAA+AlgAPgJYAD0CWAA+AlgAMQJYADYCWAA2AlgAVgJYAEQCWABCAlgAQgJY/+YCWAAqAlgAPgJYAD4CWAA1AlgANQJY/+wCWAAgAlgAMgJYAEICWAAyAlgAEwJYAEACWABWAlgARgJYAEYCWP/3AlgACwJYAE4CWAAyAlgAFgJYABQCWAAyAlgANgJYAB4CWAAVAlj/2AJYABQCWAA7AlgARAJYADoCWAAkAlgAJAJYAAwCWAAuAlgAEgJYABACWAAuAlgAMQJYADACWAAvAlgAaAJYAEUCWABJAlgAOQJYAEICWABEAlgABgJYADECWABWAlgABgJYADgCWAApAlgAMQJYAEICWAA9AlgAMAJYAAYCWAAgAlgALgJYACQCWABCAlgAMgJYADACWAAfAlgAcgJYAGsCWAAoAlj//AJYADcCWAAGAlgABgJY/7sCWP+7Alj/uwJY/94CWP+xAlj/3gJYAD0CWABrAlgAMAJYAD0CWAATAlgAaAJYAD8CWAAyAlgAKAJYADACWABCAlgAVQJYADUCWAAHAlgAFQJYAGcCWAA7AlgAQgJYADkCWAATAlgAQAJYAD8CWABVAlgAPwJYABwCWP/8AlgAGwJYABgCWABVAlgAVQJYAFUCWAA/AlgAPwJYAD8CWABCAlgAGAJYAD0CWAAyAlgAMAJYADICWP/3AlgAGAJYAFoCWABaAlgAaQJYAEQCWABbAlgAOgJYAC4CWAAwAlgAMAJYADMCWABAAlgALQJYAHgCWAAqAlgAWwJYAEQCWABeAlgArwJYALoCWACnAlgAYwJYAFsCWABeAlgAjAJYAGACWAB5AlgAsAJYAK8CWAC6AlgApwJYALUCWACtAlgAsAJYAN4CWACzAlgAywJYAC4CWAAuAlgALgJYAC4CWABMAlgAsgJYAF4CWACyAlgAZQJYABMCWAC6AlgArgJYAI0CWAA+AlgAsgJYALoCWAA1AlgAigJYAGUCWA
|
||
|
}
|
||
|
body {
|
||
|
--font-interface-theme: "Source Sans 3", sans-serif;
|
||
|
--font-text-theme: "Source Sans 3", sans-serif;
|
||
|
--font-monospace-theme: "JetBrains Mono", monospace;
|
||
|
--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);
|
||
|
--list-indent: 1.4em;
|
||
|
--list-bullet-size: 0.35em;
|
||
|
--indentation-guide-width: 2px;
|
||
|
--tag-padding-y: 0;
|
||
|
--tag-padding-x: 0.75ch;
|
||
|
--tag-border-width: 2px;
|
||
|
--tag-size: var(--font-smallest);
|
||
|
--file-folding-offset: 20px;
|
||
|
--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);
|
||
|
--background-modifier-border-focus: var(--interactive-accent-base);
|
||
|
--background-modifier-border-hover: var(--interactive-accent-tint);
|
||
|
--indentation-guide-color: var(--window-border);
|
||
|
--indentation-guide-color-active: var(--interactive-accent-tint);
|
||
|
--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);
|
||
|
--blockquote-border-thickness: 4px;
|
||
|
--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);
|
||
|
--status-bar-font-size: var(--font-ui-small);
|
||
|
--tab-stacked-font-size: var(--font-ui-medium);
|
||
|
--modal-border-color: var(--window-border);
|
||
|
--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);
|
||
|
--text-on-accent: var(--highlight-text-normal);
|
||
|
--prompt-border-color: var(--window-border);
|
||
|
--embed-border-top: 1px solid var(--window-border);
|
||
|
--embed-border-bottom: 1px solid var(--window-border);
|
||
|
--embed-border-right: 1px solid var(--window-border);
|
||
|
--embed-padding: unset;
|
||
|
--blur-intensity: 8px;
|
||
|
--accent-border-width: 2px;
|
||
|
--scroll-bar-size: 12px;
|
||
|
--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);
|
||
|
--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));
|
||
|
--color-red: var(--color-red-text);
|
||
|
--color-green: var(--color-green-text);
|
||
|
--color-orange: var(--color-orange-text);
|
||
|
--color-yellow: var(--color-yellow-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);
|
||
|
--input-shadow: unset;
|
||
|
--input-shadow-hover: unset;
|
||
|
--tab-stacked-shadow: 0;
|
||
|
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl), 50%);
|
||
|
--text-selection: var(--background-modifier-hover);
|
||
|
--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);
|
||
|
}
|
||
|
body:is(.theme-light, .theme-dark).pt-disable-blur {
|
||
|
--background-secondary-blur: var(--background-secondary);
|
||
|
}
|
||
|
body.theme-light {
|
||
|
--window-border: var(--background-secondary-alt);
|
||
|
--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);
|
||
|
--graph-highlight-color-lt: var(--interactive-accent-tint);
|
||
|
--graph-highlight-line-color-lt: var(--interactive-accent-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);
|
||
|
--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);
|
||
|
--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);
|
||
|
--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);
|
||
|
--checkbox-color: var(--background-primary-alt);
|
||
|
--checkbox-border-color: var(--background-secondary-alt);
|
||
|
--scrollbar-bg: var(--background-secondary);
|
||
|
}
|
||
|
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-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-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-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-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-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-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-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-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-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-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-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: var(--background-primary-alt);
|
||
|
--graph-line-color-dt: var(--background-primary-alt);
|
||
|
--graph-fill-color-dt: var(--color-grey-tint);
|
||
|
--graph-fill-focused-color-dt: var(--interactive-accent-tint);
|
||
|
--graph-tag-color-dt: var(--color-blue-tint);
|
||
|
--graph-attachment-color-dt: var(--color-yellow-tint);
|
||
|
--graph-unresolved-color-dt: var(--color-red-tint);
|
||
|
--graph-highlight-color-dt: var(--interactive-accent-tint);
|
||
|
--graph-highlight-line-color-dt: var(--interactive-accent-tint);
|
||
|
--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);
|
||
|
--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: var(--background-secondary-alt);
|
||
|
--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);
|
||
|
}
|
||
|
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-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-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-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-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-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-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-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-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-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-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-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;
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.pt-status-bar-position-fixed .status-bar {
|
||
|
--status-bar-position: relative;
|
||
|
padding: 1px var(--size-4-2);
|
||
|
border-top: 1px solid 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);
|
||
|
}
|
||
|
|
||
|
.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;
|
||
|
}
|
||
|
|
||
|
.pt-fade-inactive-tabs :not(.mod-active) .workspace-tab-header.is-active:not(.mod-active) {
|
||
|
opacity: 0.55;
|
||
|
}
|
||
|
|
||
|
.workspace-tab-header-container {
|
||
|
padding-right: unset;
|
||
|
padding-left: 1px;
|
||
|
}
|
||
|
|
||
|
.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-tab-header-inner-close-button::after {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.workspace .mod-root .workspace-tab-header-inner::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;
|
||
|
}
|
||
|
|
||
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: unset;
|
||
|
border-right: 1px solid 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;
|
||
|
}
|
||
|
|
||
|
.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: 1px solid 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;
|
||
|
}
|
||
|
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .nav-header {
|
||
|
position: absolute;
|
||
|
bottom: calc(var(--size-2-3) + 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-3) + var(--scroll-bar-size)) 0 var(--size-2-3);
|
||
|
pointer-events: none;
|
||
|
background-color: unset;
|
||
|
border-bottom: unset;
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .nav-buttons-container,
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
||
|
padding: var(--size-4-1);
|
||
|
pointer-events: auto;
|
||
|
background: var(--background-secondary-blur);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
||
|
width: fit-content;
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .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;
|
||
|
}
|
||
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
|
||
|
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .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=search] .search-results-children, .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) {
|
||
|
padding-bottom: calc(38px + 2 * var(--scroll-bar-size));
|
||
|
}
|
||
|
|
||
|
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);
|
||
|
}
|
||
|
body.is-mobile.theme-light {
|
||
|
--background-modifier-form-field: var(--color-base-00);
|
||
|
}
|
||
|
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 {
|
||
|
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl), 60%);
|
||
|
--background-modifier-form-field: var(--background-secondary-alt);
|
||
|
}
|
||
|
body.is-mobile.theme-dark .workspace-leaf-content,
|
||
|
body.is-mobile.theme-dark .workspace-drawer-tab-option {
|
||
|
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 .menu {
|
||
|
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 .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 .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 .suggestion {
|
||
|
max-height: unset;
|
||
|
}
|
||
|
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: 1px solid 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-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);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer:not(.is-pinned) {
|
||
|
margin: var(--size-4-2);
|
||
|
border: 1px solid 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: 1px solid var(--window-border);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-header,
|
||
|
body.is-mobile .workspace-drawer-active-tab-header {
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
body.is-mobile .workspace-drawer-active-tab-header {
|
||
|
padding: var(--size-4-3) var(--size-4-5);
|
||
|
}
|
||
|
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-bottom: var(--size-4-2);
|
||
|
}
|
||
|
body.is-mobile .suggestion-container,
|
||
|
body.is-mobile .menu {
|
||
|
width: calc(100% - var(--safe-area-inset-left) - var(--size-4-2) - var(--safe-area-inset-right) - var(--size-4-2));
|
||
|
margin-right: calc(var(--safe-area-inset-right) + var(--size-4-2));
|
||
|
margin-bottom: calc(var(--safe-area-inset-bottom) + var(--size-4-2));
|
||
|
margin-left: calc(var(--safe-area-inset-left) + var(--size-4-2));
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
body.is-mobile .modal {
|
||
|
border: 1px solid 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 .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.theme-dark .prompt {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.mobile-toolbar {
|
||
|
padding: var(--size-4-1);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: 1px solid 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);
|
||
|
border-top: 1px solid var(--window-border);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
|
||
|
.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;
|
||
|
}
|
||
|
.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);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
|
||
|
.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-content: 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.2.1";
|
||
|
border: 1px solid var(--window-border);
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
.is-tablet.theme-dark .community-item,
|
||
|
.is-tablet.theme-dark .vertical-tab-content {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
|
||
|
.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: 1px solid var(--window-border);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
.vertical-tab-header-group-items {
|
||
|
gap: var(--size-2-1);
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
|
||
|
: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-content: 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;
|
||
|
}
|
||
|
|
||
|
.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(--background-modifier-hover);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
.community-modal-controls .setting-item:first-child {
|
||
|
padding-left: unset;
|
||
|
margin-bottom: unset;
|
||
|
}
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
.checkbox-container:hover {
|
||
|
border-color: var(--interactive-accent-tint);
|
||
|
}
|
||
|
.checkbox-container::after {
|
||
|
border: 1px solid var(--window-border);
|
||
|
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);
|
||
|
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);
|
||
|
box-shadow: unset;
|
||
|
}
|
||
|
|
||
|
select.dropdown {
|
||
|
font-family: var(--font-interface);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
box-shadow: var(--shadow-s);
|
||
|
}
|
||
|
.theme-light select.dropdown {
|
||
|
background-color: white;
|
||
|
}
|
||
|
.theme-dark select.dropdown {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
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);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-radius: 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-left: 1px solid 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: 1px solid var(--window-border);
|
||
|
}
|
||
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
|
||
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
::-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);
|
||
|
}
|
||
|
|
||
|
:is(.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));
|
||
|
}
|
||
|
|
||
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||
|
left: -1px;
|
||
|
}
|
||
|
|
||
|
.theme-light .workspace-tabs .workspace-leaf {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-tabs .workspace-leaf {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
: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: 1px solid 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);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
: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);
|
||
|
}
|
||
|
|
||
|
.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: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
.menu {
|
||
|
background: var(--background-secondary);
|
||
|
border-color: var(--window-border);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
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-bottom: unset;
|
||
|
}
|
||
|
|
||
|
.tooltip {
|
||
|
display: flex;
|
||
|
font-weight: 600;
|
||
|
color: var(--text-normal);
|
||
|
background: var(--background-secondary-alt);
|
||
|
border: 1px solid var(--window-border);
|
||
|
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);
|
||
|
}
|
||
|
.tooltip.mod-top .tooltip-arrow {
|
||
|
margin-top: unset;
|
||
|
margin-top: 1px;
|
||
|
border-top-color: var(--window-border);
|
||
|
}
|
||
|
.tooltip.mod-right .tooltip-arrow {
|
||
|
margin-top: unset;
|
||
|
margin-left: -6px;
|
||
|
border-right-color: var(--window-border);
|
||
|
}
|
||
|
.tooltip.mod-left .tooltip-arrow {
|
||
|
margin-top: unset;
|
||
|
margin-left: -2px;
|
||
|
border-left-color: var(--window-border);
|
||
|
}
|
||
|
.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);
|
||
|
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,
|
||
|
.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 {
|
||
|
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"]) {
|
||
|
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) {
|
||
|
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 {
|
||
|
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 {
|
||
|
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 {
|
||
|
color: var(--interactive-accent-hover);
|
||
|
}
|
||
|
|
||
|
: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) .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 {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border);
|
||
|
}
|
||
|
: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);
|
||
|
}
|
||
|
: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);
|
||
|
}
|
||
|
: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) {
|
||
|
color: var(--color-grey-text);
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border);
|
||
|
}
|
||
|
: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):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);
|
||
|
}
|
||
|
: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);
|
||
|
}
|
||
|
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button {
|
||
|
border-color: var(--window-border);
|
||
|
}
|
||
|
: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) {
|
||
|
background-color: var(--background-primary);
|
||
|
border-color: var(--window-border);
|
||
|
}
|
||
|
: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 {
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
: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) .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 {
|
||
|
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) {
|
||
|
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):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) {
|
||
|
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 {
|
||
|
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 {
|
||
|
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) .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 {
|
||
|
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) {
|
||
|
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):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) {
|
||
|
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 {
|
||
|
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) .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 {
|
||
|
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) {
|
||
|
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):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) {
|
||
|
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 {
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
margin-block-start: 0.5em;
|
||
|
margin-block-end: 0.5em;
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
:is(.cm-inline-code:not(.cm-formatting-code), .cm-math) {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
border: 1px solid var(--window-border);
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
.cm-s-obsidian div.HyperMD-codeblock {
|
||
|
border-right: 1px solid var(--window-border);
|
||
|
border-left: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
:is(.HyperMD-codeblock.HyperMD-codeblock-end, .cm-s-obsidian div.HyperMD-codeblock-end-bg) {
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
border-right: unset;
|
||
|
border-top-left-radius: var(--radius-s);
|
||
|
border-bottom-left-radius: var(--radius-s);
|
||
|
}
|
||
|
.cm-line .cm-hashtag-end {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 2px solid var(--window-border);
|
||
|
border-left: unset;
|
||
|
border-top-right-radius: var(--radius-s);
|
||
|
border-bottom-right-radius: var(--radius-s);
|
||
|
}
|
||
|
.cm-line .cm-hashtag.cm-meta:not(.cm-hashtag-begin, .cm-hashtag-end) {
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 2px solid var(--window-border);
|
||
|
border-right: unset;
|
||
|
border-left: 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 {
|
||
|
top: -2px;
|
||
|
left: -2px;
|
||
|
}
|
||
|
|
||
|
a.tag {
|
||
|
font-weight: 600;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-color: var(--window-border);
|
||
|
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: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
.code-block-flair {
|
||
|
font-weight: 600;
|
||
|
border: 1px solid var(--window-border);
|
||
|
}
|
||
|
.theme-light .code-block-flair {
|
||
|
background-color: var(--background-primary-alt);
|
||
|
}
|
||
|
.theme-dark .code-block-flair {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
:is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
|
||
|
padding: var(--size-4-2) var(--size-4-4);
|
||
|
}
|
||
|
.theme-light :is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
|
||
|
background-color: var(--background-primary-alt);
|
||
|
}
|
||
|
.theme-dark :is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
|
||
|
.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote {
|
||
|
padding-left: var(--size-4-6) !important;
|
||
|
}
|
||
|
|
||
|
: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 {
|
||
|
--list-bullet-transform: translateX(0.15em);
|
||
|
}
|
||
|
.markdown-source-view.mod-cm6 .cm-embed-block pre {
|
||
|
margin: 1em 0;
|
||
|
}
|
||
|
.markdown-source-view.mod-cm6 .cm-indent::before {
|
||
|
width: 2px;
|
||
|
}
|
||
|
.markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator {
|
||
|
padding-right: 0.7em;
|
||
|
}
|
||
|
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
|
||
|
padding-right: 0.25rem;
|
||
|
}
|
||
|
|
||
|
.list-bullet {
|
||
|
padding-right: 0.6em;
|
||
|
}
|
||
|
|
||
|
ul > li.task-list-item .task-list-item-checkbox {
|
||
|
margin-inline-start: calc(var(--checkbox-size) * -1.2);
|
||
|
}
|
||
|
|
||
|
.markdown-rendered {
|
||
|
--list-bullet-transform: translateX(0.3em);
|
||
|
}
|
||
|
.markdown-rendered .list-collapse-indicator {
|
||
|
padding-right: 1em;
|
||
|
margin-left: -2.35em;
|
||
|
}
|
||
|
.markdown-rendered ul > li.task-list-item > .list-collapse-indicator {
|
||
|
padding-right: 1em;
|
||
|
margin-left: -2.4em;
|
||
|
}
|
||
|
.markdown-rendered.show-indentation-guide li > ol::before,
|
||
|
.markdown-rendered.show-indentation-guide li > ul::before {
|
||
|
left: -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);
|
||
|
}
|
||
|
.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;
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
.markdown-preview-view .markdown-embed,
|
||
|
.markdown-preview-view .file-embed,
|
||
|
.internal-embed.is-loaded:not(.image-embed) {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
max-height: 800px;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
|
||
|
.embed-title {
|
||
|
position: sticky;
|
||
|
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: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
.file-embed.mod-empty {
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
|
||
|
:is(.markdown-embed-link, .file-embed-link) {
|
||
|
top: var(--size-4-2);
|
||
|
right: var(--size-4-2);
|
||
|
z-index: var(--layer-cover);
|
||
|
}
|
||
|
|
||
|
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 {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .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 .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 .callout-title-inner {
|
||
|
padding: var(--size-4-1) 0;
|
||
|
margin: 0 var(--size-4-1);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout .callout-icon {
|
||
|
align-self: unset;
|
||
|
margin: 0 var(--size-4-1) 0 var(--size-4-2);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .callout .callout-fold {
|
||
|
display: flex;
|
||
|
align-self: center;
|
||
|
margin-top: unset;
|
||
|
margin-left: auto;
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .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[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[data-callout=note] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-grey-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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[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[data-callout=bug] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-pink-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .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[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[data-callout=example] > .callout-title .callout-icon .svg-icon {
|
||
|
color: var(--color-purple-text);
|
||
|
}
|
||
|
body:not(.pt-disable-callout-styling) .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: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: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: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);
|
||
|
}
|
||
|
|
||
|
.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: 1px solid 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);
|
||
|
}
|
||
|
|
||
|
.theme-light.pt-color-scheme-swan-lt audio {
|
||
|
filter: brightness(100%) contrast(115%);
|
||
|
}
|
||
|
.theme-light.pt-color-scheme-latte-lt audio {
|
||
|
filter: invert(-94%) sepia(4%) saturate(828%) hue-rotate(320deg) brightness(107%) contrast(93%);
|
||
|
}
|
||
|
.theme-light.pt-color-scheme-periwinkle-lt audio {
|
||
|
filter: invert(-98%) sepia(1%) saturate(3004%) hue-rotate(187deg) brightness(96%) contrast(101%);
|
||
|
}
|
||
|
.theme-light.pt-color-scheme-pistachio-lt audio {
|
||
|
filter: invert(-96%) sepia(4%) saturate(313%) hue-rotate(80deg) brightness(103%) contrast(94%);
|
||
|
}
|
||
|
|
||
|
.theme-dark.pt-color-scheme-mocha-dt audio {
|
||
|
filter: sepia(10%) saturate(115%);
|
||
|
}
|
||
|
.theme-dark.pt-color-scheme-indigo-dt audio {
|
||
|
filter: invert(-10%) sepia(10%) saturate(2635%) hue-rotate(205deg) brightness(94%) contrast(97%);
|
||
|
}
|
||
|
.theme-dark.pt-color-scheme-pine-dt audio {
|
||
|
filter: invert(-11%) sepia(15%) saturate(1727%) hue-rotate(82deg) brightness(91%) contrast(91%);
|
||
|
}
|
||
|
|
||
|
.modal-container .prompt {
|
||
|
border: 1px solid var(--window-border);
|
||
|
}
|
||
|
.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: 1px solid 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 {
|
||
|
padding: var(--size-2-1) var(--size-4-2);
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: 1px solid var(--window-border);
|
||
|
}
|
||
|
.modal-container .prompt .suggestion-item.mod-complex .suggestion-hotkey {
|
||
|
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: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
input.prompt-input {
|
||
|
height: 40px;
|
||
|
padding: 0 var(--size-4-4);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible {
|
||
|
border: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
.suggestion-container {
|
||
|
max-width: 700px;
|
||
|
background-color: var(--background-secondary-blur);
|
||
|
border: 1px solid var(--window-border);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.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 .suggestion::-webkit-scrollbar-track {
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.theme-dark .suggestion-container .suggestion::-webkit-scrollbar-track {
|
||
|
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);
|
||
|
border-radius: var(--radius-s);
|
||
|
}
|
||
|
.suggestion-prefix::after {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=file-explorer] .nav-files-container {
|
||
|
padding-top: unset;
|
||
|
padding-right: unset;
|
||
|
padding-left: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=file-explorer] .nav-folder.mod-root > .nav-folder-children {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.nav-folder.mod-root .nav-folder > .nav-folder-children {
|
||
|
padding-left: var(--size-4-1);
|
||
|
margin: var(--size-4-1) 0 var(--size-4-1) 10px;
|
||
|
border-left: 1px solid var(--window-border);
|
||
|
}
|
||
|
.nav-folder.mod-root .nav-folder > .nav-folder-title {
|
||
|
padding-left: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.nav-file-tag {
|
||
|
height: 15px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border: 1px solid var(--window-border);
|
||
|
}
|
||
|
|
||
|
:is(.nav-file:not(.mod-root), .nav-folder:not(.mod-root) > .nav-folder-children > .nav-folder) {
|
||
|
margin-left: var(--file-explorer-left-margin);
|
||
|
}
|
||
|
|
||
|
:is(.nav-file-title, .nav-folder-title) {
|
||
|
min-height: 23px;
|
||
|
padding: 1px var(--size-4-2);
|
||
|
border: 2px solid transparent;
|
||
|
}
|
||
|
:is(.nav-file-title, .nav-folder-title).is-being-dragged-over {
|
||
|
background-color: var(--interactive-accent-base);
|
||
|
border: 2px solid var(--interactive-accent-tint);
|
||
|
}
|
||
|
|
||
|
.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) .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-title-content {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon .nav-folder-collapse-indicator {
|
||
|
margin-right: 5px;
|
||
|
}
|
||
|
.pt-file-explorer-folder-icon .nav-folder.mod-root .nav-folder > .nav-folder-title:not([data-path="/"]) {
|
||
|
padding-left: var(--size-2-1);
|
||
|
}
|
||
|
.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: " ";
|
||
|
stroke-width: unset;
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
-webkit-mask-size: 17px;
|
||
|
-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");
|
||
|
}
|
||
|
.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: " ";
|
||
|
stroke-width: unset;
|
||
|
transform: rotate(0);
|
||
|
-webkit-mask-position: center;
|
||
|
-webkit-mask-repeat: no-repeat;
|
||
|
-webkit-mask-size: 17px;
|
||
|
-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");
|
||
|
}
|
||
|
.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-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
|
||
|
background-color: var(--interactive-accent-text);
|
||
|
}
|
||
|
|
||
|
:is(.graph-controls-button.mod-close, .graph-controls-button.mod-reset) {
|
||
|
top: var(--size-2-3);
|
||
|
}
|
||
|
|
||
|
.theme-light :is(.workspace-leaf-content[data-type=graph] .view-content, .workspace-leaf-content[data-type=localgraph] .view-content) {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark :is(.workspace-leaf-content[data-type=graph] .view-content, .workspace-leaf-content[data-type=localgraph] .view-content) {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
}
|
||
|
|
||
|
.graph-controls {
|
||
|
background: var(--background-secondary-blur);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.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);
|
||
|
}
|
||
|
.graph-controls :not(.is-close) {
|
||
|
max-height: calc(100% - 25px);
|
||
|
}
|
||
|
|
||
|
.graph-control-section {
|
||
|
padding: var(--size-4-2);
|
||
|
}
|
||
|
.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-1) 0;
|
||
|
}
|
||
|
.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 {
|
||
|
color: var(--graph-line-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill {
|
||
|
color: var(--graph-fill-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-focused {
|
||
|
color: var(--graph-fill-focused-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-tag {
|
||
|
color: var(--graph-tag-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-attachment {
|
||
|
color: var(--graph-attachment-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-unresolved {
|
||
|
color: var(--graph-unresolved-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-fill-highlight {
|
||
|
color: var(--graph-highlight-color-lt);
|
||
|
}
|
||
|
.theme-light .graph-view.color-line-highlight {
|
||
|
color: var(--graph-highlight-line-color-lt);
|
||
|
}
|
||
|
|
||
|
.theme-dark .graph-view.color-line {
|
||
|
color: var(--graph-line-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill {
|
||
|
color: var(--graph-fill-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-focused {
|
||
|
color: var(--graph-fill-focused-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-tag {
|
||
|
color: var(--graph-tag-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-attachment {
|
||
|
color: var(--graph-attachment-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-unresolved {
|
||
|
color: var(--graph-unresolved-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-fill-highlight {
|
||
|
color: var(--graph-highlight-color-dt);
|
||
|
}
|
||
|
.theme-dark .graph-view.color-line-highlight {
|
||
|
color: var(--graph-highlight-line-color-dt);
|
||
|
}
|
||
|
|
||
|
.outline {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.tree-item > .tree-item-children .tree-item {
|
||
|
margin-left: var(--file-explorer-left-margin);
|
||
|
}
|
||
|
|
||
|
.nav-header ~ .search-input-container {
|
||
|
width: 100%;
|
||
|
height: var(--header-height);
|
||
|
margin: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
.workspace-drawer .nav-header ~ .search-input-container {
|
||
|
width: 100%;
|
||
|
height: unset;
|
||
|
}
|
||
|
|
||
|
.search-input-container input {
|
||
|
width: -webkit-fill-available;
|
||
|
width: fill-available;
|
||
|
margin: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.search-result-container {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
.search-result-hover-button {
|
||
|
padding: var(--size-2-1);
|
||
|
}
|
||
|
.search-result-hover-button svg.svg-icon {
|
||
|
width: 14px;
|
||
|
height: 14px;
|
||
|
}
|
||
|
|
||
|
.search-result-file-match-replace-button {
|
||
|
padding: 0 var(--size-4-1);
|
||
|
}
|
||
|
|
||
|
.internal-query .search-result-container {
|
||
|
padding: var(--size-4-2) var(--size-4-1);
|
||
|
background-color: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
|
||
|
.search-input-container::before {
|
||
|
left: var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.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: 1px solid var(--window-border);
|
||
|
}
|
||
|
.suggestion-container.mod-search-suggestion .suggestion .search-suggest-item.mod-group:not(:first-child) {
|
||
|
margin: var(--size-4-1) 0;
|
||
|
}
|
||
|
|
||
|
.workspace-leaf-content[data-type=starred] .item-list {
|
||
|
padding-top: var(--size-4-1);
|
||
|
padding-right: var(--size-4-1);
|
||
|
padding-left: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=starred] .item-list::after {
|
||
|
height: calc(38px + 2 * var(--scroll-bar-size));
|
||
|
content: "";
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=starred] .item-list .nav-file {
|
||
|
margin-left: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=starred] .item-list .nav-file .nav-file-title {
|
||
|
padding-left: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=starred] .nav-file-icon {
|
||
|
padding-right: var(--size-4-2);
|
||
|
margin: unset;
|
||
|
}
|
||
|
|
||
|
.tag-container {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.tag-container > div > .tree-item > .tree-item-children .tree-item {
|
||
|
margin-left: var(--file-explorer-left-margin);
|
||
|
}
|
||
|
.tag-container .tree-item-children > div:first-child {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.tree-item .tree-item-self {
|
||
|
align-items: center;
|
||
|
width: 100%;
|
||
|
padding: 1px var(--size-4-1) 1px var(--size-4-1);
|
||
|
border: 2px solid transparent;
|
||
|
}
|
||
|
|
||
|
.tree-item-self {
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.tree-item-flair {
|
||
|
padding: 1px 2px;
|
||
|
}
|
||
|
|
||
|
.tree-item-self .tree-item-icon {
|
||
|
width: 16px;
|
||
|
padding-inline-end: unset;
|
||
|
}
|
||
|
|
||
|
.tree-item-children {
|
||
|
padding-left: var(--size-4-1);
|
||
|
margin: var(--size-4-1) 0 var(--size-4-1) 10px;
|
||
|
border-left: 1px solid var(--window-border);
|
||
|
}
|
||
|
.tree-item-children:empty {
|
||
|
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: var(--size-4-1) var(--size-4-2);
|
||
|
margin-bottom: -1px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:first-child {
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:nth-last-child(2) {
|
||
|
border-top: 1px solid var(--window-border);
|
||
|
border-bottom: 1px solid 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: 1px solid var(--window-border);
|
||
|
}
|
||
|
.embedded-backlinks .backlink-pane > .tree-item-self {
|
||
|
width: unset;
|
||
|
font-size: var(--font-ui-small);
|
||
|
}
|
||
|
.embedded-backlinks .nav-buttons-container {
|
||
|
position: relative;
|
||
|
top: unset;
|
||
|
padding: var(--size-4-1);
|
||
|
pointer-events: auto;
|
||
|
background: var(--background-secondary-blur);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"] {
|
||
|
align-items: center;
|
||
|
min-width: -webkit-fill-available;
|
||
|
min-width: fill-available;
|
||
|
height: var(--header-height);
|
||
|
padding: 0 10px;
|
||
|
margin-bottom: unset;
|
||
|
line-height: 16px;
|
||
|
overflow-wrap: break-word;
|
||
|
white-space: unset;
|
||
|
background: var(--background-secondary-blur);
|
||
|
border: unset;
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
border-radius: unset;
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"]:hover {
|
||
|
color: var(--nav-item-color-hover);
|
||
|
background-color: var(--nav-item-background-hover);
|
||
|
}
|
||
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator {
|
||
|
display: block;
|
||
|
width: 28px;
|
||
|
height: 28px;
|
||
|
margin: 6px;
|
||
|
background-image: var(--custom-vault-banner-icon-url);
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: center;
|
||
|
background-size: contain;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"] .nav-folder-title-content {
|
||
|
margin: 0 4px;
|
||
|
}
|
||
|
.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;
|
||
|
}
|
||
|
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-left .nav-folder-title[data-path="/"] {
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-center .nav-folder-title[data-path="/"] {
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-right .nav-folder-title[data-path="/"] {
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
.pt-custom-vault-banner.pt-custom-vault-banner-sticky .nav-folder-title[data-path="/"] {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: var(--layer-popover);
|
||
|
}
|
||
|
.pt-custom-vault-banner.pt-custom-vault-banner-order-ltr .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator.collapse-icon {
|
||
|
order: 0;
|
||
|
}
|
||
|
.pt-custom-vault-banner.pt-custom-vault-banner-order-rtl .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator.collapse-icon {
|
||
|
order: 1;
|
||
|
}
|
||
|
|
||
|
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;
|
||
|
}
|
||
|
|
||
|
div.workspace-leaf-content[data-type=style-settings] div.view-content {
|
||
|
padding: var(--file-margins);
|
||
|
}
|
||
|
body.is-mobile div.workspace-leaf-content[data-type=style-settings] div.view-content {
|
||
|
padding: 32px 16px;
|
||
|
}
|
||
|
body:not(.is-mobile) 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 {
|
||
|
color: var(--highlight-text-normal);
|
||
|
background-color: var(--background-modifier-hover);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
.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-2);
|
||
|
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);
|
||
|
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-roadmap {
|
||
|
background-color: var(--color-green-base);
|
||
|
border-color: var(--color-green-tint);
|
||
|
}
|
||
|
.styleSettingsButton.prism-roadmap a {
|
||
|
color: var(--color-green-text);
|
||
|
}
|
||
|
.styleSettingsButton.prism-roadmap a:hover {
|
||
|
color: var(--color-green-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 {
|
||
|
width: 272px !important;
|
||
|
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: 1px solid 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: 1px solid 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: 1px solid 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, var(--background-secondary) 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, var(--background-secondary) 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, var(--background-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--background-secondary) 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, var(--background-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--background-secondary) 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);
|
||
|
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: 1px solid 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: 1px solid 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: 1px solid 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 {
|
||
|
height: fit-content;
|
||
|
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: 1px solid var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not(:first-of-type) summary {
|
||
|
border-top: 1px solid var(--window-border);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
.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 summary {
|
||
|
position: relative;
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
margin-bottom: -1px;
|
||
|
font-size: var(--font-ui-small);
|
||
|
background-color: var(--background-secondary);
|
||
|
}
|
||
|
.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);
|
||
|
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);
|
||
|
}
|
||
|
.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;
|
||
|
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: 1px solid 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: 1px solid 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-muted);
|
||
|
}
|
||
|
.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: 1px solid 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);
|
||
|
border-bottom: unset;
|
||
|
opacity: 1;
|
||
|
}
|
||
|
.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] .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);
|
||
|
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 .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);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__border {
|
||
|
border: 1px solid var(--window-border);
|
||
|
}
|
||
|
.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-slider {
|
||
|
padding: var(--size-4-4);
|
||
|
margin: unset !important;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail {
|
||
|
background-color: var(--background-secondary-alt);
|
||
|
border: 1px solid var(--window-border);
|
||
|
}
|
||
|
.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);
|
||
|
}
|
||
|
.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-tree .n-tree-node {
|
||
|
height: 23px;
|
||
|
}
|
||
|
|
||
|
.n-slider-handle-indicator {
|
||
|
border: 1px solid 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 .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 .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);
|
||
|
}
|
||
|
|
||
|
.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 {
|
||
|
padding: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .tagfolder-quantity .itemscount {
|
||
|
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: 1px solid var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder-title-content:hover div.tagfolder-quantity span {
|
||
|
background-color: unset;
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
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: 1px solid var(--window-border);
|
||
|
border-left: 1px solid 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: var(--size-4-2);
|
||
|
background: var(--background-secondary-blur);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
||
|
backdrop-filter: blur(var(--blur-intensity));
|
||
|
}
|
||
|
.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] .graph-control-div:first-of-type .graph-control-content {
|
||
|
padding-top: var(--size-4-1);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content {
|
||
|
padding: var(--size-4-3) var(--size-4-2) var(--size-2-3);
|
||
|
}
|
||
|
.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] .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;
|
||
|
margin-top: -1px;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-top: 1px solid var(--window-border);
|
||
|
border-bottom: 1px solid 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.svelte-17ilbu5 {
|
||
|
padding: unset;
|
||
|
margin-top: unset;
|
||
|
background-color: unset;
|
||
|
border-radius: unset;
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5.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: 1px solid var(--window-border);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5.svelte-17ilbu5 {
|
||
|
height: 100%;
|
||
|
}
|
||
|
.theme-light .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5.svelte-17ilbu5 {
|
||
|
background-color: var(--background-primary);
|
||
|
}
|
||
|
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5.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 {
|
||
|
margin: var(--size-4-2);
|
||
|
border: 1px solid var(--window-border);
|
||
|
border-radius: var(--radius-m);
|
||
|
}
|
||
|
.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] .main.svelte-5jhpts.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] .opener.svelte-5jhpts.svelte-5jhpts {
|
||
|
padding: var(--size-4-1) var(--size-4-2);
|
||
|
}
|
||
|
.workspace-leaf-content[data-type=dictionary-view] .definition.svelte-5jhpts.svelte-5jhpts {
|
||
|
padding: var(--size-4-2) var(--size-4-4);
|
||
|
}
|
||
|
|
||
|
.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);
|
||
|
}
|
||
|
.hover-editor.show-navbar .view-header {
|
||
|
border-bottom: 1px solid 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-2-1) 0;
|
||
|
border-bottom: 1px solid 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);
|
||
|
}
|
||
|
.emoji-mart-bar:last-child {
|
||
|
border-top-color: var(--window-border);
|
||
|
}
|
||
|
|
||
|
.emoji-mart-search {
|
||
|
display: flex;
|
||
|
padding: var(--size-4-1);
|
||
|
margin-top: unset;
|
||
|
background-color: var(--background-secondary);
|
||
|
border-bottom: 1px solid 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: 1px solid 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);
|
||
|
border-radius: var(--radius-m);
|
||
|
box-shadow: var(--shadow-l);
|
||
|
}
|
||
|
.flatpickr-calendar.arrowTop::before {
|
||
|
border-bottom-color: var(--window-border);
|
||
|
}
|
||
|
.flatpickr-calendar .flatpickr-months {
|
||
|
background: var(--background-secondary);
|
||
|
border-bottom: 1px solid var(--window-border);
|
||
|
}
|
||
|
.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: 1px solid 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: 1px solid 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;
|
||
|
}
|
||
|
.settings-search-container .search-input-container::before {
|
||
|
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
|
||
|
}
|
||
|
.settings-search-container .vertical-tab-nav-item {
|
||
|
border: unset;
|
||
|
}
|
||
|
|
||
|
/* @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: Custom
|
||
|
value: pt-color-scheme-custom-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: 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 Lightness 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: Custom
|
||
|
value: pt-color-scheme-custom-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: 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 Lightness 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 Line 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-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-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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-fill-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: 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: 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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-fill-focused-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: 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: 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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-tag-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: 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: 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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-attachment-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: 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: 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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-unresolved-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: 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: 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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-highlight-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: 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: 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-text)
|
||
|
options:
|
||
|
-
|
||
|
label: Accent Color
|
||
|
value: var(--interactive-accent-text)
|
||
|
-
|
||
|
label: Custom
|
||
|
value: var(--graph-highlight-line-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: 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-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 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: 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: 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: 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: 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: 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: 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: 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-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: 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-horizontal-align
|
||
|
title: Custom Vault Banner Alignment
|
||
|
description: Horizontally aligns the Custom Vault Banner content.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-custom-vault-banner-justify-content-center
|
||
|
options:
|
||
|
-
|
||
|
label: Left
|
||
|
value: pt-custom-vault-banner-justify-content-left
|
||
|
-
|
||
|
label: Center
|
||
|
value: pt-custom-vault-banner-justify-content-center
|
||
|
-
|
||
|
label: Right
|
||
|
value: pt-custom-vault-banner-justify-content-right
|
||
|
-
|
||
|
id: custom-vault-banner-order
|
||
|
title: Custom Vault Banner Order
|
||
|
description: Select the order in which the content appears in the Custom Vault Banner.
|
||
|
type: class-select
|
||
|
allowEmpty: false
|
||
|
default: pt-custom-vault-banner-order-ltr
|
||
|
options:
|
||
|
-
|
||
|
label: Left to Right
|
||
|
value: pt-custom-vault-banner-order-ltr
|
||
|
-
|
||
|
label: Right to Left
|
||
|
value: pt-custom-vault-banner-order-rtl
|
||
|
-
|
||
|
id: pt-custom-vault-banner-sticky
|
||
|
title: Custom Vault Banner Sticky
|
||
|
description: Make the Custom Vault Banner stick to the top of 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: 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-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-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-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-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-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-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: window-adjustments
|
||
|
title: Window Adjustments
|
||
|
description: Settings for changing the gaps between windows and border radius around all UI elements.
|
||
|
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: sidebar-elements
|
||
|
title: Sidebar Elements
|
||
|
description: Settings for positioning, alignment, etc. of different UI elements within the Sidebars.
|
||
|
type: heading
|
||
|
level: 2
|
||
|
collapsed: true
|
||
|
-
|
||
|
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: file-explorer
|
||
|
title: File Explorer
|
||
|
description: Customisation options for the File Explorer module.
|
||
|
type: heading
|
||
|
level: 3
|
||
|
collapsed: true
|
||
|
-
|
||
|
id: file-explorer-left-margin
|
||
|
title: File Explorer File/Folder Left Margin (px)
|
||
|
description: Increases the Left Margin for Files/Folders in order indent them within another folder.
|
||
|
type: variable-number-slider
|
||
|
format: 'px'
|
||
|
default: 0
|
||
|
min: 0
|
||
|
max: 25
|
||
|
step: 1
|
||
|
-
|
||
|
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: 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: 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-roadmap"><a href="https://github.com/users/damiankorcz/projects/5"><span class="styleSettingsButtonEmoji">🗺️</span>Prism Roadmap</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-select
|
||
|
allowEmpty: false
|
||
|
default: prism-theme
|
||
|
options:
|
||
|
-
|
||
|
label: Prism theme
|
||
|
value: prism-theme
|
||
|
*/
|
||
|
/* @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
|
||
|
*/
|