FanficNotes/.obsidian/themes/Prism/theme.css

10139 lines
2.5 MiB
CSS
Raw Normal View History

2024-06-08 05:14:57 +00:00
/*
Prism Theme for Obsidian.md (Version: 3.5.3)
> A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
Source: https://github.com/damiankorcz/Obsidian-Prism
Documentation: https://github.com/damiankorcz/Prism-Theme/wiki
Support the development: https://www.buymeacoffee.com/DamianKorcz
Forum Thread: https://forum.obsidian.md/t/theme-prism/36493
Licences
The Theme contains Base64 embedded versions of the following fonts:
- Source Sans - Distributed under the SIL Open Font License 1.1
(https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md)
- JetBrains Mono - Distributed under the SIL Open Font License 1.1
(https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt)
Theme Code is distributed under the MIT License.
See https://github.com/damiankorcz/Obsidian-Prism/blob/main/LICENSE for more information.
Copyright (c) 2021-2024 Damian Korcz <https://github.com/damiankorcz>
*/
.theme-light,
.theme-light.pt-color-scheme-custom-lt,
.theme-light:not(.css-settings-manager) {
--color-grey-base-hsl: 0, 0%, 90%;
--color-red-base-hsl: 7, 90%, 92%;
--color-orange-base-hsl: 26, 85%, 89%;
--color-yellow-base-hsl: 42, 88%, 83%;
--color-green-base-hsl: 101, 49%, 85%;
--color-mint-base-hsl: 152, 62%, 85%;
--color-cyan-base-hsl: 184, 60%, 85%;
--color-blue-base-hsl: 217, 76%, 92%;
--color-purple-base-hsl: 251, 87%, 94%;
--color-pink-base-hsl: 328, 79%, 93%;
--color-grey-tint-hsl: 0, 0%, 73%;
--color-red-tint-hsl: 7, 82%, 78%;
--color-orange-tint-hsl: 27, 80%, 69%;
--color-yellow-tint-hsl: 44, 67%, 58%;
--color-green-tint-hsl: 99, 50%, 59%;
--color-mint-tint-hsl: 158, 59%, 55%;
--color-cyan-tint-hsl: 184, 61%, 56%;
--color-blue-tint-hsl: 219, 73%, 78%;
--color-purple-tint-hsl: 252, 84%, 83%;
--color-pink-tint-hsl: 327, 72%, 79%;
--color-grey-text-hsl: 0, 0%, 47%;
--color-red-text-hsl: 3, 68%, 52%;
--color-orange-text-hsl: 31, 100%, 36%;
--color-yellow-text-hsl: 38, 62%, 37%;
--color-green-text-hsl: 93, 100%, 27%;
--color-mint-text-hsl: 161, 100%, 26%;
--color-cyan-text-hsl: 184, 100%, 28%;
--color-blue-text-hsl: 221, 67%, 56%;
--color-purple-text-hsl: 258, 75%, 63%;
--color-pink-text-hsl: 320, 60%, 50%;
--text-normal-hsl: 0, 0%, 15%;
--text-muted-hsl: 0, 0%, 20%;
--text-faint-hsl: 0, 0%, 35%;
--background-primary-hsl: 0, 0%, 100%;
--background-primary-alt-hsl: 0, 0%, 96%;
--background-secondary-hsl: 0, 0%, 93%;
--background-secondary-blur-hsl: 0, 0%, 92%;
--background-secondary-alt-hsl: 0, 0%, 69%;
--shadow-color-hsl: 0, 0%, 0%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 3%) 0 1px 2px, hsla(var(--shadow-color-hsl), 3%) 0 2px 4px, hsla(var(--shadow-color-hsl), 3%) 0 4px 8px, hsla(var(--shadow-color-hsl), 3%) 0 6px 12px;
}
.theme-dark,
.theme-dark.pt-color-scheme-custom-dt,
.theme-dark:not(.css-settings-manager) {
--color-grey-base-hsl: 0, 0%, 16%;
--color-red-base-hsl: 2, 55%, 19%;
--color-orange-base-hsl: 26, 65%, 15%;
--color-yellow-base-hsl: 43, 73%, 12%;
--color-green-base-hsl: 124, 54%, 12%;
--color-mint-base-hsl: 165, 88%, 10%;
--color-cyan-base-hsl: 195, 65%, 13%;
--color-blue-base-hsl: 225, 50%, 20%;
--color-purple-base-hsl: 271, 48%, 21%;
--color-pink-base-hsl: 325, 55%, 18%;
--color-grey-tint-hsl: 0, 0%, 40%;
--color-red-tint-hsl: 3, 49%, 46%;
--color-orange-tint-hsl: 27, 53%, 37%;
--color-yellow-tint-hsl: 44, 59%, 31%;
--color-green-tint-hsl: 123, 43%, 32%;
--color-mint-tint-hsl: 166, 73%, 26%;
--color-cyan-tint-hsl: 195, 52%, 34%;
--color-blue-tint-hsl: 224, 44%, 49%;
--color-purple-tint-hsl: 271, 43%, 51%;
--color-pink-tint-hsl: 325, 47%, 45%;
--color-grey-text-hsl: 0, 0%, 67%;
--color-red-text-hsl: 4, 74%, 74%;
--color-orange-text-hsl: 26, 85%, 63%;
--color-yellow-text-hsl: 44, 60%, 53%;
--color-green-text-hsl: 124, 48%, 54%;
--color-mint-text-hsl: 166, 67%, 45%;
--color-cyan-text-hsl: 195, 69%, 58%;
--color-blue-text-hsl: 225, 61%, 75%;
--color-purple-text-hsl: 267, 52%, 75%;
--color-pink-text-hsl: 330, 64%, 74%;
--text-normal-hsl: 0, 0%, 91%;
--text-muted-hsl: 0, 0%, 86%;
--text-faint-hsl: 0, 0%, 81%;
--background-primary-hsl: 0, 0%, 18%;
--background-primary-alt-hsl: 0, 0%, 30%;
--background-secondary-hsl: 0, 0%, 12%;
--background-secondary-blur-hsl: 0, 0%, 13%;
--background-secondary-alt-hsl: 0, 0%, 8%;
--shadow-color-hsl: 0, 0%, 0%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 5%) 0 1px 2px, hsla(var(--shadow-color-hsl), 5%) 0 2px 4px, hsla(var(--shadow-color-hsl), 5%) 0 4px 8px, hsla(var(--shadow-color-hsl), 5%) 0 6px 12px;
}
.theme-light.pt-color-scheme-latte-lt {
--color-grey-base-hsl: 0, 0%, 90%;
--color-red-base-hsl: 11, 100%, 92%;
--color-orange-base-hsl: 30, 90%, 88%;
--color-yellow-base-hsl: 41, 88%, 84%;
--color-green-base-hsl: 101, 47%, 86%;
--color-mint-base-hsl: 153, 61%, 85%;
--color-cyan-base-hsl: 184, 58%, 86%;
--color-blue-base-hsl: 220, 75%, 92%;
--color-purple-base-hsl: 252, 81%, 94%;
--color-pink-base-hsl: 329, 73%, 93%;
--color-grey-tint-hsl: 0, 0%, 73%;
--color-red-tint-hsl: 10, 91%, 78%;
--color-orange-tint-hsl: 30, 79%, 68%;
--color-yellow-tint-hsl: 43, 65%, 59%;
--color-green-tint-hsl: 99, 48%, 60%;
--color-mint-tint-hsl: 158, 56%, 56%;
--color-cyan-tint-hsl: 184, 58%, 58%;
--color-blue-tint-hsl: 220, 70%, 78%;
--color-purple-tint-hsl: 253, 75%, 83%;
--color-pink-tint-hsl: 327, 67%, 79%;
--color-grey-text-hsl: 0, 0%, 47%;
--color-red-text-hsl: 3, 64%, 53%;
--color-orange-text-hsl: 33, 100%, 35%;
--color-yellow-text-hsl: 37, 55%, 39%;
--color-green-text-hsl: 91, 93%, 27%;
--color-mint-text-hsl: 162, 100%, 27%;
--color-cyan-text-hsl: 184, 100%, 28%;
--color-blue-text-hsl: 221, 64%, 56%;
--color-purple-text-hsl: 257, 69%, 63%;
--color-pink-text-hsl: 321, 57%, 51%;
--text-normal-hsl: 28, 42%, 15%;
--text-muted-hsl: 28, 42%, 20%;
--text-faint-hsl: 28, 42%, 35%;
--background-primary-hsl: 28, 42%, 98%;
--background-primary-alt-hsl: 28, 42%, 94%;
--background-secondary-hsl: 28, 42%, 90%;
--background-secondary-blur-hsl: 28, 42%, 88%;
--background-secondary-alt-hsl: 28, 42%, 66%;
--shadow-color-hsl: 28, 42%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
}
.theme-dark.pt-color-scheme-mocha-dt {
--color-grey-base-hsl: 0, 0%, 17%;
--color-red-base-hsl: 2, 50%, 20%;
--color-orange-base-hsl: 26, 58%, 16%;
--color-yellow-base-hsl: 43, 64%, 13%;
--color-green-base-hsl: 122, 47%, 13%;
--color-mint-base-hsl: 165, 75%, 11%;
--color-cyan-base-hsl: 196, 57%, 15%;
--color-blue-base-hsl: 225, 47%, 21%;
--color-purple-base-hsl: 271, 45%, 22%;
--color-pink-base-hsl: 326, 50%, 20%;
--color-grey-tint-hsl: 0, 0%, 41%;
--color-red-tint-hsl: 4, 46%, 47%;
--color-orange-tint-hsl: 26, 49%, 38%;
--color-yellow-tint-hsl: 43, 53%, 32%;
--color-green-tint-hsl: 123, 39%, 33%;
--color-mint-tint-hsl: 164, 61%, 29%;
--color-cyan-tint-hsl: 195, 47%, 36%;
--color-blue-tint-hsl: 225, 42%, 50%;
--color-purple-tint-hsl: 271, 41%, 51%;
--color-pink-tint-hsl: 326, 44%, 46%;
--color-grey-text-hsl: 0, 0%, 65%;
--color-red-text-hsl: 4, 69%, 72%;
--color-orange-text-hsl: 26, 74%, 61%;
--color-yellow-text-hsl: 43, 53%, 52%;
--color-green-text-hsl: 123, 43%, 54%;
--color-mint-text-hsl: 165, 56%, 46%;
--color-cyan-text-hsl: 196, 60%, 57%;
--color-blue-text-hsl: 226, 56%, 72%;
--color-purple-text-hsl: 267, 48%, 73%;
--color-pink-text-hsl: 329, 60%, 71%;
--text-normal-hsl: 25, 40%, 91%;
--text-muted-hsl: 25, 40%, 86%;
--text-faint-hsl: 25, 40%, 81%;
--background-primary-hsl: 25, 40%, 18%;
--background-primary-alt-hsl: 25, 40%, 28%;
--background-secondary-hsl: 25, 40%, 12%;
--background-secondary-blur-hsl: 25, 40%, 13%;
--background-secondary-alt-hsl: 25, 40%, 8%;
--shadow-color-hsl: 25, 40%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 50%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 50%) 0 1px 2px, hsla(var(--shadow-color-hsl), 50%) 0 2px 4px, hsla(var(--shadow-color-hsl), 50%) 0 4px 8px, hsla(var(--shadow-color-hsl), 50%) 0 6px 12px;
}
.theme-light.pt-color-scheme-periwinkle-lt {
--color-grey-base-hsl: 0, 0%, 92%;
--color-red-base-hsl: 6, 100%, 94%;
--color-orange-base-hsl: 30, 100%, 91%;
--color-yellow-base-hsl: 42, 80%, 88%;
--color-green-base-hsl: 100, 52%, 89%;
--color-mint-base-hsl: 153, 65%, 88%;
--color-cyan-base-hsl: 185, 63%, 88%;
--color-blue-base-hsl: 220, 100%, 94%;
--color-purple-base-hsl: 250, 100%, 95%;
--color-pink-base-hsl: 329, 86%, 94%;
--color-grey-tint-hsl: 0, 0%, 75%;
--color-red-tint-hsl: 8, 88%, 81%;
--color-orange-tint-hsl: 31, 90%, 69%;
--color-yellow-tint-hsl: 45, 60%, 64%;
--color-green-tint-hsl: 99, 52%, 62%;
--color-mint-tint-hsl: 159, 64%, 55%;
--color-cyan-tint-hsl: 184, 67%, 58%;
--color-blue-tint-hsl: 219, 96%, 81%;
--color-purple-tint-hsl: 252, 100%, 86%;
--color-pink-tint-hsl: 327, 77%, 81%;
--color-grey-text-hsl: 0, 0%, 50%;
--color-red-text-hsl: 3, 73%, 55%;
--color-orange-text-hsl: 31, 100%, 38%;
--color-yellow-text-hsl: 39, 78%, 37%;
--color-green-text-hsl: 93, 100%, 28%;
--color-mint-text-hsl: 161, 100%, 28%;
--color-cyan-text-hsl: 184, 100%, 29%;
--color-blue-text-hsl: 221, 87%, 60%;
--color-purple-text-hsl: 257, 92%, 68%;
--color-pink-text-hsl: 321, 67%, 54%;
--text-normal-hsl: 221, 55%, 15%;
--text-muted-hsl: 221, 55%, 20%;
--text-faint-hsl: 221, 55%, 35%;
--background-primary-hsl: 221, 55%, 98%;
--background-primary-alt-hsl: 221, 55%, 95%;
--background-secondary-hsl: 221, 55%, 92%;
--background-secondary-blur-hsl: 221, 55%, 91%;
--background-secondary-alt-hsl: 221, 55%, 72%;
--shadow-color-hsl: 221, 55%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
}
.theme-dark.pt-color-scheme-indigo-dt {
--color-grey-base-hsl: 0, 0%, 17%;
--color-red-base-hsl: 2, 50%, 20%;
--color-orange-base-hsl: 26, 58%, 16%;
--color-yellow-base-hsl: 43, 64%, 13%;
--color-green-base-hsl: 124, 48%, 14%;
--color-mint-base-hsl: 165, 75%, 11%;
--color-cyan-base-hsl: 196, 57%, 15%;
--color-blue-base-hsl: 225, 47%, 21%;
--color-purple-base-hsl: 271, 45%, 22%;
--color-pink-base-hsl: 326, 50%, 20%;
--color-grey-tint-hsl: 0, 0%, 41%;
--color-red-tint-hsl: 4, 46%, 47%;
--color-orange-tint-hsl: 26, 49%, 38%;
--color-yellow-tint-hsl: 43, 53%, 32%;
--color-green-tint-hsl: 123, 39%, 33%;
--color-mint-tint-hsl: 164, 61%, 29%;
--color-cyan-tint-hsl: 196, 48%, 36%;
--color-blue-tint-hsl: 225, 42%, 50%;
--color-purple-tint-hsl: 271, 41%, 51%;
--color-pink-tint-hsl: 326, 44%, 46%;
--color-grey-text-hsl: 0, 0%, 65%;
--color-red-text-hsl: 4, 69%, 72%;
--color-orange-text-hsl: 26, 74%, 61%;
--color-yellow-text-hsl: 43, 53%, 52%;
--color-green-text-hsl: 123, 43%, 54%;
--color-mint-text-hsl: 165, 56%, 46%;
--color-cyan-text-hsl: 196, 60%, 57%;
--color-blue-text-hsl: 226, 56%, 72%;
--color-purple-text-hsl: 267, 48%, 73%;
--color-pink-text-hsl: 329, 60%, 71%;
--text-normal-hsl: 225, 40%, 91%;
--text-muted-hsl: 225, 40%, 86%;
--text-faint-hsl: 225, 40%, 81%;
--background-primary-hsl: 225, 40%, 20%;
--background-primary-alt-hsl: 225, 40%, 33%;
--background-secondary-hsl: 225, 40%, 13%;
--background-secondary-blur-hsl: 225, 40%, 14%;
--background-secondary-alt-hsl: 225, 40%, 9%;
--shadow-color-hsl: 225, 40%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px, hsla(var(--shadow-color-hsl), 10%) 0 2px 4px, hsla(var(--shadow-color-hsl), 10%) 0 4px 8px, hsla(var(--shadow-color-hsl), 10%) 0 6px 12px;
}
.theme-light.pt-color-scheme-pistachio-lt {
--color-grey-base-hsl: 0, 0%, 90%;
--color-red-base-hsl: 8, 100%, 93%;
--color-orange-base-hsl: 26, 89%, 89%;
--color-yellow-base-hsl: 41, 90%, 84%;
--color-green-base-hsl: 109, 52%, 86%;
--color-mint-base-hsl: 152, 65%, 85%;
--color-cyan-base-hsl: 184, 63%, 85%;
--color-blue-base-hsl: 220, 85%, 92%;
--color-purple-base-hsl: 250, 100%, 94%;
--color-pink-base-hsl: 327, 84%, 93%;
--color-grey-tint-hsl: 0, 0%, 73%;
--color-red-tint-hsl: 7, 85%, 79%;
--color-orange-tint-hsl: 27, 83%, 69%;
--color-yellow-tint-hsl: 44, 70%, 56%;
--color-green-tint-hsl: 108, 52%, 60%;
--color-mint-tint-hsl: 160, 61%, 52%;
--color-cyan-tint-hsl: 184, 64%, 55%;
--color-blue-tint-hsl: 220, 78%, 78%;
--color-purple-tint-hsl: 252, 90%, 84%;
--color-pink-tint-hsl: 326, 76%, 79%;
--color-grey-text-hsl: 0, 0%, 47%;
--color-red-text-hsl: 2, 71%, 52%;
--color-orange-text-hsl: 30, 100%, 36%;
--color-yellow-text-hsl: 39, 71%, 36%;
--color-green-text-hsl: 116, 42%, 37%;
--color-mint-text-hsl: 160, 100%, 27%;
--color-cyan-text-hsl: 185, 100%, 28%;
--color-blue-text-hsl: 221, 72%, 56%;
--color-purple-text-hsl: 259, 80%, 64%;
--color-pink-text-hsl: 319, 65%, 50%;
--text-normal-hsl: 101, 35%, 15%;
--text-muted-hsl: 101, 35%, 20%;
--text-faint-hsl: 101, 35%, 35%;
--background-primary-hsl: 101, 35%, 99%;
--background-primary-alt-hsl: 101, 35%, 95%;
--background-secondary-hsl: 101, 35%, 91%;
--background-secondary-blur-hsl: 101, 35%, 90%;
--background-secondary-alt-hsl: 101, 35%, 62%;
--shadow-color-hsl: 101, 35%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
}
.theme-dark.pt-color-scheme-pine-dt {
--color-grey-base-hsl: 0, 0%, 17%;
--color-red-base-hsl: 2, 50%, 20%;
--color-orange-base-hsl: 26, 59%, 15%;
--color-yellow-base-hsl: 43, 66%, 13%;
--color-green-base-hsl: 122, 48%, 13%;
--color-mint-base-hsl: 164, 75%, 11%;
--color-cyan-base-hsl: 196, 56%, 14%;
--color-blue-base-hsl: 225, 48%, 21%;
--color-purple-base-hsl: 272, 45%, 21%;
--color-pink-base-hsl: 326, 52%, 19%;
--color-grey-tint-hsl: 0, 0%, 40%;
--color-red-tint-hsl: 3, 46%, 47%;
--color-orange-tint-hsl: 26, 49%, 38%;
--color-yellow-tint-hsl: 43, 52%, 32%;
--color-green-tint-hsl: 123, 39%, 33%;
--color-mint-tint-hsl: 165, 60%, 28%;
--color-cyan-tint-hsl: 195, 48%, 35%;
--color-blue-tint-hsl: 225, 42%, 49%;
--color-purple-tint-hsl: 271, 41%, 51%;
--color-pink-tint-hsl: 327, 44%, 46%;
--color-grey-text-hsl: 0, 0%, 66%;
--color-red-text-hsl: 5, 70%, 73%;
--color-orange-text-hsl: 26, 78%, 63%;
--color-yellow-text-hsl: 43, 56%, 53%;
--color-green-text-hsl: 123, 44%, 55%;
--color-mint-text-hsl: 165, 56%, 48%;
--color-cyan-text-hsl: 196, 63%, 58%;
--color-blue-text-hsl: 226, 56%, 74%;
--color-purple-text-hsl: 268, 48%, 74%;
--color-pink-text-hsl: 330, 59%, 73%;
--text-normal-hsl: 123, 39%, 93%;
--text-muted-hsl: 123, 39%, 88%;
--text-faint-hsl: 123, 39%, 83%;
--background-primary-hsl: 123, 39%, 15%;
--background-primary-alt-hsl: 123, 39%, 23%;
--background-secondary-hsl: 123, 39%, 9%;
--background-secondary-blur-hsl: 123, 39%, 10%;
--background-secondary-alt-hsl: 123, 39%, 6%;
--shadow-color-hsl: 123, 39%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px, hsla(var(--shadow-color-hsl), 10%) 0 2px 4px, hsla(var(--shadow-color-hsl), 10%) 0 4px 8px, hsla(var(--shadow-color-hsl), 10%) 0 6px 12px;
}
.theme-light.pt-color-scheme-peach-lt {
--color-grey-base-hsl: 0, 0%, 90%;
--color-red-base-hsl: 9, 90%, 92%;
--color-orange-base-hsl: 25, 96%, 89%;
--color-yellow-base-hsl: 41, 91%, 83%;
--color-green-base-hsl: 101, 53%, 85%;
--color-mint-base-hsl: 153, 64%, 84%;
--color-cyan-base-hsl: 184, 63%, 85%;
--color-blue-base-hsl: 221, 85%, 92%;
--color-purple-base-hsl: 250, 100%, 94%;
--color-pink-base-hsl: 328, 84%, 93%;
--color-grey-tint-hsl: 0, 0%, 73%;
--color-red-tint-hsl: 7, 79%, 78%;
--color-orange-tint-hsl: 26, 89%, 69%;
--color-yellow-tint-hsl: 44, 70%, 56%;
--color-green-tint-hsl: 98, 52%, 58%;
--color-mint-tint-hsl: 160, 61%, 52%;
--color-cyan-tint-hsl: 184, 63%, 54%;
--color-blue-tint-hsl: 219, 78%, 78%;
--color-purple-tint-hsl: 252, 90%, 84%;
--color-pink-tint-hsl: 326, 76%, 79%;
--color-grey-text-hsl: 0, 0%, 47%;
--color-red-text-hsl: 4, 67%, 51%;
--color-orange-text-hsl: 29, 100%, 37%;
--color-yellow-text-hsl: 39, 70%, 36%;
--color-green-text-hsl: 95, 100%, 26%;
--color-mint-text-hsl: 160, 100%, 26%;
--color-cyan-text-hsl: 185, 100%, 28%;
--color-blue-text-hsl: 221, 72%, 56%;
--color-purple-text-hsl: 259, 81%, 64%;
--color-pink-text-hsl: 319, 66%, 49%;
--text-normal-hsl: 3, 55%, 15%;
--text-muted-hsl: 3, 55%, 20%;
--text-faint-hsl: 3, 55%, 35%;
--background-primary-hsl: 3, 55%, 98%;
--background-primary-alt-hsl: 3, 55%, 95%;
--background-secondary-hsl: 3, 55%, 93%;
--background-secondary-blur-hsl: 3, 55%, 92%;
--background-secondary-alt-hsl: 3, 55%, 74%;
--shadow-color-hsl: 3, 55%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 4%) 0 1px 2px, hsla(var(--shadow-color-hsl), 4%) 0 2px 4px, hsla(var(--shadow-color-hsl), 4%) 0 4px 8px, hsla(var(--shadow-color-hsl), 4%) 0 6px 12px;
}
.theme-dark.pt-color-scheme-cherry-dt {
--color-grey-base-hsl: 0, 0%, 17%;
--color-red-base-hsl: 2, 50%, 20%;
--color-orange-base-hsl: 26, 59%, 16%;
--color-yellow-base-hsl: 43, 64%, 13%;
--color-green-base-hsl: 124, 48%, 14%;
--color-mint-base-hsl: 165, 75%, 11%;
--color-cyan-base-hsl: 196, 57%, 15%;
--color-blue-base-hsl: 225, 47%, 21%;
--color-purple-base-hsl: 272, 45%, 22%;
--color-pink-base-hsl: 326, 50%, 20%;
--color-grey-tint-hsl: 0, 0%, 41%;
--color-red-tint-hsl: 4, 46%, 47%;
--color-orange-tint-hsl: 26, 49%, 38%;
--color-yellow-tint-hsl: 43, 53%, 32%;
--color-green-tint-hsl: 123, 39%, 33%;
--color-mint-tint-hsl: 164, 61%, 29%;
--color-cyan-tint-hsl: 196, 48%, 36%;
--color-blue-tint-hsl: 225, 42%, 50%;
--color-purple-tint-hsl: 272, 42%, 51%;
--color-pink-tint-hsl: 326, 44%, 46%;
--color-grey-text-hsl: 0, 0%, 67%;
--color-red-text-hsl: 4, 70%, 74%;
--color-orange-text-hsl: 26, 80%, 63%;
--color-yellow-text-hsl: 43, 57%, 54%;
--color-green-text-hsl: 123, 45%, 55%;
--color-mint-text-hsl: 165, 56%, 48%;
--color-cyan-text-hsl: 195, 64%, 59%;
--color-blue-text-hsl: 226, 56%, 74%;
--color-purple-text-hsl: 268, 48%, 75%;
--color-pink-text-hsl: 330, 60%, 74%;
--text-normal-hsl: 2, 48%, 93%;
--text-muted-hsl: 2, 48%, 88%;
--text-faint-hsl: 2, 48%, 83%;
--background-primary-hsl: 2, 48%, 19%;
--background-primary-alt-hsl: 2, 48%, 29%;
--background-secondary-hsl: 2, 48%, 12%;
--background-secondary-blur-hsl: 2, 48%, 13%;
--background-secondary-alt-hsl: 2, 48%, 8%;
--shadow-color-hsl: 2, 48%, 7%;
--shadow-s: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px 0;
--shadow-l: hsla(var(--shadow-color-hsl), 10%) 0 1px 2px, hsla(var(--shadow-color-hsl), 10%) 0 2px 4px, hsla(var(--shadow-color-hsl), 10%) 0 4px 8px, hsla(var(--shadow-color-hsl), 10%) 0 6px 12px;
}
/* Source Sans - Distributed under the SIL Open Font Licence 1.1 - https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 200 900;
font-stretch: normal;
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQQkFTRWUeXb0ACd1EAAAARkRTSUcAAAABAAL6cAAAAAhHREVGC+6Z1AAJ14gAAAWPR1BPU4yAN5MABWq8AARszEdTVUIwxGokAAUC8AAAZ8xIVkFSkQ8ZRQAE7YgAABVnTVZBUnkJbwAABO1AAAAARk9TLzJ+S1MFAAAB2AAAAGBTVEFU757/4wAC+uQAAADmYXZhcpg6iSYACd0YAAAAKmNtYXC4pT0gAAAo8AAAQk5mdmFyjSl2xgAC+ngAAABqZ2x5ZtKgUE4AAH6gAAH/5Gd2YXKkYUgWAAL7zAAB8XJoZWFkJdCsMQAAAVwAAAA2aGhlYQoNDzwAAAGUAAAAJGhtdHiJKYCTAAACOAAAJrZsb2NhP9m8QgAAa0AAABNebWF4cAnIAQIAAAG4AAAAIG5hbWW34f40AAJ+hAAAHNBwb3N0NkPangACm1QAAF8bAAEAAAADDVBYAi5lXw889QADA+gAAAAA4EqtuAAAAADgSq3A/bL+4AhwA6YAAAAGAAIAAAAAAAAAAQAAA+j+ugAACJj9sv48CHAAAQAAAAAAAAAAAAAAAAAACa0AAQAACa4AkAAMAG4ACQABAAAAAAAAAAAAAAAAAAQAAwAEAe0AyAAFAAACigJYAAAASwKKAlgAAAFeADIBHgAAAgsDAwMEAwICBOAAAv8AACADAAAAAAAAAABBREJPAAAAIP//A+j+ugAAA+gBRiAAAZ8AAAAAAd4ClAAAACAABQJwAGAAyAAAAggACgI+AGQCMgA4AlgAZAH+AGQB1gBkAlgAOAJ6AGQA6ABkAcgALAImAGQBzABkAroAZAJ4AGQCiAA4Ah4AZAKIADgCFgBkAgQAMAIIAB4CdgBiAeIABgL8AB4B1gASAbQABAIaADQB5gA8AhoAYAG+ADYCHAA2Ad4ANgD8AB4B4AA2AgoAYADeAE4A3v/iAcQAYADmAGADJgBgAg4AYAIUADYCHABgAhwANgEyAGABkAAiAS4AHgIMAFgBpgAMAqAAGAGIAA4BqAAMAYwAGgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAyQAGgMkABoDJAAaAggACgJOABYCwAAwAj4AZAI+AGQCMgA4AjIAOAIyADgCMgA4AjIAOAIyADgCWABkAlgAZAJYAGQCWABkAlgAZAJsABYC5AAwAf4AZAH+AGQB/gBkAf4AZAH+AGQB/gBkAf4AZAH+AGQB/gBkAf4APAH+AGQB/gBkAf4AZAH+AGQB/gBkAf4AWgH+AGQB/gBkAf4AZAH+AGQB/gAuAiIAMAHWAGQCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AoYAOAJYADgCWAA4AnoAZAJ6AGQCegBkAnoAZAJ6AGQCegAkAnoAZAJ6AGQCogAWAOj//ADoAC4A6P/eAOj/1ADo//QA6P/8AOj/8ADoAFIA6P/eAOj/jgDoACIA6ABCAOgAVAEQABYB0ABkAcgALAHIACwB3AAsAiYAZAImAGQCJgBkAcwALgHMAGQBzABkAcwAZAHM//wBzABkAdIABAHcABYB3AAWAhIAGgHg//4BzABkAroAZAK6AGQCugBkAngAZAJ4AGQCeABkAngAZAJ4AGQCeABkAngAZAJ4AGQCYgBkAngAZAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA6AogAOgM8ADgB4gAGAjIAKAQuADgCiAA4AogAPAKIADwCiAA8AogAPAKIADwCiAA8Ah4AZAIWAGQCFgBkAhYAZAIWAGQCFgBkAhYAZAIWAGQCBAAwAgQAMAIEADACBAAwAgQAMAIEADACBAAwAgQAMAJ8AGQCCAAeAggAHgIIAB4CCAAeAggAHgIIAB4CCAAeAggAHgIIABgCdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgKeABQCdgBiAoAAYgKAAGICgABiAoAAYgKAAGICgABiAeIABgL8AB4C/AAeAvwAHgL8AB4BtAAEAbQABAG0AAQBtAAEAbQABAG0AAQBtAAEAbQABAIaADQCGgA0AhoANAIaADQCGgA0AhoANAJsABYCLABkAh4AZAHkACACIgAwAiIAMAJ6AEACiAAeAh4AZAJMAB4CTAAaAcwAEgIWAGQBxgAsAh4AZAIIAB4B4gAGAOoAZAG0AAQCjAAuAdYAEgG6AAAA+AAwAPgANAOYAGQB0AAuAggACgH+AGQA6AAiAogAOAJ2AGICIgAwAbQABAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gAyAeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AwgAPAMIADwDCAA8AeYAPAIuABYCGgBgAhoAYAIaAGABvgA2Ab4ANgG+ADYBvgA2Ab4ANgG+ADYCHAA2AhwANgIcADYCHAA2AhwANgIwADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gAyAd4ANgHeADYB3gA2Ad4ANgHeACYA/AAeAeAANgHgADYB4AA2AeAANgHgADYB4AA2AeAANgIwADYB4AA2AhwANgIKAGACCgBgAgoAYAIKAGACCgBgAgoAFAIKAGACCgBgAh4AFgDeAAAA3gAoAN7/2ADe/84A3v/4AN7/9gDe/9wA3gBOAN7/2ADe/7AA3gAeAN4APAEGABYA3gBgAbwATgDe/9oA3v/aAQb/9gDe/+IBxABgAcQAYAHEAGABxABgAOYAKADeAGAA5gAyAOYAYADm//YA5gAKAPoAAAEEABYBBAAWAST/8gD8//4BIABgAyYAYAMmAGADJgBgAg4AYAIOAGACDgBgAg4AYAIOAGACDgBgAg4AYAIOAGACvwA2Ag4AYAIOAGACFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQALgIUAC4DVAA2AaYADAG+ABoDjAA2AgoAMgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIcAGABMgBgATIAMgEyAGABMgAeATIATgEyAE4BMv/2AZAAIgGQACIBkAAiAZAAIgGQACIBkAAiAZAAIgGQACICEgBgAOwAIgEuAB4BLgAeAS4AHgEuAB4BLgAeAS4AHgEuAAwBLgAeAS4ACgIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgBpgAMAqAAGAKgABgCoAAYAqAAGAGoAAwBqAAMAagADAGoAAwBqAAMAagADAGoAAwBqAAMAYwAGgGMABoBjAAaAYwAGgGMABoBjAAaAhQAPgIcAGACCABgAZ4ADAGMAAIBjAACAd4AJgIGAD4BRgBgAcwAIgHMAAoA5gA8AdAAYAFYABgBRgBgAZ4AHgGIABgA+AAwAPgANAIGAGABvAAoAeYAPAHeADYA3gAeAhQANgIMAFgBpgA2AeYAUgIkADYCJAA8AewAYAIYAGABvgA2AbwAEgIcADYCHAA2AyYANgMkADYDMAA2AzAANgIGAD4CBgA+Ad4AJgJsACYBpgA2AbgAKAIcACgCEgA2AQb/9gIcADYB4gA2AaYADAHiADYCDg
unicode-range: U+0000-1FFF, U+2070-20CF, U+2150-218F, U+2400-245F, U+2500-259F, U+27C0-28FF, U+2980-2AFF, U+2C00-2FFF, U+3040-31FF, U+3300-FFFF, U+10000-1EEFF, U+1F700-1F77F, U+1F800-1F8FF, U+1FB00-10FFFD;
}
@font-face {
font-family: "Source Sans 3";
font-style: italic;
font-weight: 200 900;
font-stretch: normal;
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQQkFTRWUeXb0ABgikAAAARkRTSUcAAAABAAKVEAAAAAhHREVG58+SvQAGBHwAAAP5R1BPU87Z4kkABJRcAAFwHkdTVUJJIqg7AARJbAAASu5IVkFSjSNo3AAEN/QAABF2TVZBUnkJbwAABDesAAAARk9TLzJ+TFMyAAAB2AAAAGBTVEFU757/4QAClYQAAADmYXZhcpg6iSYABgh4AAAAKmNtYXAmbEIcAAAhcAAAQk5mdmFyjSl2xgAClRgAAABqZ2x5Zg5dWzEAAHNgAAG63md2YXISzbZOAAKWbAABoUBoZWFkJWqsSAAAAVwAAAA2aGhlYQpoEHQAAAGUAAAAJGhtdHh9UQ7+AAACOAAAHzZsb2NhKVS3BwAAY8AAAA+ebWF4cAfoASAAAAG4AAAAIG5hbWVMctjPAAIuQAAAHehwb3N0Bln+pAACTCgAAEjlAAEAAAADDVBCHFf8Xw889QADA+gAAAAA4EqtxgAAAADgSq3J/Z7+4AgcA6YAAgAGAAIAAAAAAAAAAQAAA+j+ugAACED9nv30CBwD6ADC/9EAAAAAAAAAAAAAB80AAQAAB84AkAAMAIwACQABAAAAAAAAAAAAAAAAAAQAAwAEAd0AyAAFAAACigJY//EASwKKAlgARAFeADIBHgAAAgsDAwMEAwkCBOAAAv8AACADAAAAAAAAAABBREJPAAEAIP//A+j+ugAAA+gBRiAAAZ8AAAAAAd4ClAAAACAABQJYACoAyAAAAeD/1gImACgCGAA6AjwAKAHkACgBwAAoAjoAOgJWACgA1AAoAawAAgIKACgBsAAoAqQAKAJYACgCZAA+AgwAKAJkAD4CCgAoAegAEgHsAGQCUgBSAcIAVALWAGwBvv/cAaYAVgH2AAICDAAuAgoALAGsACwCDgAuAdQALAD2ADACBgAGAfgALADWACwA1v+KAbQALADiADIDCAAsAfgALAH0AC4CCAAAAggALgE0ACwBgAAAASIARgH4AEABmAA6AqIARAF8/9ABmP+sAYD/9gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/0gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAeD/1gHg/9YB4P/WAwb/4AMG/+ADBv/gAeD/1gI+ABYCmABAAiYAKAImACgCGAA6AhgAOgIYADoCGAA6AhgAOgIYADoCPAAoAjwAKAI8ACgCPAAoAjwAKAJQADYCrgBAAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5P/4AgwAFgHAACgCOgA6AjoAOgI6ADoCOgA6AjoAOgI6ADoCOgA6AmIAOgI6ADoCOgA6AlYAKAJWACgCVgAoAlYAKAJWACgCVv+6AlYAKAJWACgCfgA8ANQAKADUACgA1AAoANQAKADUACgA1AAoANQAKADUACgA1AAoANT/9gDU/8wA1AAoANT/8gD8ADABqAAoAawAAgGsAAIBwgACAgoAKAIKACgCCgAoAbAAKAGwACgBsAAoAbAAKAGwACgBsAAoAbr//gHEADABxAAoAewAGgHIAAoBsAAoAqQAKAKkACgCpAAoAlgAKAJYACgCWAAoAlgAKAJYACgCWAAoAlgAKAJYACgCSAAoAlIAKAJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AmQAPgJkAD4CZAACAmQAAgMiAD4BvP/SAhgAEAQCAD4ChgAwAmQAPgJkAD4CZAA+AmQAPgJkAD4CZAA+AgwAKAIKACgCCgAoAgoAKAIKACgCCgAoAgoAKAIKACgB6AASAegAEgHoABIB6AASAegAEgHoABIB6AASAegAEgJaACgB7ABkAewAZAHsAEYB7ABSAewAZAHsADwB7ABkAewAZAHs/+YCUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJ6ACwCUgBSAlgAUgJYAFICWABSAlgAUgJYAFICWABSAcIAVALWAGwC1gBsAtYAbALWAGwBpgBWAaYAVgGmAFYBpgBWAaYAVgGmAFYBpgBWAaYAVgH2AAIB9gACAfYAAgH2AAIB9gACAfYAAgJQADYCGAAoAgwADAHSAAQCDAAJAgwACQJiAD4CbwA+AggADAI4AAYCOP/nAbAAVgIAAAwB2AA2AggADAHsADoBmAA6ANQALgGm/8oCcABAAcP/vgHOAFgA7gAUAO4AbgNgACgBqAAoAeD/1gHkACgA1P/MAmQAPgJSAFICDAAWAab/ygIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAv4AKAL+ACgC/gAoAgwALgIeAEACCgAsAgoALAIKACwBrAAsAawALAGsACwBrAAsAawALAGsACwCDgAuAggALgIOAC4CDgAuAg4ALgIKAC4B1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACIA9gAwAgYABgIGAAYCBgAGAgYABgIGAAYCBgAGAgYABgIGAAYCBgAGAgYABgH4ACwB+AAsAfgALAH4ACwB+AAsAfj/vAH4ACwB+AAsAgwAQADWACwA1gAsANYAHgDWABwA1gAsANYALADWACwA1v/8ANYALADWABQA1v/QANYALADmABQA1gAsAawALADW/4oA1v+KAP7/ngDW/4oBtAAsAbQALAG0ACwBtAAsAOIAMgDSADIA4v/UAOIAEADiABAA4v++APYAGAEKACgBCgAcAToAHAEEABYBAgAyAwgALAMIACwDCAAsAfgALAH4ACwB+AAsAfgALAH4ACwB+AAsAfgALAH4ACwCogBgAfgALAH4ACwB9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQAAAH0AAADOAAuAZj/6AGr/+wDZgAuAgoAMgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgIIAAABNAAsATQALAE0ACwBNP/KATQABgE0AAYBNP+0AYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAACAAAsAPYAMAEiAEYBIgBGASIAKgEiAB4BIgBGASIACAEiAEYBIgAaASL/2AH4AEAB+ABAAfgAQAH4AEAB+ABAAfgAQAH4AEAB+ABAAfgAQAH4AEAB+ABGAfgARgH4AEAB+ABAAfgAQAH4AEAB+ABAAfgAQAH4AEACDABAAgwAQAIMAEACDABAAgwAQAIMAEABmAA6AqIARAKiAEQCogBEAqIARAGY/6wBmP+sAZj/rAGY/6wBmP+sAZj/rAGY/6wBmP+sAYD/9gGA//YBgP/2AYD/9gGA//YBgP/2AgIAMgIIAAAB/AAAAY7/8AGM/7oBjP+6AdQAIgHuADABSAAAAbr//AG6/9QA4gAKAcIAAAFKACwBSAAAAZAALAGIAEAA7gAUAO4ASgHkADIBrAAsAgwALgHUACwA1v/QAfQALgH4AEYBjAAWAdoASgIMAC4CDAAwAcoALAIIAAABrAAJAar/5AIOAC4CDgAuAvwALgMIAC4DEgAuAwgALgHuADAB6AA0AdQAHAJYAAwBjAAWAYwAAAIUAAAB1AAuAP7/ngIGAAYBzgAsAZgALgHOACwCAg
unicode-range: U+0000-1FFF, U+2070-20CF, U+2150-218F, U+2400-245F, U+2500-259F, U+27C0-28FF, U+2980-2AFF, U+2C00-2FFF, U+3040-31FF, U+3300-FFFF, U+10000-1EEFF, U+1F700-1F77F, U+1F800-1F8FF, U+1FB00-10FFFD;
}
/* JetBrains Mono - Distributed under the SIL Open Font Licence 1.1 - https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt */
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 100 800;
src: url("data:application/octet-stream;base64,AAEAAAAUAQAABABAR0RFRs4oWGkAAmVoAAADLEdQT1PbPsP7AAJolAAAKi5HU1VCKNvJiAACksQAAGIUSFZBUtUy1EAAAvTYAAADik9TLzISNQuEAAAByAAAAGBTVEFU7MXb6AAC+GQAAACqYXZhcgrTIAEAAvkQAAAAKmNtYXBaJFjaAAAdZAAAQmpmdmFykulplgAC+TwAAABkZ2FzcAAAABAAAmVgAAAACGdseWbecj6hAABteAABpB5ndmFyXqs7ugAC+aAAAaaIaGVhZBsfX9MAAAFMAAAANmhoZWEANQdXAAABhAAAACRobXR4VPZKDwAAAigAABs8bG9jYSyzlPAAAF/YAAANoG1heHAHUwKMAAABqAAAACBuYW1lYC8bGwACEZgAAAeScG9zdF1amgQAAhksAABMM3ByZXBoBoyFAABf0AAAAAcAAQAAAAJN0+IAdXhfDzz1AAMD6AAAAADf6GZ5AAAAAN/oZ9T5Of5wAv0EYAAAAAYAAgAAAAAAAAABAAAD/P7UAAACWPk5/1sC/QABAAAAAAAAAAAAAAAAAAAGzwABAAAGzwG4AG4A0gASAAEAAAAAAAAAAAAAAAAAAwABAAQCWAGQAAUAAAKKAlgAAABLAooCWAAAAV4AMgFAAAACAAAJAAAAAAAAoAQC/xIA+fsCAAA8AAAAAEpCAAAAwAAN//8D/P7UAAAD/AEsIAABn9/XAAACJgLaAAAAIAAGAlgAWgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAHgJYAB4CWABdAlgAXAJYAFwCWABcAlgAXAJYAFwCWABcAlgAXAJYAAoCWABcAlgACgJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAQgJYAGQCWABfAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAF0CWAAKAlgAXQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAC0CWAAtAlgAXAJYAFwCWACCAlgAdQJYAIICWACCAlgAggJYABQCWABIAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYACMCWAAjAlgAWAJYACgCWABcAlgAWgJYAFACWABdAlgAXQJYAF0CWABdAlgASAJYAEgCWABIAlgASAJYAEgCWABIAlgAXAJYAFoCWAA3AlgANwJYADcCWAA3AlgANwJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWAAyAlgAFAJYABQCWAAUAlgAFAJYABQCWAAoAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAVQJYAFUCWABVAlgAVQJYABkCWAAZAlgAGQJYABkCWAAZAlgAXQJYAF0CWABYAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWAAfAlgAHwJYAFwCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABXAlgARgJYAD8CWABaAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFgCWABUAlgAWgJYADcCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAXAJYAAACWP/UAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABhAlgAYQJYAGcCWAAeAlgAHgJYADICWAAeAlgAHgJYAAoCWAAeAlgAPAJYAFwCWABcAlj/9gJYAFwCWABcAlgAXgJYAFwCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAWAJYACMCWAAjAlgAVAJYACMCWABcAlgAVwJYAFcCWABwAlgAcAJYAHACWAAjAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAXAJYAKUCWAAvAlgALwJYAC8CWAAvAlgALwJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYADYCWAAfAlgAHwJYAB8CWAAfAlgAHwJYADICWAA2AlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgANgJYADYCWABaAlgAWgJYAFoCWABaAlgAXAJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYACMCWAAjAlgAIwJYACMCWAAjAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAFoCWABaAlgAWgJY//sCWP/7Alj/+wJY//sCWP/7Alj/+wJYADwCWAAiAlgAIgJYACICWAAiAlgAIgJYAGQCWABkAlgAZAJYAEECWABGAlgARgJYAEYCWABGAlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYACMCWABBAlgANwJYAK8CWAC5AlgAMgJYAF4CWABdAlgAggJYAIICWACCAlgAGQJYAGQCWABkAlgABgJYADQCWABaAlgAWgJYAFwCWABcAlgAFAJYAEgCWABdAlgAWAJYAF4CWABcAlgAXAJYADcCWAAyAlgAMgJYAC4CWAAoAlgASwJYAF4CWAA8AlgAPAJYAF4CWABeAlj/+wJYADwCWP/7AlgANQJYAEgCWABcAlgATgJYAGkCWABpAlgALQJYAAACWAA8AlgAOAJYAAACWAAeAlgAUQJYAFkCWAAjAlgAIwJYAEECWABfAlgAVAJYAAYCWAA0AlgAWgJYAFgCWABaAlgASwJYAAoCWABdAlgAXQJYAFgCWAAyAlgAMgJYAAACWABDAlgAVgJYAFwCWACHAlgAhwJYAIICWAAbAlgAVAJYAFQCWAAPAlgARgJYAFwCWABcAlgAZwJYAGcCWAAZAlgASAJYAFwCWABUAlgAXAJYAFwCWABYAlgANwJYADYCWAA2AlgAMAJYADICWABOAlgAXAJYADwCWAA8AlgAXAJYAGkCWAAZAlgAPAJYAAUCWAA+AlgAVQJYAFcCWABQAlgAVQJYAFUCWABVAlgAAAJYADwCWAA/AlgAAAJYADICWABcAlgAWwJYADwCWAA8AlgASQJYAGQCWABUAlgADwJYAEYCWABcAlgAVAJYAFoCWABOAlgAWgJYAAoCWABkAlgAZAJYAGQCWAA2AlgANgJYAAACWAAyAlgAXQJYAIICWAAyAlgAZAJYAFUCWABdAlgAWAJYAGkCWABcAlgAMgJYAEgCWABaAlgAUAJYAFgCWABeAlgAXAJYAEsCWAA3AlgAIwJYAC4CWAAoAlgANgJYADICWAAKAlj/jQJY/40CWP
}
@font-face {
font-family: "JetBrains Mono";
font-style: italic;
font-weight: 100 800;
font-stretch: normal;
src: url("data:application/octet-stream;base64,AAEAAAAUAQAABABAR0RFRsIKOd4AAnMwAAADlEdQT1NOeNBSAAJ2xAAALXRHU1VCkqlKQAACpDgAAGE+SFZBUtIe0TwAAwV4AAADe09TLzISNgtwAAAByAAAAGBTVEFU7Prb5AADCPQAAACmYXZhcgrTIAEAAwmcAAAAKmNtYXAh3ET8AAAdLAAAQmpmdmFykulplgADCcgAAABkZ2FzcAAAABAAAnMoAAAACGdseWZXBjAtAABtKAABsapndmFyFtG9GwADCiwAAaxsaGVhZBsWX5kAAAFMAAAANmhoZWEAyAsvAAABhAAAACRobXR4Mg752QAAAigAABsEbG9jYexYfjMAAF+gAAANhm1heHAHRgKMAAABqAAAACBuYW1lxdpKvAACHtQAAAjEcG9zdPPWb24AAieYAABLkHByZXBoBoyFAABfmAAAAAcAAQAAAAJN0yJA3fRfDzz1AAMD6AAAAADf6GY/AAAAAN/oZ9T5Lv5wAv0EYAACAAYAAgAAAAAAAAABAAAD/P7UAAACWPku/1sC/QPoAJ4AAAAAAAAAAAAAAAAGwAABAAAGwgG4AG4A0gASAAEAAAAAAAAAAAAAAAAAAwABAAQCWAGQAAUAAAKKAlj/9ABLAooCWAA3AV4AMgFAAAACAAAJAAAAAAAAoAQC/xIA+fsCAAA8AAAAAEpCAAAAgQAN//8D/P7UAAAD/AEsIAABn9/XAAACJgLaAAAAIAAGAlgAWgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlj/8gJY//ICWAAxAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgAMAJYAAoCWAAwAlgACgJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAMgJYADgCWAAzAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYADECWAAxAlgAMQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYABICWAASAlgAMAJYADACWABWAlgAVgJYAFYCWABWAlgAVgJYAAwCWAAcAlgALgJYAC4CWAAuAlgALgJYAC4CWAAuAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJY//ECWP/xAlgAQgJYABACWAAwAlgALgJYADoCWAAxAlgAMQJYADECWAAxAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMAJYAEQCWAByAlgAcQJYAHICWAByAlgAbAJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWABEAlgAPgJYAD4CWAB6AlgAPwJYAD8CWAA/AlgAPwJYAD8CWP/8AlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAKQJYACkCWAApAlgAKQJYADYCWAA2AlgANgJYADYCWAA2AlgAMQJYADECWABCAlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAAAAlgAAAJYADACWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABBAlgAMgJYACMCWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAEICWAA+AlgARAJYAAACWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAMAJYAC4CWAAcAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAARAlgAEQJYABECWAA1AlgANQJYADUCWABZAlgAWQJYAAcCWABZAlgAWQJYAEUCWABZAlgAEAJYADACWAAwAlgAJgJYADACWAAwAlgAMgJYADACWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJY//ICWP/yAlgAQgJYAAMCWAATAlgADgJYAEICWABEAlgARAJYAEQCWP/RAlgANgJYADYCWAA2AlgANgJYADYCWAA2Alj/ewJY/9ECWABNAlgATQJYAE0CWABNAlgATQJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA/AlgAPwJYAD4CWAA/AlgAPwJYAGECWABKAlgASgJYAEoCWABKAlgASgJYAAsCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWAAuAlgALgJYAC4CWAAuAlgAMAJYABUCWAAVAlgAFQJYABUCWAAVAlgAFQJYAEECWABBAlgAQQJYAEECWABBAlj/+gJY//oCWP/6Alj/+gJY//oCWP/6Alj/+gJYACYCWAAmAlgAJgJYADYCWAA2AlgANgJYADYCWAA2AlgAEQJYABACWABAAlgAQAJYAEACWABAAlgAQAJYADgCWAA4AlgAOAJYABUCWAAaAlgAGgJYABoCWAAaAlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA+AlgAPgJYAD4CWAA+AlgAPgJY/9QCWAAVAlj/8wJYANICWADdAlgABgJYADICWAAxAlgAVgJYAFYCWABWAlj/1wJYADgCWAA4Alj/2gJYAB8CWAAuAlgALgJYADACWAAwAlj/5wJYABwCWAAxAlgAQgJYADICWAAwAlgARgJYAHICWAB6AlgAegJYACICWP/8AlgAWQJYADICWAASAlgAEAJYADICWAAyAlgANgJYABACWP/OAlgACQJYADICWABGAlgAOAJYAD0CWAA9AlgAEgJYADsCWAAQAlgADAJYADsCWAAmAlgAJQJYAC0CWABrAlgAawJYAE8CWAAXAlgAPgJY/9oCWAAfAlgALgJYAEICWAA+AlgAWQJY/94CWAAxAlgAMQJYACwCWAAWAlgAFgJYAAACWAA9AlgAOgJYADECWAA1AlgANQJYAFYCWAA+AlgAPgJYAD4CWP/jAlgAKgJYAD4CWAA+AlgANQJYADUCWP/sAlgAIAJYADICWABCAlgAMgJYABMCWABAAlgAVgJYAEYCWABGAlj/9wJYAAsCWABOAlgAMAJYABICWAAQAlgAMgJYAD0CWAAeAlgAEAJY/9gCWAAUAlgANgJYAEQCWAA6AlgAJAJYACQCWAARAlgALgJYABICWAATAlgALgJYADECWAAwAlgALwJYAGgCWABFAlgASQJYADkCWAA7Alj/4wJYACoCWAA+AlgAQgJYAEQCWABOAlgAJgJY/94CWAA4AlgAOAJYADgCWAAAAlgABgJYADECWABWAlgABgJYADgCWAApAlgAMQJYAEICWAA9AlgAMAJYAAYCWAAcAlgALgJYACQCWABCAlgAMgJYADACWAAfAlgAcgJYAGsCWAAiAlj//AJYADcCWAAGAlgABgJY/7sCWP+7Alj/uwJY/94CWP+xAlj/zwJYAD0CWABrAlgAMAJYADECWAAxAlgAPQJYABMCWA
}
body {
--blur-intensity: 8px;
--accent-border-width: 2px;
--scroll-bar-size: 12px;
--window-border: 1px solid var(--window-border-color);
--fade-away-opacity: 0.25;
--fade-away-delay: 850ms;
--custom-vault-banner-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--mark-highlight-base: var(--color-yellow-base);
--font-interface-theme: "Source Sans 3";
--font-text-theme: "Source Sans 3";
--font-monospace-theme: "JetBrains Mono";
--h1-size: 2.2em;
--h2-size: 2em;
--h3-size: 1.8em;
--h4-size: 1.6em;
--h5-size: 1.4em;
--h6-size: 1.2em;
--h1-weight: var(--font-extrabold);
--h2-weight: var(--font-extrabold);
--h3-weight: var(--font-extrabold);
--h4-weight: var(--font-extrabold);
--h5-weight: var(--font-extrabold);
--h6-weight: var(--font-extrabold);
--h1-line-height: 1.3;
--h2-line-height: 1.3;
--h3-line-height: 1.35;
--h4-line-height: 1.4;
--tag-padding-y: 0;
--tag-padding-x: 0.75ch;
--tag-border-width: 2px;
--tag-size: var(--font-smallest);
--tag-radius: var(--radius-s);
--p-spacing: 0.5em;
--file-folding-offset: 20px;
--nav-item-padding: var(--size-2-1) var(--size-4-2) var(--size-2-1) var(--size-4-6);
--text-error: var(--color-red-text);
--text-accent: var(--interactive-accent-text);
--icon-color-focused: var(--interactive-accent-text);
--background-modifier-error: var(--color-red-text);
--background-modifier-border: var(--window-border-color);
--background-modifier-border-focus: var(--interactive-accent-base);
--background-modifier-border-hover: var(--interactive-accent-tint);
--indentation-guide-color-active: var(--interactive-accent-tint);
--nav-item-children-margin-left: 13px;
--icon-color-hover: var(--highlight-text-normal);
--nav-item-color-hover: var(--highlight-text-normal);
--checkbox-marker-color: var(--highlight-text-normal);
--checklist-done-color: var(--interactive-accent-tint);
--checkbox-border-color-hover: var(--interactive-accent-tint);
--blockquote-border-color: var(--window-border-color);
--ribbon-background-collapsed: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary);
--header-height: 41px;
--input-height: 32px;
--input-radius: var(--radius-s);
--toggle-thumb-height: 18px;
--toggle-thumb-width: 18px;
--toggle-border-width: 1px;
--toggle-width: 42px;
--toggle-s-thumb-height: 14px;
--toggle-s-thumb-width: 14px;
--toggle-s-border-width: 4px;
--divider-color-hover: var(--interactive-accent-tint);
--file-header-font-size: var(--font-ui-medium);
--vault-name-font-size: var(--font-ui-medium);
--vault-profile-font-size: var(--font-ui-medium);
--status-bar-font-size: var(--font-ui-small);
--tab-stacked-font-size: var(--font-ui-medium);
--modal-border-color: var(--window-border-color);
--drag-ghost-text-color: var(--text-normal);
--clickable-icon-radius: var(--radius-s);
--toggle-radius: var(--size-4-1);
--toggle-thumb-radius: 3px;
--slider-thumb-radius: var(--size-4-1);
--slider-thumb-width: 10px;
--scrollbar-active-thumb-bg: var(--interactive-accent-base);
--scrollbar-thumb-bg: var(--background-primary-alt);
--text-on-accent: var(--highlight-text-normal);
--prompt-border-color: var(--window-border-color);
--embed-border-top: 1px solid var(--window-border-color);
--embed-border-bottom: 1px solid var(--window-border-color);
--embed-border-end: 1px solid var(--window-border-color);
--embed-padding: unset;
--code-comment: var(--color-grey-text);
--graph-controls-width: 150px;
--pdf-shadow: unset;
--pdf-thumbnail-shadow: unset;
--metadata-gap: var(--size-2-1);
--pill-radius: var(--radius-s);
--collapse-icon-color-collapsed: var(--text-normal);
--embed-max-height: 800px;
--metadata-label-background-active: var(--background-secondary);
--metadata-input-background-active: var(--background-secondary);
--status-bar-background-color-lt: #EBECEF;
--status-bar-background-color-dt: #2B2B2B;
}
body:is(.theme-light, .theme-dark) {
--color-grey-base: hsl(var(--color-grey-base-hsl));
--color-red-base: hsl(var(--color-red-base-hsl));
--color-orange-base: hsl(var(--color-orange-base-hsl));
--color-yellow-base: hsl(var(--color-yellow-base-hsl));
--color-green-base: hsl(var(--color-green-base-hsl));
--color-mint-base: hsl(var(--color-mint-base-hsl));
--color-cyan-base: hsl(var(--color-cyan-base-hsl));
--color-blue-base: hsl(var(--color-blue-base-hsl));
--color-purple-base: hsl(var(--color-purple-base-hsl));
--color-pink-base: hsl(var(--color-pink-base-hsl));
--color-grey-tint: hsl(var(--color-grey-tint-hsl));
--color-red-tint: hsl(var(--color-red-tint-hsl));
--color-orange-tint: hsl(var(--color-orange-tint-hsl));
--color-yellow-tint: hsl(var(--color-yellow-tint-hsl));
--color-green-tint: hsl(var(--color-green-tint-hsl));
--color-mint-tint: hsl(var(--color-mint-tint-hsl));
--color-cyan-tint: hsl(var(--color-cyan-tint-hsl));
--color-blue-tint: hsl(var(--color-blue-tint-hsl));
--color-purple-tint: hsl(var(--color-purple-tint-hsl));
--color-pink-tint: hsl(var(--color-pink-tint-hsl));
--color-grey-text: hsl(var(--color-grey-text-hsl));
--color-red-text: hsl(var(--color-red-text-hsl));
--color-orange-text: hsl(var(--color-orange-text-hsl));
--color-yellow-text: hsl(var(--color-yellow-text-hsl));
--color-green-text: hsl(var(--color-green-text-hsl));
--color-mint-text: hsl(var(--color-mint-text-hsl));
--color-cyan-text: hsl(var(--color-cyan-text-hsl));
--color-blue-text: hsl(var(--color-blue-text-hsl));
--color-purple-text: hsl(var(--color-purple-text-hsl));
--color-pink-text: hsl(var(--color-pink-text-hsl));
--text-normal: hsl(var(--text-normal-hsl));
--text-muted: hsl(var(--text-muted-hsl));
--text-faint: hsl(var(--text-faint-hsl));
--background-primary: hsl(var(--background-primary-hsl));
--background-primary-blur: hsl(var(--background-primary-hsl), 80%);
--background-primary-alt: hsl(var(--background-primary-alt-hsl));
--background-secondary: hsl(var(--background-secondary-hsl));
--background-secondary-blur: hsla(var(--background-secondary-blur-hsl), 80%);
--background-secondary-alt: hsl(var(--background-secondary-alt-hsl));
--background-secondary-alt-blur: hsla(var(--background-secondary-alt-hsl), 80%);
--input-shadow: unset;
--input-shadow-hover: unset;
--tab-stacked-shadow: 0;
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl), 90%);
--text-selection: hsla(var(--interactive-accent-tint-hsl), 55%);
--text-highlight-bg: var(--interactive-accent-base);
--interactive-accent: var(--interactive-accent-tint);
--interactive-hover: var(--background-primary);
--text-accent-hover: var(--interactive-accent-hover);
--scroll-button-background-color: var(--background-primary);
--color-red: var(--color-red-text);
--color-orange: var(--color-orange-text);
--color-yellow: var(--color-yellow-text);
--color-green: var(--color-green-text);
--color-cyan: var(--color-cyan-text);
--color-blue: var(--color-blue-text);
--color-purple: var(--color-purple-text);
--color-pink: var(--color-pink-text);
--color-accent-base-lt: var(--color-red-base-hsl);
--color-accent-tint-lt: var(--color-red-tint-hsl);
--color-accent-text-lt: var(--color-red-text-hsl);
--color-accent-base-dt: var(--color-red-base-hsl);
--color-accent-tint-dt: var(--color-red-tint-hsl);
--color-accent-text-dt: var(--color-red-text-hsl);
--color-accent-hsl: var(--interactive-accent-text-hsl);
--color-accent: var(--interactive-accent-text);
--color-accent-1: var(--interactive-accent-tint);
--color-accent-2: var(--interactive-accent-base);
}
body:is(.theme-light, .theme-dark).pt-disable-blur {
--background-secondary-blur: var(--background-secondary);
}
body.theme-light {
--window-border-color: var(--background-secondary-alt);
--h1-color: var(--h1-text-color-lt);
--h2-color: var(--h2-text-color-lt);
--h3-color: var(--h3-text-color-lt);
--h4-color: var(--h4-text-color-lt);
--h5-color: var(--h5-text-color-lt);
--h6-color: var(--h6-text-color-lt);
--bold-color: var(--text-bold-color-lt);
--italic-color: var(--text-italic-color-lt);
--link-color: hsl(var(--link-internal-color-lt));
--link-color-hover: hsla(var(--link-internal-color-lt), 60%);
--link-external-color: hsl(var(--link-external-color-lt));
--link-external-color-hover: hsla(var(--link-external-color-lt), 60%);
--link-unresolved-color: hsl(var(--link-internal-color-lt));
--inline-title-color: var(--inline-title-color-lt);
--code-background: var(--background-primary);
--blockquote-background-color: var(--background-primary-alt);
--checkbox-color: var(--background-primary-alt);
--checkbox-border-color: var(--background-secondary-alt);
--scrollbar-bg: var(--background-secondary);
--pdf-background: var(--background-primary);
--pdf-sidebar-background: var(--background-primary);
--canvas-dot-pattern: hsla(var(--background-secondary-alt-hsl), 75%);
--indentation-guide-color: hsla(var(--background-secondary-alt-hsl), 75%);
--interactive-normal: var(--background-primary);
--toggle-thumb-color: var(--background-primary);
--background-modifier-form-field: var(--background-primary);
--graph-line: var(--graph-line-color-lt);
--graph-node: var(--graph-fill-color-lt);
--graph-node-focused: var(--graph-fill-focused-color-lt);
--graph-node-tag: var(--graph-tag-color-lt);
--graph-node-attachment: var(--graph-attachment-color-lt);
--graph-node-unresolved: var(--graph-unresolved-color-lt);
--graph-line-color-lt: var(--background-secondary-alt);
--graph-fill-color-lt: var(--color-grey-tint);
--graph-fill-focused-color-lt: var(--interactive-accent-tint);
--graph-tag-color-lt: var(--color-blue-tint);
--graph-attachment-color-lt: var(--color-yellow-tint);
--graph-unresolved-color-lt: var(--color-red-tint);
--h1-text-color-lt: var(--text-normal);
--h2-text-color-lt: var(--text-normal);
--h3-text-color-lt: var(--text-normal);
--h4-text-color-lt: var(--text-normal);
--h5-text-color-lt: var(--text-normal);
--h6-text-color-lt: var(--text-normal);
--text-bold-color-lt: var(--text-normal);
--text-italic-color-lt: var(--text-normal);
--text-italic-bold-color-lt: var(--text-normal);
--link-internal-color-lt: var(--interactive-accent-text-hsl);
--link-external-color-lt: var(--interactive-accent-text-hsl);
}
body.theme-light.pt-color-scheme-style-border-lt {
--background-secondary: var(--background-primary);
--background-secondary-blur: var(--background-primary-blur);
}
body.theme-light.pt-color-scheme-style-border-lt.pt-disable-blur {
--background-secondary-blur: var(--background-primary);
}
body.theme-light.pt-color-scheme-style-minimal-lt {
--background-secondary: var(--background-primary);
--background-secondary-blur: var(--background-primary-blur);
--window-border: 1px solid transparent;
}
body.theme-light.pt-color-scheme-style-minimal-lt.pt-disable-blur {
--background-secondary-blur: var(--background-primary);
}
body.theme-light.pt-highlight-text-light-lt {
--highlight-text-normal: var(--background-primary);
}
body.theme-light.pt-highlight-text-dark-lt {
--highlight-text-normal: var(--text-normal);
}
body.theme-light.pt-highlight-text-accent-lt {
--highlight-text-normal: var(--interactive-accent-text);
}
body.theme-light.pt-highlight-text-custom-lt {
--highlight-text-normal: var(--highlight-text-accent-custom-lt);
}
body.theme-light.pt-accent-color-custom-lt {
--interactive-accent-base-hsl: var(--color-accent-base-lt);
--interactive-accent-tint-hsl: var(--color-accent-tint-lt);
--interactive-accent-text-hsl: var(--color-accent-text-lt);
--interactive-accent-base: hsl(var(--color-accent-base-lt));
--interactive-accent-tint: hsl(var(--color-accent-tint-lt));
--interactive-accent-text: hsl(var(--color-accent-text-lt));
--interactive-accent-hover: hsl(var(--color-accent-tint-lt));
}
body.theme-light.pt-accent-color-red-lt {
--interactive-accent-base-hsl: var(--color-red-base-hsl);
--interactive-accent-tint-hsl: var(--color-red-tint-hsl);
--interactive-accent-text-hsl: var(--color-red-text-hsl);
--interactive-accent-base: var(--color-red-base);
--interactive-accent-tint: var(--color-red-tint);
--interactive-accent-text: var(--color-red-text);
--interactive-accent-hover: var(--color-red-tint);
}
body.theme-light.pt-accent-color-orange-lt {
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
--interactive-accent-tint-hsl: var(--color-orange-tint-hsl);
--interactive-accent-text-hsl: var(--color-orange-text-hsl);
--interactive-accent-base: var(--color-orange-base);
--interactive-accent-tint: var(--color-orange-tint);
--interactive-accent-text: var(--color-orange-text);
--interactive-accent-hover: var(--color-orange-tint);
}
body.theme-light.pt-accent-color-yellow-lt {
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
--interactive-accent-tint-hsl: var(--color-yellow-tint-hsl);
--interactive-accent-text-hsl: var(--color-yellow-text-hsl);
--interactive-accent-base: var(--color-yellow-base);
--interactive-accent-tint: var(--color-yellow-tint);
--interactive-accent-text: var(--color-yellow-text);
--interactive-accent-hover: var(--color-yellow-tint);
}
body.theme-light.pt-accent-color-green-lt {
--interactive-accent-base-hsl: var(--color-green-base-hsl);
--interactive-accent-tint-hsl: var(--color-green-tint-hsl);
--interactive-accent-text-hsl: var(--color-green-text-hsl);
--interactive-accent-base: var(--color-green-base);
--interactive-accent-tint: var(--color-green-tint);
--interactive-accent-text: var(--color-green-text);
--interactive-accent-hover: var(--color-green-tint);
}
body.theme-light.pt-accent-color-mint-lt {
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
--interactive-accent-tint-hsl: var(--color-mint-tint-hsl);
--interactive-accent-text-hsl: var(--color-mint-text-hsl);
--interactive-accent-base: var(--color-mint-base);
--interactive-accent-tint: var(--color-mint-tint);
--interactive-accent-text: var(--color-mint-text);
--interactive-accent-hover: var(--color-mint-tint);
}
body.theme-light.pt-accent-color-cyan-lt {
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
--interactive-accent-tint-hsl: var(--color-cyan-tint-hsl);
--interactive-accent-text-hsl: var(--color-cyan-text-hsl);
--interactive-accent-base: var(--color-cyan-base);
--interactive-accent-tint: var(--color-cyan-tint);
--interactive-accent-text: var(--color-cyan-text);
--interactive-accent-hover: var(--color-cyan-tint);
}
body.theme-light.pt-accent-color-blue-lt {
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
--interactive-accent-tint-hsl: var(--color-blue-tint-hsl);
--interactive-accent-text-hsl: var(--color-blue-text-hsl);
--interactive-accent-base: var(--color-blue-base);
--interactive-accent-tint: var(--color-blue-tint);
--interactive-accent-text: var(--color-blue-text);
--interactive-accent-hover: var(--color-blue-tint);
}
body.theme-light.pt-accent-color-purple-lt {
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
--interactive-accent-tint-hsl: var(--color-purple-tint-hsl);
--interactive-accent-text-hsl: var(--color-purple-text-hsl);
--interactive-accent-base: var(--color-purple-base);
--interactive-accent-tint: var(--color-purple-tint);
--interactive-accent-text: var(--color-purple-text);
--interactive-accent-hover: var(--color-purple-tint);
}
body.theme-light.pt-accent-color-pink-lt {
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
--interactive-accent-tint-hsl: var(--color-pink-tint-hsl);
--interactive-accent-text-hsl: var(--color-pink-text-hsl);
--interactive-accent-base: var(--color-pink-base);
--interactive-accent-tint: var(--color-pink-tint);
--interactive-accent-text: var(--color-pink-text);
--interactive-accent-hover: var(--color-pink-tint);
}
body.theme-light.pt-accent-color-grey-lt {
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
--interactive-accent-tint-hsl: var(--color-grey-tint-hsl);
--interactive-accent-text-hsl: var(--color-grey-text-hsl);
--interactive-accent-base: var(--color-grey-base);
--interactive-accent-tint: var(--color-grey-tint);
--interactive-accent-text: var(--color-grey-text);
--interactive-accent-hover: var(--color-grey-tint);
}
body.theme-dark {
--window-border-color: var(--background-primary-alt);
--h1-color: var(--h1-text-color-dt);
--h2-color: var(--h2-text-color-dt);
--h3-color: var(--h3-text-color-dt);
--h4-color: var(--h4-text-color-dt);
--h5-color: var(--h5-text-color-dt);
--h6-color: var(--h6-text-color-dt);
--text-bold-color-dt: var(--text-normal);
--text-italic-color-dt: var(--text-normal);
--text-italic-bold-color-dt: var(--text-normal);
--link-internal-color-dt: var(--interactive-accent-text-hsl);
--link-external-color-dt: var(--interactive-accent-text-hsl);
--bold-color: var(--text-bold-color-dt);
--italic-color: var(--text-italic-color-dt);
--link-color: hsl(var(--link-internal-color-dt));
--link-color-hover: hsla(var(--link-internal-color-dt), 60%);
--link-external-color: hsl(var(--link-external-color-dt));
--link-external-color-hover: hsla(var(--link-external-color-dt), 60%);
--link-unresolved-color: hsl(var(--link-internal-color-dt));
--inline-title-color: var(--inline-title-color-dt);
--code-background: var(--background-secondary-alt);
--blockquote-background-color: hsl(var(--background-secondary-hsl));
--checkbox-color: var(--background-primary);
--checkbox-border-color: var(--background-primary-alt);
--toggle-thumb-color: var(--text-normal);
--background-modifier-form-field: var(--background-secondary-alt);
--modal-background: var(--background-secondary-alt);
--scrollbar-bg: var(--background-secondary);
--pdf-background: var(--background-secondary-alt);
--pdf-sidebar-background: var(--background-secondary-alt);
--canvas-dot-pattern: hsla(var(--background-primary-alt-hsl), 80%);
--indentation-guide-color: hsla(var(--background-primary-alt-hsl), 80%);
--interactive-normal: var(--background-secondary);
--graph-line: var(--graph-line-color-dt);
--graph-node: var(--graph-fill-color-dt);
--graph-node-focused: var(--graph-fill-focused-color-dt);
--graph-node-tag: var(--graph-tag-color-dt);
--graph-node-attachment: var(--graph-attachment-color-dt);
--graph-node-unresolved: var(--graph-unresolved-color-dt);
--graph-line-color-dt: var(--background-primary-alt);
--graph-fill-color-dt: var(--color-grey-text);
--graph-fill-focused-color-dt: var(--interactive-accent-text);
--graph-tag-color-dt: var(--color-blue-text);
--graph-attachment-color-dt: var(--color-yellow-text);
--graph-unresolved-color-dt: var(--color-red-text);
--h1-text-color-dt: var(--text-normal);
--h2-text-color-dt: var(--text-normal);
--h3-text-color-dt: var(--text-normal);
--h4-text-color-dt: var(--text-normal);
--h5-text-color-dt: var(--text-normal);
--h6-text-color-dt: var(--text-normal);
}
body.theme-dark.pt-color-scheme-style-border-dt {
--background-secondary: var(--background-secondary-alt);
--background-secondary-blur: var(--background-secondary-alt-blur);
}
body.theme-dark.pt-color-scheme-style-border-dt.pt-disable-blur {
--background-secondary-blur: var(--background-secondary-alt);
}
body.theme-dark.pt-color-scheme-style-minimal-dt {
--background-secondary: var(--background-secondary-alt);
--background-secondary-blur: var(--background-secondary-alt-blur);
--window-border: 1px solid transparent;
}
body.theme-dark.pt-color-scheme-style-minimal-dt.pt-disable-blur {
--background-secondary-blur: var(--background-secondary-alt);
}
body.theme-dark.pt-highlight-text-light-dt {
--highlight-text-normal: var(--text-normal);
}
body.theme-dark.pt-highlight-text-dark-dt {
--highlight-text-normal: var(--background-primary);
}
body.theme-dark.pt-highlight-text-accent-dt {
--highlight-text-normal: var(--interactive-accent-text);
}
body.theme-dark.pt-highlight-text-custom-dt {
--highlight-text-normal: var(--highlight-text-accent-custom-dt);
}
body.theme-dark.pt-accent-color-custom-dt {
--interactive-accent-base-hsl: var(--color-accent-base-dt);
--interactive-accent-tint-hsl: var(--color-accent-tint-dt);
--interactive-accent-text-hsl: var(--color-accent-text-dt);
--interactive-accent-base: hsl(var(--color-accent-base-dt));
--interactive-accent-tint: hsl(var(--color-accent-tint-dt));
--interactive-accent-text: hsl(var(--color-accent-text-dt));
--interactive-accent-hover: hsl(var(--color-accent-tint-dt));
}
body.theme-dark.pt-accent-color-red-dt {
--interactive-accent-base-hsl: var(--color-red-base-hsl);
--interactive-accent-tint-hsl: var(--color-red-tint-hsl);
--interactive-accent-text-hsl: var(--color-red-text-hsl);
--interactive-accent-base: var(--color-red-base);
--interactive-accent-tint: var(--color-red-tint);
--interactive-accent-text: var(--color-red-text);
--interactive-accent-hover: var(--color-red-tint);
}
body.theme-dark.pt-accent-color-orange-dt {
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
--interactive-accent-tint-hsl: var(--color-orange-tint-hsl);
--interactive-accent-text-hsl: var(--color-orange-text-hsl);
--interactive-accent-base: var(--color-orange-base);
--interactive-accent-tint: var(--color-orange-tint);
--interactive-accent-text: var(--color-orange-text);
--interactive-accent-hover: var(--color-orange-tint);
}
body.theme-dark.pt-accent-color-yellow-dt {
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
--interactive-accent-tint-hsl: var(--color-yellow-tint-hsl);
--interactive-accent-text-hsl: var(--color-yellow-text-hsl);
--interactive-accent-base: var(--color-yellow-base);
--interactive-accent-tint: var(--color-yellow-tint);
--interactive-accent-text: var(--color-yellow-text);
--interactive-accent-hover: var(--color-yellow-tint);
}
body.theme-dark.pt-accent-color-green-dt {
--interactive-accent-base-hsl: var(--color-green-base-hsl);
--interactive-accent-tint-hsl: var(--color-green-tint-hsl);
--interactive-accent-text-hsl: var(--color-green-text-hsl);
--interactive-accent-base: var(--color-green-base);
--interactive-accent-tint: var(--color-green-tint);
--interactive-accent-text: var(--color-green-text);
--interactive-accent-hover: var(--color-green-tint);
}
body.theme-dark.pt-accent-color-mint-dt {
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
--interactive-accent-tint-hsl: var(--color-mint-tint-hsl);
--interactive-accent-text-hsl: var(--color-mint-text-hsl);
--interactive-accent-base: var(--color-mint-base);
--interactive-accent-tint: var(--color-mint-tint);
--interactive-accent-text: var(--color-mint-text);
--interactive-accent-hover: var(--color-mint-tint);
}
body.theme-dark.pt-accent-color-cyan-dt {
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
--interactive-accent-tint-hsl: var(--color-cyan-tint-hsl);
--interactive-accent-text-hsl: var(--color-cyan-text-hsl);
--interactive-accent-base: var(--color-cyan-base);
--interactive-accent-tint: var(--color-cyan-tint);
--interactive-accent-text: var(--color-cyan-text);
--interactive-accent-hover: var(--color-cyan-tint);
}
body.theme-dark.pt-accent-color-blue-dt {
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
--interactive-accent-tint-hsl: var(--color-blue-tint-hsl);
--interactive-accent-text-hsl: var(--color-blue-text-hsl);
--interactive-accent-base: var(--color-blue-base);
--interactive-accent-tint: var(--color-blue-tint);
--interactive-accent-text: var(--color-blue-text);
--interactive-accent-hover: var(--color-blue-tint);
}
body.theme-dark.pt-accent-color-purple-dt {
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
--interactive-accent-tint-hsl: var(--color-purple-tint-hsl);
--interactive-accent-text-hsl: var(--color-purple-text-hsl);
--interactive-accent-base: var(--color-purple-base);
--interactive-accent-tint: var(--color-purple-tint);
--interactive-accent-text: var(--color-purple-text);
--interactive-accent-hover: var(--color-purple-tint);
}
body.theme-dark.pt-accent-color-pink-dt {
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
--interactive-accent-tint-hsl: var(--color-pink-tint-hsl);
--interactive-accent-text-hsl: var(--color-pink-text-hsl);
--interactive-accent-base: var(--color-pink-base);
--interactive-accent-tint: var(--color-pink-tint);
--interactive-accent-text: var(--color-pink-text);
--interactive-accent-hover: var(--color-pink-tint);
}
body.theme-dark.pt-accent-color-grey-dt {
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
--interactive-accent-tint-hsl: var(--color-grey-tint-hsl);
--interactive-accent-text-hsl: var(--color-grey-text-hsl);
--interactive-accent-base: var(--color-grey-base);
--interactive-accent-tint: var(--color-grey-tint);
--interactive-accent-text: var(--color-grey-text);
--interactive-accent-hover: var(--color-grey-tint);
}
body.pt-titlebar-hide-text .titlebar .titlebar-text {
display: none;
}
.mod-windows .titlebar-button.mod-close:hover {
color: hsl(0, 100%, 100%);
background-color: #C42B1C;
}
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
background-color: unset;
}
.mod-windows.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
padding-left: var(--frame-left-space);
}
.status-bar:empty, .pt-status-bar-position-hidden .status-bar {
display: none;
}
.pt-status-bar-position-floating .status-bar {
--status-bar-position: absolute;
right: 0;
left: 0;
width: fit-content;
margin: 0 auto calc(var(--size-2-3) + var(--scroll-bar-size));
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
box-shadow: var(--shadow-l);
}
.pt-status-bar-position-fixed .status-bar {
--status-bar-position: relative;
padding: 1px var(--size-4-2);
border-top: var(--window-border);
border-radius: unset;
}
.pt-fixed-status-bar-align-left .status-bar {
justify-content: flex-start;
}
.pt-fixed-status-bar-align-center .status-bar {
justify-content: center;
}
.pt-fixed-status-bar-align-right .status-bar {
justify-content: flex-end;
}
.theme-light.pt-status-bar-custom-lt .status-bar {
background: var(--status-bar-background-color-lt);
}
.theme-dark.pt-status-bar-custom-dt .status-bar {
background: var(--status-bar-background-color-dt);
}
:is(.theme-light.pt-status-bar-text-light-lt, .theme-dark.pt-status-bar-text-dark-dt) .status-bar {
color: var(--background-primary);
}
:is(.theme-light.pt-status-bar-text-dark-lt, .theme-dark.pt-status-bar-text-light-dt) .status-bar {
color: var(--text-muted);
}
:is(.theme-light.pt-status-bar-text-accent-lt, .theme-dark.pt-status-bar-text-accent-dt) .status-bar {
color: var(--interactive-accent-text);
}
.status-bar-item.mod-clickable:hover {
color: var(--interactive-accent-text);
}
.workspace-tab-header {
padding: 0 var(--size-4-2);
border: var(--accent-border-width) solid transparent;
border-radius: var(--radius-m);
}
.workspace-tab-header .workspace-tab-header-inner-close-button:hover svg {
color: var(--interactive-accent-hover);
}
.workspace-tab-header.is-active {
border-radius: var(--radius-m);
}
.workspace-tab-header.is-active:hover .workspace-tab-header-inner-icon svg {
color: var(--interactive-accent-hover);
}
.workspace-tab-header.is-active .workspace-tab-header-inner-icon {
color: var(--icon-color-focused);
}
.workspace-tab-header::before, .workspace-tab-header::after {
display: none;
}
.mod-root .workspace-tab-header-status-icon,
.mod-root .workspace-tab-header-inner-icon {
--icon-size: var(--icon-s);
--icon-stroke: var(--icon-s-stroke-width);
}
.workspace-tab-header-container {
padding-right: unset;
padding-left: 1px;
border-bottom: var(--window-border);
}
.workspace .mod-root .workspace-tab-header {
padding: unset;
}
.mod-root .workspace-tab-header-inner {
gap: var(--size-4-1);
padding: 0 var(--size-4-1) 0 var(--size-4-2);
}
.workspace .mod-root .workspace-tab-header-inner::after,
.workspace-tab-header-inner-close-button::after {
display: none;
}
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-title {
color: var(--highlight-text-normal);
}
.workspace-tabs .workspace-tab-header-container-inner {
gap: var(--size-4-1);
padding: unset;
margin: var(--size-4-1);
}
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) {
margin-left: unset;
}
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) .clickable-icon {
padding: var(--size-4-1);
}
.workspace-tab-header-new-tab {
padding: var(--size-4-1) 0;
}
.workspace-tab-header-tab-list {
padding: var(--size-4-1);
margin-right: unset;
}
.pt-fade-inactive-tabs :not(.mod-active) .workspace-tab-header.is-active:not(.mod-active) {
opacity: 0.55;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
background-color: var(--background-secondary);
border: unset;
border-right: var(--window-border);
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
padding-top: 10px;
margin-left: -1px;
border-left: var(--window-border);
}
.mod-root .workspace-tab-header-container-inner {
margin-left: var(--size-4-1);
}
.mod-root .workspace-tab-header-new-tab {
margin-right: auto;
}
.pt-tab-header-center .mod-root .workspace-tab-header-container-inner {
margin-left: auto;
}
.pt-tab-header-center .mod-root .workspace-tab-header-new-tab {
margin-right: auto;
}
.pt-tab-header-right .mod-root .workspace-tab-header-container-inner {
margin-left: auto;
}
.pt-tab-header-right .mod-root .workspace-tab-header-new-tab {
margin-right: var(--size-4-1);
}
.pt-tab-label-left-sidebar-left .workspace-split.mod-left-split .workspace-tab-header-container {
justify-content: flex-start;
}
.pt-tab-label-left-sidebar-center .workspace-split.mod-left-split .workspace-tab-header-container {
justify-content: center;
}
.pt-tab-label-left-sidebar-right .workspace-split.mod-left-split .workspace-tab-header-container {
justify-content: flex-end;
}
.pt-tab-label-right-sidebar-left .workspace-split.mod-right-split .workspace-tab-header-container {
justify-content: flex-start;
}
.pt-tab-label-right-sidebar-center .workspace-split.mod-right-split .workspace-tab-header-container {
justify-content: center;
}
.pt-tab-label-right-sidebar-right .workspace-split.mod-right-split .workspace-tab-header-container {
justify-content: flex-end;
}
.nav-header {
display: flex;
height: var(--header-height);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.workspace-drawer .nav-header {
order: unset;
}
.nav-buttons-container {
gap: var(--size-4-1);
align-items: center;
width: fit-content;
}
.nav-action-button {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
padding: 2px;
border-radius: var(--radius-m);
}
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
justify-content: flex-start;
}
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
right: calc(var(--size-2-3) + var(--scroll-bar-size));
left: var(--size-2-3);
margin-right: auto;
}
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
justify-content: center;
}
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
right: calc(var(--size-2-3) + var(--scroll-bar-size));
left: var(--size-2-3);
margin-right: auto;
margin-left: auto;
}
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
justify-content: flex-end;
}
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
right: calc(var(--size-2-3) + var(--scroll-bar-size));
left: var(--size-2-3);
margin-left: auto;
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) {
order: unset;
}
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .nav-header,
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .nav-header,
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .nav-header,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .nav-header {
position: absolute;
bottom: calc(var(--size-2-2) + var(--scroll-bar-size));
z-index: var(--layer-popover);
order: 10;
width: -webkit-fill-available;
width: fill-available;
height: unset;
padding: 0 calc(var(--size-2-2) + var(--scroll-bar-size)) 0 var(--size-2-2);
pointer-events: none;
background-color: unset;
border-bottom: unset;
}
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .nav-buttons-container,
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .nav-buttons-container,
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .nav-buttons-container,
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .nav-buttons-container,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .nav-header {
padding: var(--size-4-1);
pointer-events: auto;
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .nav-header {
width: fit-content;
}
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container,
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container,
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
position: fixed;
bottom: calc(var(--size-2-3) + var(--scroll-bar-size));
z-index: var(--layer-popover);
min-height: unset;
}
.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content),
.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content),
.pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content),
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container, .workspace-leaf-content[data-type=bookmarks] .view-content > div, .workspace-leaf-content[data-type=all-properties] .view-content, .workspace-leaf-content[data-type=properties] .view-content, .workspace-leaf-content[data-type=outline] .view-content) {
padding-bottom: calc(38px + 2 * var(--scroll-bar-size));
}
.pt-nav-header-left-sidebar-position-bottom.is-mobile .workspace-drawer.mod-left .nav-buttons-container,
.pt-nav-header-right-sidebar-position-bottom.is-mobile .workspace-drawer.mod-right .nav-buttons-container,
.pt-nav-header-left-sidebar-position-bottom.is-mobile .workspace-drawer.mod-left .workspace-leaf-content[data-type=dangling-links] .nav-header,
.pt-nav-header-right-sidebar-position-bottom.is-mobile .workspace-drawer.mod-right .workspace-leaf-content[data-type=dangling-links] .nav-header {
padding: var(--size-4-2);
}
body.is-mobile {
--toggle-thumb-height: 18px;
--toggle-thumb-width: 18px;
--toggle-border-width: 1px;
--toggle-width: 42px;
--toggle-s-thumb-height: 14px;
--toggle-s-thumb-width: 14px;
--toggle-s-border-width: 4px;
--toggle-radius: var(--size-4-1);
--toggle-thumb-radius: 3px;
--slider-thumb-radius: var(--size-4-1);
--slider-thumb-width: 10px;
--slider-thumb-y: -7px;
--input-border-width: 1px;
--nav-item-color: var(--text-muted);
--font-ui-large: calc(var(--font-text-size) * 1.1);
--prompt-max-height: 80vh;
--file-margins: var(--size-4-4) var(--size-4-5) calc(var(--size-4-4) + 50px) var(--size-4-5);
}
body.is-mobile.theme-light .workspace-leaf-content,
body.is-mobile.theme-light .workspace-drawer-tab-options {
background-color: var(--background-primary);
}
body.is-mobile.theme-dark .workspace-leaf-content,
body.is-mobile.theme-dark .workspace-drawer-tab-option,
body.is-mobile.theme-dark .community-modal-info {
background-color: var(--background-secondary-alt);
}
body.is-mobile.theme-dark .modal.mod-settings .vertical-tab-header-group-items,
body.is-mobile.theme-dark .modal.mod-settings .vertical-tab-content {
background-color: var(--background-secondary-alt);
}
body.is-mobile.theme-dark .prompt,
body.is-mobile.theme-dark .prompt input.prompt-input {
background-color: var(--background-secondary-alt);
}
body.is-mobile.is-phone.theme-light .vertical-tab-header {
background-color: var(--background-primary);
}
body.is-mobile.is-phone.theme-dark .community-modal-details,
body.is-mobile.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item,
body.is-mobile.is-phone.theme-dark .modal.mod-settings .vertical-tab-header {
background-color: var(--background-secondary-alt);
}
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-header::before,
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-header::after,
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-content-container::before {
display: none;
}
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-content {
padding: var(--size-4-3) var(--size-4-3) calc(var(--safe-area-inset-bottom) + var(--size-4-4)) var(--size-4-3);
}
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-nav-item {
height: 42px;
}
body.is-mobile.is-phone .menu.mod-tab-list .menu-item-title {
max-width: unset;
}
body.is-mobile.is-phone .view-header-title-parent,
body.is-mobile.is-phone .view-header-title {
opacity: 1;
}
body.is-mobile.is-phone .vertical-tab-content {
height: 100%;
}
body.is-mobile.is-phone .prompt {
--prompt-bottom: var(--size-4-2);
margin-right: var(--size-4-2);
margin-left: var(--size-4-2);
border-radius: var(--radius-m);
}
body.is-mobile.is-phone .community-modal-controls {
background-color: var(--background-secondary);
}
body.is-mobile.is-phone .setting-item-control input {
width: calc(100% - var(--size-4-2));
margin: var(--size-4-1);
}
body.is-mobile.is-phone .modal.mod-sidebar-layout .modal-title {
border-bottom: var(--window-border);
}
body.is-mobile.is-phone .community-modal-search-results {
gap: var(--size-4-2);
padding: var(--size-4-2);
}
body.is-mobile.is-phone .community-item {
border-width: var(--border-width);
border-radius: var(--radius-m);
}
body.is-mobile.is-phone .prompt-input-cta {
display: none;
}
body.is-mobile.is-phone .prompt-input[type=text] {
border: 1px solid var(--window-border-color);
}
body.is-mobile.is-phone .setting-item-heading {
margin-top: var(--size-4-1);
}
body.is-mobile.is-phone .setting-item {
padding: var(--size-4-2);
}
body.is-mobile.is-phone .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control {
margin-top: unset;
}
body.is-mobile.is-phone .pickr {
width: 100%;
}
body.is-mobile.is-phone .modal.mod-sidebar-layout .search-input-container {
height: unset;
}
body.is-mobile.is-phone .search-input-container:before {
top: calc((var(--input-height) - var(--search-icon-size) + var(--size-4-2)) / 2);
}
body.is-mobile.is-tablet .modal.mod-sidebar-layout .modal-setting-back-button {
display: none;
}
body.is-mobile.is-tablet.theme-dark {
--titlebar-background: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary);
}
body.is-mobile.is-tablet .workspace-drawer-ribbon {
display: flex;
flex-flow: column;
}
body.is-mobile.is-tablet .sidebar-toggle-button {
--icon-color: var(--text-muted);
}
body.is-mobile .workspace-drawer-header-icon.mod-pin,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-back-icon,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon:last-child {
border-radius: var(--radius-m);
}
body.is-mobile .workspace-drawer-header-icon.mod-pin:hover,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-back-icon:hover,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon:last-child:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
body.is-mobile .workspace-drawer {
background-color: var(--background-secondary);
border-radius: var(--radius-m);
padding-top: unset;
}
body.is-mobile .workspace-drawer:not(.is-pinned) {
margin: calc(var(--safe-area-inset-top) + var(--size-4-2)) var(--size-4-2) calc(var(--safe-area-inset-bottom) + var(--size-4-2));
border: var(--window-border);
}
body.is-mobile .workspace-drawer.is-pinned .workspace-drawer-header {
padding-top: var(--size-4-2);
}
body.is-mobile .workspace-drawer .side-dock-settings {
padding: var(--size-4-2) 0;
}
body.is-mobile .nav-buttons-container {
--icon-color: var(--text-muted);
gap: var(--size-4-4);
}
body.is-mobile .workspace-drawer-ribbon {
background-color: var(--background-secondary);
border-right: var(--window-border);
}
body.is-mobile .workspace-drawer-header {
padding: var(--size-4-2) var(--size-4-5);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
align-items: center;
}
body.is-mobile .workspace-drawer-active-tab-header {
padding: var(--size-4-3) var(--size-4-5);
margin: unset;
border-radius: unset;
background-color: unset;
border-bottom: var(--window-border);
}
body.is-mobile .workspace-drawer-header-icon,
body.is-mobile .workspace-drawer-active-tab-back-icon,
body.is-mobile .workspace-drawer-active-tab-icon:last-child {
color: var(--text-muted);
}
body.is-mobile .mod-right .workspace-drawer-header-name {
margin-top: var(--size-4-2);
}
body.is-mobile .mod-right .workspace-drawer-header {
padding: var(--size-4-1) var(--size-4-5);
}
body.is-mobile .workspace-drawer-header-info {
margin: var(--size-4-1) 0;
}
body.is-mobile .suggestion-container,
body.is-mobile .menu {
background-color: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: var(--window-border);
border-radius: var(--radius-m);
}
body.is-mobile .modal {
border: var(--window-border);
}
body.is-mobile .modal.mod-settings .vertical-tab-nav-item {
border-bottom: var(--accent-border-width) solid transparent;
border-radius: var(--radius-m);
}
body.is-mobile .modal.mod-settings .vertical-tab-header-group-items {
border-radius: unset;
}
body.is-mobile .modal.mod-sidebar-layout .modal-title {
background-color: var(--background-secondary);
}
body.is-mobile .modal.mod-community-modal .setting-item:not(.mod-toggle) {
max-width: var(--modal-community-sidebar-width);
}
body.is-mobile .modal.mod-community-modal .setting-item:not(.mod-toggle) .setting-item-control {
flex-direction: column;
}
body.is-mobile .modal.mod-community-modal .setting-item:not(.mod-toggle) .setting-item-control button {
width: 100%;
}
body.is-mobile .vertical-tab-header-group {
width: 100%;
}
body.is-mobile .vertical-tab-header-group-title {
padding-bottom: var(--size-4-2);
}
body.is-mobile .vertical-tab-header-group-title:first-of-type {
margin-top: -1px;
}
body.is-mobile .view-header-nav-buttons,
body.is-mobile .view-header .view-action {
--icon-color: var(--text-muted);
}
body.is-mobile .view-header-title-container {
padding-left: unset;
}
body.is-mobile .metadata-properties-heading {
padding: var(--size-4-2);
}
.mobile-toolbar {
padding: var(--size-4-1);
background-color: var(--background-secondary);
border-top: var(--window-border);
}
.AT-multirow .mobile-toolbar {
padding: 0 var(--size-4-1);
}
.mobile-toolbar-options-container {
padding: unset;
}
.mobile-toolbar-option :hover {
color: var(--interactive-accent-tint);
}
.mobile-navbar {
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-top: var(--window-border);
}
.mobile-navbar-actions {
--icon-color: var(--text-muted);
}
.modal.mod-settings .vertical-tab-header {
flex: none;
width: 215px;
min-width: unset;
max-width: unset;
padding: 0;
border-right: var(--window-border);
}
.modal.mod-settings .vertical-tab-header::-webkit-scrollbar-thumb {
border-right: unset;
}
.modal.mod-settings .vertical-tab-header::before {
position: sticky;
top: 0;
z-index: var(--layer-cover);
display: block;
width: -webkit-fill-available;
width: fill-available;
height: 42px;
margin-bottom: -1px;
content: "";
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-bottom: var(--window-border);
}
.is-phone .modal.mod-settings .modal-title::after,
.modal.mod-settings .vertical-tab-header::after {
position: absolute;
top: var(--size-4-2);
left: var(--size-4-2);
z-index: var(--layer-sidedock);
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: fit-content;
height: 24px;
padding: 0 8px;
font-size: 14px;
font-weight: 600;
color: var(--interactive-accent-text);
content: "Prism 3.5.3";
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
}
.theme-light.is-phone .modal.mod-settings .modal-title::after,
.theme-light .modal.mod-settings .vertical-tab-header::after {
background-color: var(--background-primary);
}
.theme-dark.is-phone .modal.mod-settings .modal-title::after,
.theme-dark .modal.mod-settings .vertical-tab-header::after {
background-color: var(--background-secondary-alt);
}
.is-phone .modal.mod-settings .modal-title::after {
top: 9px;
left: 50px;
}
.vertical-tab-content {
height: calc(100% - 43px);
margin-right: -1px;
}
.vertical-tab-content-container::before {
position: relative;
z-index: var(--layer-status-bar);
display: block;
width: -webkit-fill-available;
width: fill-available;
height: 42px;
content: "";
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-bottom: var(--window-border);
}
.vertical-tab-header-group {
padding: unset;
}
.vertical-tab-header-group-title {
font-size: var(--font-ui-medium);
color: var(--text-normal);
text-align: center;
background-color: var(--background-secondary);
border-top: var(--window-border);
border-bottom: var(--window-border);
}
.vertical-tab-header-group-items {
gap: var(--size-2-1);
padding: var(--size-4-1);
}
:is(.horizontal-tab-content, .vertical-tab-content) {
padding: var(--size-4-8);
}
.theme-light :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
background-color: var(--background-primary);
}
.theme-dark :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
background-color: var(--background-secondary-alt);
}
.installed-plugins-container {
padding-top: var(--size-4-2);
border-top: unset;
}
.plugin-list-plugins:last-child {
padding-top: var(--size-4-1);
}
.vertical-tab-nav-item {
padding: var(--size-2-1) var(--size-4-2);
margin-bottom: unset;
color: var(--text-muted);
border: var(--accent-border-width) solid transparent;
}
@media (hover: hover) {
.horizontal-tab-nav-item:hover,
.vertical-tab-nav-item:hover {
color: var(--icon-color-focused);
}
}
.modal.mod-image-lightbox {
width: var(--modal-width);
max-width: var(--modal-max-width);
height: var(--modal-height);
max-height: var(--modal-max-height);
}
.modal.mod-image-lightbox .modal-content {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: var(--size-4-2);
}
img.community-theme-lightbox {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.modal.mod-community-theme {
max-width: var(--modal-max-width);
max-height: var(--modal-max-height);
}
.community-modal-sidebar {
padding: unset;
}
.theme-light .community-modal-sidebar {
background-color: var(--background-primary);
}
.theme-dark .community-modal-sidebar {
background-color: var(--background-secondary-alt);
}
.community-modal-info {
padding: var(--size-4-8) var(--size-4-12);
}
.community-modal-info hr {
grid-area: seperator;
margin: 1em 0;
}
.community-modal-info-name {
margin-bottom: var(--size-4-2);
}
.community-modal-info-downloads {
margin-top: unset;
}
.community-modal-button-container {
display: flex;
flex-wrap: wrap;
gap: var(--size-4-2);
margin: var(--size-4-2) 0;
}
.community-modal-button-container button {
margin-right: unset;
}
.community-modal-search-results-wrapper {
border-top: var(--window-border);
}
.theme-light .community-modal-search-results-wrapper {
background-color: var(--background-primary);
}
.theme-dark .community-modal-search-results-wrapper {
background-color: var(--background-secondary-alt);
}
.community-item {
padding: var(--size-4-2);
}
.theme-dark .community-item {
background-color: var(--background-secondary-alt);
}
.community-item.is-selected, .community-item.is-selected:hover {
background-color: var(--interactive-accent-base);
}
.is-tablet.theme-dark .community-item.is-selected, .is-tablet.theme-dark .community-item.is-selected:hover {
background-color: var(--interactive-accent-base);
}
.community-item-name {
display: inline-flex;
}
.community-item-screenshot {
image-rendering: unset;
}
.community-item .flair {
height: fit-content;
}
.community-modal-controls {
background-color: var(--background-secondary);
}
body:not(.is-phone) .community-modal-controls .setting-item:first-child {
padding-left: unset;
margin-left: var(--size-4-2);
}
.community-modal-controls input {
width: 100%;
padding-right: unset;
}
.modal-setting-nav-bar {
background-color: var(--background-secondary);
}
.setting-item {
padding: var(--size-4-2) 0;
border-top: unset;
}
.setting-item.setting-item-heading {
margin-bottom: var(--size-4-1);
border-bottom: 1px solid var(--window-border-color);
}
.setting-item + div > .setting-item-heading,
.setting-item + .setting-item-heading {
margin-top: var(--size-4-1);
}
.setting-item + div > .setting-item-heading:not(.style-settings-heading),
.setting-item + .setting-item-heading:not(.style-settings-heading) {
margin-top: var(--size-4-4);
}
.setting-item-name {
font-weight: var(--font-medium);
}
.modal-close-button {
z-index: var(--layer-popover);
}
.modal-close-button:hover {
color: var(--highlight-text-normal);
}
body:not(.native-scrollbars, .is-phone) .modal-close-button {
top: var(--size-4-1);
right: var(--size-4-1);
}
.mod-warning {
color: var(--color-red-text);
}
.setting-hotkey {
font-family: var(--font-interface);
}
.checkbox-container {
height: 24px;
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
box-shadow: unset;
}
.checkbox-container:hover {
border-color: var(--interactive-accent-tint);
}
.checkbox-container::after {
border: 1px solid var(--window-border-color);
box-shadow: unset;
}
.checkbox-container.is-enabled {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
.checkbox-container.is-enabled::after {
border-color: var(--interactive-accent-tint);
transform: translate3d(calc(var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width) - 4px), 0, 0);
}
.checkbox-container.mod-small {
height: 20px;
}
.checkbox-container.mod-small::after {
margin: 1px 0 0;
transform: translate3d(1px, 0, 0);
}
.checkbox-container.mod-small.is-enabled::after {
transform: translate3d(calc(var(--toggle-s-width) - var(--toggle-s-thumb-width) - var(--toggle-s-border-width) - 1px), 0, 0);
}
input[type=range] {
width: 125px;
height: 0.7em;
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
border-radius: var(--size-2-1);
}
input[type=range]:hover {
border-color: var(--interactive-accent-tint);
}
input[type=range]::-webkit-slider-thumb {
height: 19px;
background-color: var(--toggle-thumb-color);
border: 1px solid var(--window-border-color);
box-shadow: unset;
}
select.dropdown {
font-family: var(--font-interface);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
box-shadow: var(--shadow-s);
}
.theme-dark select.dropdown {
background-color: var(--background-secondary-alt);
}
select.dropdown:hover {
border-color: var(--interactive-accent-tint);
}
select.dropdown option[value*=accent]:not([value*=accent-style]):not([value*=accent-color]) {
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
}
select.dropdown option[value*=red] {
color: var(--color-red-text);
background-color: var(--color-red-base);
}
select.dropdown option[value*=orange] {
color: var(--color-orange-text);
background-color: var(--color-orange-base);
}
select.dropdown option[value*=yellow] {
color: var(--color-yellow-text);
background-color: var(--color-yellow-base);
}
select.dropdown option[value*=green] {
color: var(--color-green-text);
background-color: var(--color-green-base);
}
select.dropdown option[value*=mint] {
color: var(--color-mint-text);
background-color: var(--color-mint-base);
}
select.dropdown option[value*=cyan] {
color: var(--color-cyan-text);
background-color: var(--color-cyan-base);
}
select.dropdown option[value*=blue] {
color: var(--color-blue-text);
background-color: var(--color-blue-base);
}
select.dropdown option[value*=purple] {
color: var(--color-purple-text);
background-color: var(--color-purple-base);
}
select.dropdown option[value*=pink] {
color: var(--color-pink-text);
background-color: var(--color-pink-base);
}
select.dropdown option[value*=grey] {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
}
.search-input-container::before {
left: var(--size-4-3);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar,
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar,
body:not(.native-scrollbars) ::-webkit-scrollbar {
width: var(--scroll-bar-size);
height: var(--scroll-bar-size);
border-radius: unset;
padding: unset;
margin: unset;
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:vertical,
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:vertical,
body:not(.native-scrollbars) ::-webkit-scrollbar:vertical {
border-inline-start: var(--window-border);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:horizontal,
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:horizontal,
body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal {
border-top: var(--window-border);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
border: var(--window-border);
border-radius: unset;
}
body:not(.native-scrollbars).theme-light .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
body:not(.native-scrollbars).theme-light ::-webkit-scrollbar-thumb {
background-color: var(--background-primary-alt);
}
body:not(.native-scrollbars).theme-light .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars).theme-light ::-webkit-scrollbar-thumb:hover {
background-color: var(--interactive-accent-base);
}
body:not(.native-scrollbars).theme-dark .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
body:not(.native-scrollbars).theme-dark ::-webkit-scrollbar-thumb {
background-color: var(--background-primary);
}
body:not(.native-scrollbars).theme-dark .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars).theme-dark ::-webkit-scrollbar-thumb:hover {
background-color: var(--interactive-accent-base);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
border-radius: unset;
}
body:not(.native-scrollbars) ::-webkit-scrollbar-corner {
background-color: var(--window-border-color);
}
::-webkit-scrollbar-track {
margin-top: -1px;
margin-bottom: -1px;
box-shadow: unset;
}
.theme-light div.suggestion-container .suggestion::-webkit-scrollbar-track,
.theme-dark div.suggestion-container .suggestion::-webkit-scrollbar-track {
background-color: unset;
}
.progress-bar {
background-color: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.progress-bar-line {
background-color: var(--interactive-accent-base);
}
.progress-bar-subline {
background-color: var(--interactive-accent-base);
border: 2px solid var(--interactive-accent-tint);
border-radius: var(--radius-s);
}
body:not(.css-settings-manager) .workspace-split.mod-left-split::before {
display: block;
width: -webkit-fill-avaliable;
height: fit-content;
padding: 10px;
font-weight: 600;
text-align: center;
content: "Style Settings Plugin is required for Prism to function correctly!";
background-color: var(--color-red-base);
border: var(--accent-border-width) solid var(--color-red-tint);
border-radius: var(--radius-m);
}
.theme-light .workspace,
.theme-light .workspace-split.mod-root,
.theme-light .workspace-tabs .workspace-leaf {
background-color: var(--background-primary);
}
.theme-dark .workspace,
.theme-dark .workspace-split.mod-root,
.theme-dark .workspace-tabs .workspace-leaf {
background-color: var(--background-secondary-alt);
}
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
left: -1px;
}
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
height: calc(var(--divider-vertical-height) - var(--header-height));
}
body.is-frameless:not(.is-hidden-frameless) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, body:not(.is-frameless, .is-hidden-frameless) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
body.is-frameless:not(.is-hidden-frameless) .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
body:not(.is-frameless, .is-hidden-frameless) .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
body.is-frameless:not(.is-hidden-frameless) .workspace-split.mod-right-split > .workspace-leaf-resize-handle,
body:not(.is-frameless, .is-hidden-frameless) .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
height: var(--divider-vertical-height);
}
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle,
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:not(:hover) {
border-bottom: var(--window-border);
}
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:not(:hover),
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:not(:hover) {
border-right: var(--window-border);
}
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:not(:hover) {
border-left: var(--window-border);
}
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header) {
width: 100%;
padding: 0 var(--size-4-2);
background: var(--background-secondary);
}
.workspace-tabs .view-header {
margin: unset;
border-bottom: var(--window-border);
}
.view-header-title-container {
height: var(--header-height);
}
.view-header-title-container::after {
display: none;
}
.is-focused .workspace-leaf.mod-active .view-header-title,
.view-header-title {
color: var(--interactive-accent-text);
}
.is-focused .workspace-leaf.mod-active .view-header-title:hover,
.view-header-title:hover {
color: var(--text-accent-hover);
}
.view-header-title-parent .view-header-breadcrumb:hover {
color: var(--highlight-text-normal);
}
:is(.workspace-ribbon.mod-left, .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-split.mod-vertical.mod-root) .sidebar-toggle-button {
width: fit-content;
height: calc(var(--header-height) - 9px);
padding: 2px;
margin: 4px;
border: 2px solid transparent;
border-radius: var(--radius-m);
}
.workspace-ribbon.mod-left::before {
border-bottom: var(--window-border);
}
.pt-color-scheme-style-minimal-dt .workspace-ribbon.mod-left.is-collapsed {
border-right-color: transparent;
}
.workspace-ribbon {
border-right: var(--window-border);
}
.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right {
padding-right: 2px;
}
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header[data-type=markdown]:has(.mod-pinned) .workspace-tab-header-inner-icon,
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header[data-type=empty]:has(.mod-pinned) .workspace-tab-header-inner-icon {
display: flex;
}
.pt-collapsed-pinned-tab .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner-title {
display: none;
}
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header:has(.mod-pinned),
.pt-collapsed-pinned-tab .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner {
flex: unset;
width: fit-content;
min-width: unset;
}
:is(.mod-active .document-search-container, .document-search-container) {
height: var(--header-height);
padding: var(--size-4-1) 0;
margin: unset;
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-bottom: var(--window-border);
}
:is(.mod-active .document-search-container, .document-search-container) .document-search-input.mod-no-match {
background-color: var(--color-red-base);
border: 2px solid var(--color-red-tint);
}
.document-search {
align-items: center;
}
.popover {
box-shadow: var(--shadow-l);
}
.theme-light .popover {
background-color: var(--background-primary);
}
.theme-dark .popover {
background-color: var(--background-secondary-alt);
}
.popover.hover-popover {
border: var(--window-border);
}
.menu {
padding: var(--size-4-1);
border-color: var(--window-border-color);
box-shadow: var(--shadow-l);
}
.theme-light .menu {
background-color: var(--background-primary);
}
.theme-dark .menu {
background-color: var(--background-secondary-alt);
}
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) {
color: var(--highlight-text-normal);
}
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) .menu-item-icon {
color: var(--highlight-text-normal);
}
body.is-mobile.is-tablet .suggestion-container,
body.is-mobile.is-tablet .menu {
width: fit-content;
}
body.is-mobile.theme-dark .menu,
.is-tablet.theme-dark .suggestion-container {
background-color: var(--background-secondary-alt);
}
div.notice-container div.notice {
font-weight: 600;
color: var(--text-normal);
background: var(--interactive-accent-base);
border: 2px solid var(--interactive-accent-tint);
border-radius: var(--radius-m);
box-shadow: var(--shadow-s);
}
.prompt-instructions {
padding: var(--size-2-1) var(--size-4-2);
}
.tooltip {
display: flex;
font-weight: 600;
color: var(--text-normal);
background: var(--background-secondary-alt);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
.theme-light .tooltip {
background: var(--background-primary);
}
.theme-dark .tooltip {
background: var(--background-secondary-alt);
}
.tooltip .tooltip-arrow {
margin-top: -1px;
border-bottom-color: var(--window-border-color);
}
.tooltip.mod-top .tooltip-arrow {
margin-top: unset;
margin-top: 1px;
border-top-color: var(--window-border-color);
}
.tooltip.mod-right .tooltip-arrow {
margin-top: unset;
margin-left: -6px;
border-right-color: var(--window-border-color);
}
.tooltip.mod-left .tooltip-arrow {
margin-top: unset;
margin-left: -2px;
border-left-color: var(--window-border-color);
}
.tooltip.mod-error {
color: var(--highlight-text-normal);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
.drag-ghost {
background: var(--background-secondary);
border: 2px solid var(--window-border-color);
box-shadow: var(--shadow-l);
animation: pop-down 200ms forwards ease-in-out;
}
.modal button:not(.mod-cta):not(.mod-warning) {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
.workspace-tab-header.is-active,
.nav-action-button.is-active,
.vertical-tab-nav-item.is-active,
.nav-file-title.is-active,
.tree-item-self.is-active,
.suggestion-hotkey,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
.workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
.pdf-outline-view .tree-item-self.mod-active {
color: var(--highlight-text-normal);
border: var(--accent-border-width) solid;
box-shadow: unset;
}
.is-mobile.is-phone .modal.mod-settings .vertical-tab-nav-item:last-child {
border-bottom: var(--accent-border-width) solid;
}
.nav-action-button.is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.search-result-file-match-destination-file, .search-result-file-match-replace-button) {
color: var(--text-normal);
border: var(--accent-border-width) solid;
border-radius: var(--radius-s);
}
button.mod-cta {
color: var(--highlight-text-normal);
}
:is(.pcr-button, button.mod-cta, button.mod-warning, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .setting-hotkey, .flair.mod-pop, .community-item .flair, button.copy-code-button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]),
.clickable-icon[aria-label="Search settings"],
.pdf-toolbar-button,
.input-right-decorator.clickable-icon {
border: var(--accent-border-width) solid;
border-radius: var(--radius-s);
}
.side-dock-ribbon-action.is-active[aria-label="Start/stop recording"] {
padding: var(--size-2-1) var(--size-2-2);
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
color: var(--highlight-text-normal);
border: var(--accent-border-width) solid;
border-radius: var(--radius-m);
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) svg.svg-icon,
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active svg.svg-icon {
color: var(--highlight-text-normal);
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) .clickable-icon:hover,
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active .clickable-icon:hover {
background-color: unset;
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover svg.svg-icon,
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover svg.svg-icon {
color: var(--interactive-accent-hover);
}
.clickable-icon[aria-label="Search settings"],
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"] {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .tree-item-self.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .canvas-help .setting-hotkey,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .clickable-icon[aria-label="Search settings"].is-active,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .pdf-outline-view .tree-item-self.mod-active {
background-color: transparent;
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .vertical-tab-nav-item.is-active:hover,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .workspace-tab-header.is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: transparent;
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-replace-button {
background-color: transparent;
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .search-result-file-match-replace-button:hover {
color: var(--interactive-accent-text);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.mod-cta {
background-color: transparent;
border-color: var(--window-border-color);
border-width: 1px;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.mod-cta:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--color-red-text);
background-color: transparent;
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
color: var(--color-grey-text);
background-color: transparent;
border-color: var(--window-border-color);
border-width: 1px;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--color-blue-text);
background-color: transparent;
border-color: var(--window-border-color);
border-width: 1px;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
color: var(--text-normal);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
color: var(--color-red-text);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--color-green-text);
background-color: transparent;
border-color: var(--window-border-color);
border-width: 1px;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.copy-code-button {
border-color: var(--window-border-color);
border-width: 1px;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) button.copy-code-button:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
background-color: transparent;
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt).is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, :is(.theme-dark.pt-accent-style-minimal-dt, .theme-light.pt-accent-style-minimal-lt).is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title {
color: var(--interactive-accent-text);
}
:is(.theme-dark.pt-accent-style-minimal-dt.is-mobile, .theme-light.pt-accent-style-minimal-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-minimal-dt.is-mobile, .theme-light.pt-accent-style-minimal-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .tree-item-self.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .canvas-help .setting-hotkey,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .clickable-icon[aria-label="Search settings"].is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .pdf-outline-view .tree-item-self.mod-active {
background-color: var(--background-primary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--background-secondary);
border-color: var(--background-secondary);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--background-secondary);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-replace-button {
background-color: var(--background-secondary);
border-color: var(--background-secondary);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-replace-button:hover {
color: var(--interactive-accent-text);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.mod-cta {
background-color: var(--background-primary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.mod-cta:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--color-red-text);
background-color: var(--background-primary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
color: var(--color-grey-text);
background-color: var(--background-primary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--color-blue-text);
background-color: var(--background-primary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
color: var(--text-normal);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
color: var(--color-red-text);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--color-green-text);
background-color: var(--background-secondary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button {
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
background-color: var(--background-primary);
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt.is-mobile, .theme-light.pt-accent-style-plain-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-plain-dt.is-mobile, .theme-light.pt-accent-style-plain-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
border-color: var(--window-border-color);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .tree-item-self.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .canvas-help .setting-hotkey,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .clickable-icon[aria-label="Search settings"].is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-outline-view .tree-item-self.mod-active {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--background-secondary);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--background-secondary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button {
background-color: var(--background-primary);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button:hover {
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta:hover {
color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--text-normal);
background-color: var(--background-primary);
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
color: var(--text-normal);
background-color: var(--background-primary);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--text-normal);
background-color: var(--background-primary);
border-color: var(--color-blue-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--text-normal);
background-color: var(--background-secondary);
border-color: var(--color-green-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button {
color: var(--text-normal);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button:hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) .clickable-icon:hover,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active .clickable-icon:hover {
background-color: unset;
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-border-dt.is-mobile, .theme-light.pt-accent-style-border-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-border-dt.is-mobile, .theme-light.pt-accent-style-border-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .tree-item-self.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .canvas-help .setting-hotkey,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .clickable-icon[aria-label="Search settings"].is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .pdf-outline-view .tree-item-self.mod-active {
background-color: var(--interactive-accent-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--interactive-accent-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button {
background-color: var(--color-grey-base);
border-color: var(--color-grey-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button:hover {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta {
background-color: var(--interactive-accent-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta:hover {
color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--text-normal);
background-color: var(--color-red-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--text-normal);
background-color: var(--color-blue-base);
border-color: var(--color-blue-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
background-color: var(--color-grey-base);
border-color: var(--color-grey-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
background-color: var(--color-red-base);
border-color: var(--color-red-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--highlight-text-normal);
background-color: var(--color-green-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button:hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
background-color: var(--interactive-accent-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-filled-dt.is-mobile, .theme-light.pt-accent-style-filled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt.is-mobile, .theme-light.pt-accent-style-filled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
background-color: var(--interactive-accent-base);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .tree-item-self.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .canvas-help .setting-hotkey,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .clickable-icon[aria-label="Search settings"].is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .pdf-outline-view .tree-item-self.mod-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .input-right-decorator.clickable-icon.is-active {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button {
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button:hover {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta:hover {
color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--text-normal);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button) {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .pdf-toolbar-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--text-normal);
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--text-normal);
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button:hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active),
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"].is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt.is-mobile, .theme-light.pt-accent-style-borderandfilled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt.is-mobile, .theme-light.pt-accent-style-borderandfilled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
.theme-light .workspace-split.mod-root .view-content {
background-color: var(--background-primary);
}
.theme-dark .workspace-split.mod-root .view-content {
background-color: var(--background-secondary-alt);
}
.cm-s-obsidian span.cm-formatting-highlight.cm-em:not(.cm-strong),
.cm-s-obsidian span.cm-highlight.cm-em:not(.cm-strong),
.cm-s-obsidian span.cm-quote.cm-em:not(.cm-strong) {
color: var(--italic-color);
}
.cm-s-obsidian span.cm-formatting-highlight.cm-strong:not(.cm-em),
.cm-s-obsidian span.cm-highlight.cm-strong:not(.cm-em),
.cm-s-obsidian span.cm-quote.cm-strong:not(.cm-em) {
color: var(--bold-color);
}
.theme-light :is(em strong, strong em, .cm-em.cm-strong) {
color: var(--text-italic-bold-color-lt);
}
.theme-dark :is(em strong, strong em, .cm-em.cm-strong) {
color: var(--text-italic-bold-color-dt);
}
.cm-strikethrough,
.cm-s-obsidian span.cm-formatting-highlight.cm-strikethrough,
.cm-s-obsidian span.cm-highlight.cm-strikethrough,
del {
color: var(--text-muted);
}
hr {
margin: 1.5em 0;
}
.cm-inline-code:not(.cm-formatting-code),
.cm-s-obsidian .cm-inline-code.cm-formatting ~ .cm-inline-code:not(.cm-formatting) {
padding: 0 var(--size-4-1);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
}
.cm-s-obsidian .cm-formatting-code.cm-inline-code {
font-family: var(--font-text);
font-size: var(--font-text-size);
}
.cm-s-obsidian span.cm-formatting-highlight.cm-inline-code,
.cm-s-obsidian span.cm-highlight.cm-inline-code {
color: var(--code-normal);
}
:is(.HyperMD-codeblock.HyperMD-codeblock-begin, .cm-s-obsidian div.HyperMD-codeblock-begin-bg) {
border-top: 1px solid var(--window-border-color);
}
.cm-s-obsidian div.HyperMD-codeblock {
border-right: 1px solid var(--window-border-color);
border-left: 1px solid var(--window-border-color);
}
:is(.HyperMD-codeblock.HyperMD-codeblock-end, .cm-s-obsidian div.HyperMD-codeblock-end-bg) {
border-bottom: 1px solid var(--window-border-color);
}
.cm-s-obsidian .cm-hashtag {
font-weight: 600;
vertical-align: middle;
}
.cm-line .cm-hashtag-begin {
background-color: var(--background-secondary);
border: 2px solid var(--window-border-color);
border-inline-end: unset;
}
.cm-line .cm-hashtag-end {
background-color: var(--background-secondary);
border: 2px solid var(--window-border-color);
border-inline-start: unset;
}
.cm-line .cm-hashtag.cm-meta:not(.cm-hashtag-begin, .cm-hashtag-end) {
background-color: var(--background-secondary);
border: 2px solid var(--window-border-color);
border-inline-start: unset;
border-inline-end: unset;
}
.cm-s-obsidian span.cm-hmd-escape-backslash {
color: var(--color-red-text);
}
:is(code[class*=language-], pre[class*=language-]) {
line-height: var(--line-height-tight);
}
.markdown-preview-view th,
.table-view-table > thead > tr > th,
.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
padding: var(--size-2-2) var(--size-4-2);
}
.markdown-rendered thead tr:first-child > th {
font-weight: var(--font-semibold);
}
.cm-s-obsidian span.cm-formatting-task {
font-family: var(--font-text);
}
input[type=checkbox] {
border-width: 2px;
}
input[type=checkbox]:checked {
border-color: var(--interactive-accent-tint);
}
input[type=checkbox]:checked::after {
inset-inline-start: -2px;
top: -2px;
}
a.tag {
font-weight: 600;
background-color: var(--background-secondary);
border-color: var(--window-border-color);
border-radius: var(--radius-s);
}
a.tag:hover {
color: var(--interactive-accent-text);
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
transition: all ease 200ms;
}
:is(.markdown-preview-view, .markdown-rendered) :is(code, kbd) {
padding: 0 var(--size-4-1);
font-family: var(--font-monospace);
font-size: var(--code-size);
border: var(--window-border);
border-radius: var(--radius-s);
}
.code-block-flair {
font-weight: 600;
border: var(--window-border);
}
.theme-light .code-block-flair {
background-color: var(--background-primary-alt);
}
.theme-dark .code-block-flair {
background-color: var(--background-secondary);
}
.markdown-source-view.mod-cm6 .code-block-flair {
padding: 0 var(--size-4-2);
}
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-link {
color: var(--link-external-color);
}
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link {
color: var(--link-color);
}
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link:hover {
color: var(--link-color-hover);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:hover,
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:hover {
color: var(--interactive-accent-text);
}
.markdown-rendered.show-indentation-guide li > ol::before,
.markdown-rendered.show-indentation-guide li > ul::before {
inset-inline-start: -0.75em;
}
.theme-light .markdown-rendered mark .internal-link {
color: hsl(var(--link-internal-color-lt));
}
.theme-dark .markdown-rendered mark .internal-link {
color: hsl(var(--link-internal-color-dt));
}
.markdown-rendered mark .internal-link:hover {
color: var(--link-color-hover);
}
.markdown-rendered pre {
border: 1px solid var(--window-border-color);
}
.markdown-rendered button.copy-code-button {
padding: var(--size-2-1) var(--size-4-1);
margin: var(--size-4-1);
}
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
margin: 0;
}
.markdown-rendered blockquote {
padding: 0 15px;
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
padding-right: 15px;
}
.embed-title {
top: 0;
z-index: var(--layer-cover);
width: 100%;
padding: var(--size-4-2) var(--size-4-4);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.internal-embed.internal-embed.canvas-embed, .internal-embed.pdf-embed {
border: 1px solid var(--window-border-color);
}
.internal-embed .markdown-embed-content {
padding: var(--size-4-4);
margin-right: -1px;
}
.file-embed.mod-empty {
border: var(--window-border);
border-radius: var(--radius-s);
}
:is(.markdown-embed-link, .file-embed-link) {
inset-inline-end: var(--size-4-2);
top: var(--size-4-2);
z-index: var(--layer-cover);
}
.view-content .collapse-indicator:not(.is-collapsed) svg.svg-icon {
color: var(--interactive-accent-text);
}
body {
--list-indent: 2.2em;
/* Source mode */
--list-indent-source: 0.75em;
--indentation-guide-source-indent: 0.85em;
--checkbox-margin-inline-start: var(--indentation-guide-editing-indent);
/* Live Preview */
--list-indent-editing: 0.75em;
--indentation-guide-editing-indent: 0.85em;
--list-bullet-end-padding: 3rem;
/* Reading mode */
--indentation-guide-reading-indent: -0.55em;
}
/* --- */
/* Alignment of the collapse indicator */
/* Source mode */
.markdown-source-view.mod-cm6 .HyperMD-list-line .cm-fold-indicator .collapse-indicator {
padding-inline-end: 0;
}
/* Live Preview */
.markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-list-line:not(.cm-active):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator {
inset-inline-end: calc(var(--list-bullet-end-padding) * -1);
}
/* Reading mode */
.markdown-rendered .list-collapse-indicator {
margin-inline-start: -1.75em;
}
/* --- */
/* Reading mode - Initial indent distance to align with Source and Live Preview */
.markdown-rendered div > ul > li,
.markdown-rendered div > ol > li {
margin-inline-start: 1.5em;
}
/* Reading mode - Alignment of the list bullet */
.markdown-rendered .list-bullet {
margin-inline-start: -0.7em;
}
/* Reading mode - Alignment of the checkbox list item */
/* (If the checkbox border width is changed from original 1px, you have to change the end value to align correctly again) */
ul > li.task-list-item .task-list-item-checkbox {
margin-inline-start: calc(var(--checkbox-size) * -1.15);
}
body:not(.pt-disable-callout-styling) {
--callout-padding: 4px;
--callout-radius: var(--radius-m);
--callout-background-alpha: 20%;
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) {
background-color: unset;
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-title {
position: relative;
z-index: 5;
gap: unset;
align-items: center;
min-height: 36px;
border: 2px solid;
border-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-title:empty + .callout-content {
padding: var(--size-4-1) var(--size-4-3);
border-top-style: solid;
border-top-width: 1px;
border-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-title-inner {
padding: var(--size-4-1) 0;
margin-inline: var(--size-4-2) var(--size-4-1);
margin-top: 0;
margin-bottom: 0;
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-icon {
align-self: unset;
margin-inline: var(--size-4-2) var(--size-4-1);
margin-top: 0;
margin-bottom: 0;
border-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-fold {
display: flex;
align-self: unset;
margin-inline-start: auto;
margin-top: unset;
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout) .callout-content {
padding: var(--size-4-5) var(--size-4-3) var(--size-4-1) var(--size-4-3);
margin-top: -16px;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-bottom-right-radius: var(--radius-m);
border-bottom-left-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=note] > .callout-title {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=note] > .callout-title .callout-icon .svg-icon {
color: var(--color-grey-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=note] > .callout-content {
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
border-color: var(--color-grey-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-title {
color: var(--color-cyan-text);
background-color: var(--color-cyan-base);
border-color: var(--color-cyan-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-title .callout-icon .svg-icon {
color: var(--color-cyan-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-content {
background-color: hsla(var(--color-cyan-base-hsl), var(--callout-background-alpha));
border-color: var(--color-cyan-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=info], [data-callout=todo]) > .callout-title {
color: var(--color-blue-text);
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=info], [data-callout=todo]) > .callout-title .callout-icon .svg-icon {
color: var(--color-blue-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=info], [data-callout=todo]) > .callout-content {
background-color: hsla(var(--color-blue-base-hsl), var(--callout-background-alpha));
border-color: var(--color-blue-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-title {
color: var(--color-mint-text);
background-color: var(--color-mint-base);
border-color: var(--color-mint-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-title .callout-icon .svg-icon {
color: var(--color-mint-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-content {
background-color: hsla(var(--color-mint-base-hsl), var(--callout-background-alpha));
border-color: var(--color-mint-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-title {
color: var(--color-green-text);
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-title .callout-icon .svg-icon {
color: var(--color-green-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-content {
background-color: hsla(var(--color-green-base-hsl), var(--callout-background-alpha));
border-color: var(--color-green-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-title {
color: var(--color-yellow-text);
background-color: var(--color-yellow-base);
border-color: var(--color-yellow-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-title .callout-icon .svg-icon {
color: var(--color-yellow-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-content {
background-color: hsla(var(--color-yellow-base-hsl), var(--callout-background-alpha));
border-color: var(--color-yellow-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-title {
color: var(--color-orange-text);
background-color: var(--color-orange-base);
border-color: var(--color-orange-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-title .callout-icon .svg-icon {
color: var(--color-orange-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-content {
background-color: hsla(var(--color-orange-base-hsl), var(--callout-background-alpha));
border-color: var(--color-orange-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-title {
color: var(--color-red-text);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-title .callout-icon .svg-icon {
color: var(--color-red-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-content {
background-color: hsla(var(--color-red-base-hsl), var(--callout-background-alpha));
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=danger], [data-callout=error]) > .callout-title {
color: var(--color-red-text);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=danger], [data-callout=error]) > .callout-title .callout-icon .svg-icon {
color: var(--color-red-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=danger], [data-callout=error]) > .callout-content {
background-color: hsla(var(--color-red-base-hsl), var(--callout-background-alpha));
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=bug] > .callout-title {
color: var(--color-pink-text);
background-color: var(--color-pink-base);
border-color: var(--color-pink-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=bug] > .callout-title .callout-icon .svg-icon {
color: var(--color-pink-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=bug] > .callout-content {
background-color: hsla(var(--color-pink-base-hsl), var(--callout-background-alpha));
border-color: var(--color-pink-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=example] > .callout-title {
color: var(--color-purple-text);
background-color: var(--color-purple-base);
border-color: var(--color-purple-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=example] > .callout-title .callout-icon .svg-icon {
color: var(--color-purple-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout)[data-callout=example] > .callout-content {
background-color: hsla(var(--color-purple-base-hsl), var(--callout-background-alpha));
border-color: var(--color-purple-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=quote], [data-callout=cite]) > .callout-title {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=quote], [data-callout=cite]) > .callout-title .callout-icon .svg-icon {
color: var(--color-grey-text);
}
body:not(.pt-disable-callout-styling) .callout:not(.cg-note-toolbar-callout):is([data-callout=quote], [data-callout=cite]) > .callout-content {
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
border-color: var(--color-grey-tint);
}
.release-notes-view .callout[data-callout] > .callout-title {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
.release-notes-view .callout[data-callout] > .callout-title .callout-icon .svg-icon {
color: var(--color-grey-text);
}
.release-notes-view .callout[data-callout] > .callout-content {
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
border-color: var(--color-grey-tint);
}
.markdown-preview-view progress,
.markdown-rendered progress,
.markdown-source-view.is-live-preview progress {
height: 15px;
vertical-align: middle;
}
.markdown-preview-view progress::before,
.markdown-rendered progress::before,
.markdown-source-view.is-live-preview progress::before {
position: absolute;
width: inherit;
height: inherit;
font-family: var(--font-editor);
font-family: var(--font-text);
font-size: 10px;
font-weight: 700;
text-align: center;
content: attr(value) " %";
}
.theme-light .markdown-preview-view progress::before,
.theme-light .markdown-rendered progress::before,
.theme-light .markdown-source-view.is-live-preview progress::before {
text-shadow: -1px -1px 0 hsla(0, 0%, 100%, 0.5), 1px -1px 0 hsla(0, 0%, 100%, 0.5), -1px 1px 0 hsla(0, 0%, 100%, 0.5), 1px 1px 0 hsla(0, 0%, 100%, 0.5);
}
.theme-dark .markdown-preview-view progress::before,
.theme-dark .markdown-rendered progress::before,
.theme-dark .markdown-source-view.is-live-preview progress::before {
text-shadow: -1px -1px 0 hsla(0, 0%, 0%, 0.5), 1px -1px 0 hsla(0, 0%, 0%, 0.5), -1px 1px 0 hsla(0, 0%, 0%, 0.5), 1px 1px 0 hsla(0, 0%, 0%, 0.5);
}
.markdown-preview-view progress::-webkit-progress-bar,
.markdown-rendered progress::-webkit-progress-bar,
.markdown-source-view.is-live-preview progress::-webkit-progress-bar {
border: var(--window-border);
border-radius: var(--radius-s);
}
.theme-light .markdown-preview-view progress::-webkit-progress-bar,
.theme-light .markdown-rendered progress::-webkit-progress-bar,
.theme-light .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
background-color: var(--background-secondary);
}
.theme-dark .markdown-preview-view progress::-webkit-progress-bar,
.theme-dark .markdown-rendered progress::-webkit-progress-bar,
.theme-dark .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
background-color: var(--background-secondary-alt);
}
.markdown-preview-view progress::-webkit-progress-value,
.markdown-rendered progress::-webkit-progress-value,
.markdown-source-view.is-live-preview progress::-webkit-progress-value {
border: 1px solid;
border-color: transparent;
border-radius: var(--radius-s);
}
.markdown-preview-view progress[value="0"]::-webkit-progress-value,
.markdown-rendered progress[value="0"]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value="0"]::-webkit-progress-value {
border: unset;
}
:is(.markdown-preview-view progress[value="0"], .markdown-preview-view progress[value="1"], .markdown-preview-view progress[value="2"], .markdown-preview-view progress[value="3"], .markdown-preview-view progress[value="4"], .markdown-preview-view progress[value="5"], .markdown-preview-view progress[value="6"], .markdown-preview-view progress[value="7"], .markdown-preview-view progress[value="8"], .markdown-preview-view progress[value="9"], .markdown-preview-view progress[value="10"], .markdown-preview-view progress[value="11"], .markdown-preview-view progress[value="12"], .markdown-preview-view progress[value="13"], .markdown-preview-view progress[value="14"], .markdown-preview-view progress[value="15"], .markdown-preview-view progress[value="16"], .markdown-preview-view progress[value="17"], .markdown-preview-view progress[value="18"], .markdown-preview-view progress[value="19"], .markdown-preview-view progress[value="20"], .markdown-preview-view progress[value="21"], .markdown-preview-view progress[value="22"], .markdown-preview-view progress[value="23"], .markdown-preview-view progress[value="24"],
.markdown-rendered progress[value="0"],
.markdown-rendered progress[value="1"],
.markdown-rendered progress[value="2"],
.markdown-rendered progress[value="3"],
.markdown-rendered progress[value="4"],
.markdown-rendered progress[value="5"],
.markdown-rendered progress[value="6"],
.markdown-rendered progress[value="7"],
.markdown-rendered progress[value="8"],
.markdown-rendered progress[value="9"],
.markdown-rendered progress[value="10"],
.markdown-rendered progress[value="11"],
.markdown-rendered progress[value="12"],
.markdown-rendered progress[value="13"],
.markdown-rendered progress[value="14"],
.markdown-rendered progress[value="15"],
.markdown-rendered progress[value="16"],
.markdown-rendered progress[value="17"],
.markdown-rendered progress[value="18"],
.markdown-rendered progress[value="19"],
.markdown-rendered progress[value="20"],
.markdown-rendered progress[value="21"],
.markdown-rendered progress[value="22"],
.markdown-rendered progress[value="23"],
.markdown-rendered progress[value="24"],
.markdown-source-view.is-live-preview progress[value="0"],
.markdown-source-view.is-live-preview progress[value="1"],
.markdown-source-view.is-live-preview progress[value="2"],
.markdown-source-view.is-live-preview progress[value="3"],
.markdown-source-view.is-live-preview progress[value="4"],
.markdown-source-view.is-live-preview progress[value="5"],
.markdown-source-view.is-live-preview progress[value="6"],
.markdown-source-view.is-live-preview progress[value="7"],
.markdown-source-view.is-live-preview progress[value="8"],
.markdown-source-view.is-live-preview progress[value="9"],
.markdown-source-view.is-live-preview progress[value="10"],
.markdown-source-view.is-live-preview progress[value="11"],
.markdown-source-view.is-live-preview progress[value="12"],
.markdown-source-view.is-live-preview progress[value="13"],
.markdown-source-view.is-live-preview progress[value="14"],
.markdown-source-view.is-live-preview progress[value="15"],
.markdown-source-view.is-live-preview progress[value="16"],
.markdown-source-view.is-live-preview progress[value="17"],
.markdown-source-view.is-live-preview progress[value="18"],
.markdown-source-view.is-live-preview progress[value="19"],
.markdown-source-view.is-live-preview progress[value="20"],
.markdown-source-view.is-live-preview progress[value="21"],
.markdown-source-view.is-live-preview progress[value="22"],
.markdown-source-view.is-live-preview progress[value="23"],
.markdown-source-view.is-live-preview progress[value="24"])::-webkit-progress-value {
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
:is(.markdown-preview-view progress[value="25"], .markdown-preview-view progress[value="26"], .markdown-preview-view progress[value="27"], .markdown-preview-view progress[value="28"], .markdown-preview-view progress[value="29"], .markdown-preview-view progress[value="30"], .markdown-preview-view progress[value="31"], .markdown-preview-view progress[value="32"], .markdown-preview-view progress[value="33"], .markdown-preview-view progress[value="34"], .markdown-preview-view progress[value="35"], .markdown-preview-view progress[value="36"], .markdown-preview-view progress[value="37"], .markdown-preview-view progress[value="38"], .markdown-preview-view progress[value="39"], .markdown-preview-view progress[value="40"], .markdown-preview-view progress[value="41"], .markdown-preview-view progress[value="42"], .markdown-preview-view progress[value="43"], .markdown-preview-view progress[value="44"], .markdown-preview-view progress[value="45"], .markdown-preview-view progress[value="46"], .markdown-preview-view progress[value="47"], .markdown-preview-view progress[value="48"], .markdown-preview-view progress[value="49"],
.markdown-rendered progress[value="25"],
.markdown-rendered progress[value="26"],
.markdown-rendered progress[value="27"],
.markdown-rendered progress[value="28"],
.markdown-rendered progress[value="29"],
.markdown-rendered progress[value="30"],
.markdown-rendered progress[value="31"],
.markdown-rendered progress[value="32"],
.markdown-rendered progress[value="33"],
.markdown-rendered progress[value="34"],
.markdown-rendered progress[value="35"],
.markdown-rendered progress[value="36"],
.markdown-rendered progress[value="37"],
.markdown-rendered progress[value="38"],
.markdown-rendered progress[value="39"],
.markdown-rendered progress[value="40"],
.markdown-rendered progress[value="41"],
.markdown-rendered progress[value="42"],
.markdown-rendered progress[value="43"],
.markdown-rendered progress[value="44"],
.markdown-rendered progress[value="45"],
.markdown-rendered progress[value="46"],
.markdown-rendered progress[value="47"],
.markdown-rendered progress[value="48"],
.markdown-rendered progress[value="49"],
.markdown-source-view.is-live-preview progress[value="25"],
.markdown-source-view.is-live-preview progress[value="26"],
.markdown-source-view.is-live-preview progress[value="27"],
.markdown-source-view.is-live-preview progress[value="28"],
.markdown-source-view.is-live-preview progress[value="29"],
.markdown-source-view.is-live-preview progress[value="30"],
.markdown-source-view.is-live-preview progress[value="31"],
.markdown-source-view.is-live-preview progress[value="32"],
.markdown-source-view.is-live-preview progress[value="33"],
.markdown-source-view.is-live-preview progress[value="34"],
.markdown-source-view.is-live-preview progress[value="35"],
.markdown-source-view.is-live-preview progress[value="36"],
.markdown-source-view.is-live-preview progress[value="37"],
.markdown-source-view.is-live-preview progress[value="38"],
.markdown-source-view.is-live-preview progress[value="39"],
.markdown-source-view.is-live-preview progress[value="40"],
.markdown-source-view.is-live-preview progress[value="41"],
.markdown-source-view.is-live-preview progress[value="42"],
.markdown-source-view.is-live-preview progress[value="43"],
.markdown-source-view.is-live-preview progress[value="44"],
.markdown-source-view.is-live-preview progress[value="45"],
.markdown-source-view.is-live-preview progress[value="46"],
.markdown-source-view.is-live-preview progress[value="47"],
.markdown-source-view.is-live-preview progress[value="48"],
.markdown-source-view.is-live-preview progress[value="49"])::-webkit-progress-value {
background-color: var(--color-orange-base);
border-color: var(--color-orange-tint);
}
:is(.markdown-preview-view progress[value="50"], .markdown-preview-view progress[value="51"], .markdown-preview-view progress[value="52"], .markdown-preview-view progress[value="53"], .markdown-preview-view progress[value="54"], .markdown-preview-view progress[value="55"], .markdown-preview-view progress[value="56"], .markdown-preview-view progress[value="57"], .markdown-preview-view progress[value="58"], .markdown-preview-view progress[value="59"], .markdown-preview-view progress[value="60"], .markdown-preview-view progress[value="61"], .markdown-preview-view progress[value="62"], .markdown-preview-view progress[value="63"], .markdown-preview-view progress[value="64"], .markdown-preview-view progress[value="65"], .markdown-preview-view progress[value="66"], .markdown-preview-view progress[value="67"], .markdown-preview-view progress[value="68"], .markdown-preview-view progress[value="69"], .markdown-preview-view progress[value="70"], .markdown-preview-view progress[value="71"], .markdown-preview-view progress[value="72"], .markdown-preview-view progress[value="73"], .markdown-preview-view progress[value="74"],
.markdown-rendered progress[value="50"],
.markdown-rendered progress[value="51"],
.markdown-rendered progress[value="52"],
.markdown-rendered progress[value="53"],
.markdown-rendered progress[value="54"],
.markdown-rendered progress[value="55"],
.markdown-rendered progress[value="56"],
.markdown-rendered progress[value="57"],
.markdown-rendered progress[value="58"],
.markdown-rendered progress[value="59"],
.markdown-rendered progress[value="60"],
.markdown-rendered progress[value="61"],
.markdown-rendered progress[value="62"],
.markdown-rendered progress[value="63"],
.markdown-rendered progress[value="64"],
.markdown-rendered progress[value="65"],
.markdown-rendered progress[value="66"],
.markdown-rendered progress[value="67"],
.markdown-rendered progress[value="68"],
.markdown-rendered progress[value="69"],
.markdown-rendered progress[value="70"],
.markdown-rendered progress[value="71"],
.markdown-rendered progress[value="72"],
.markdown-rendered progress[value="73"],
.markdown-rendered progress[value="74"],
.markdown-source-view.is-live-preview progress[value="50"],
.markdown-source-view.is-live-preview progress[value="51"],
.markdown-source-view.is-live-preview progress[value="52"],
.markdown-source-view.is-live-preview progress[value="53"],
.markdown-source-view.is-live-preview progress[value="54"],
.markdown-source-view.is-live-preview progress[value="55"],
.markdown-source-view.is-live-preview progress[value="56"],
.markdown-source-view.is-live-preview progress[value="57"],
.markdown-source-view.is-live-preview progress[value="58"],
.markdown-source-view.is-live-preview progress[value="59"],
.markdown-source-view.is-live-preview progress[value="60"],
.markdown-source-view.is-live-preview progress[value="61"],
.markdown-source-view.is-live-preview progress[value="62"],
.markdown-source-view.is-live-preview progress[value="63"],
.markdown-source-view.is-live-preview progress[value="64"],
.markdown-source-view.is-live-preview progress[value="65"],
.markdown-source-view.is-live-preview progress[value="66"],
.markdown-source-view.is-live-preview progress[value="67"],
.markdown-source-view.is-live-preview progress[value="68"],
.markdown-source-view.is-live-preview progress[value="69"],
.markdown-source-view.is-live-preview progress[value="70"],
.markdown-source-view.is-live-preview progress[value="71"],
.markdown-source-view.is-live-preview progress[value="72"],
.markdown-source-view.is-live-preview progress[value="73"],
.markdown-source-view.is-live-preview progress[value="74"])::-webkit-progress-value {
background-color: var(--color-yellow-base);
border-color: var(--color-yellow-tint);
}
:is(.markdown-preview-view progress[value="75"], .markdown-preview-view progress[value="76"], .markdown-preview-view progress[value="77"], .markdown-preview-view progress[value="78"], .markdown-preview-view progress[value="79"], .markdown-preview-view progress[value="80"], .markdown-preview-view progress[value="81"], .markdown-preview-view progress[value="82"], .markdown-preview-view progress[value="83"], .markdown-preview-view progress[value="84"], .markdown-preview-view progress[value="85"], .markdown-preview-view progress[value="86"], .markdown-preview-view progress[value="87"], .markdown-preview-view progress[value="88"], .markdown-preview-view progress[value="89"], .markdown-preview-view progress[value="90"], .markdown-preview-view progress[value="91"], .markdown-preview-view progress[value="92"], .markdown-preview-view progress[value="93"], .markdown-preview-view progress[value="94"], .markdown-preview-view progress[value="95"], .markdown-preview-view progress[value="96"], .markdown-preview-view progress[value="97"], .markdown-preview-view progress[value="98"], .markdown-preview-view progress[value="99"],
.markdown-rendered progress[value="75"],
.markdown-rendered progress[value="76"],
.markdown-rendered progress[value="77"],
.markdown-rendered progress[value="78"],
.markdown-rendered progress[value="79"],
.markdown-rendered progress[value="80"],
.markdown-rendered progress[value="81"],
.markdown-rendered progress[value="82"],
.markdown-rendered progress[value="83"],
.markdown-rendered progress[value="84"],
.markdown-rendered progress[value="85"],
.markdown-rendered progress[value="86"],
.markdown-rendered progress[value="87"],
.markdown-rendered progress[value="88"],
.markdown-rendered progress[value="89"],
.markdown-rendered progress[value="90"],
.markdown-rendered progress[value="91"],
.markdown-rendered progress[value="92"],
.markdown-rendered progress[value="93"],
.markdown-rendered progress[value="94"],
.markdown-rendered progress[value="95"],
.markdown-rendered progress[value="96"],
.markdown-rendered progress[value="97"],
.markdown-rendered progress[value="98"],
.markdown-rendered progress[value="99"],
.markdown-source-view.is-live-preview progress[value="75"],
.markdown-source-view.is-live-preview progress[value="76"],
.markdown-source-view.is-live-preview progress[value="77"],
.markdown-source-view.is-live-preview progress[value="78"],
.markdown-source-view.is-live-preview progress[value="79"],
.markdown-source-view.is-live-preview progress[value="80"],
.markdown-source-view.is-live-preview progress[value="81"],
.markdown-source-view.is-live-preview progress[value="82"],
.markdown-source-view.is-live-preview progress[value="83"],
.markdown-source-view.is-live-preview progress[value="84"],
.markdown-source-view.is-live-preview progress[value="85"],
.markdown-source-view.is-live-preview progress[value="86"],
.markdown-source-view.is-live-preview progress[value="87"],
.markdown-source-view.is-live-preview progress[value="88"],
.markdown-source-view.is-live-preview progress[value="89"],
.markdown-source-view.is-live-preview progress[value="90"],
.markdown-source-view.is-live-preview progress[value="91"],
.markdown-source-view.is-live-preview progress[value="92"],
.markdown-source-view.is-live-preview progress[value="93"],
.markdown-source-view.is-live-preview progress[value="94"],
.markdown-source-view.is-live-preview progress[value="95"],
.markdown-source-view.is-live-preview progress[value="96"],
.markdown-source-view.is-live-preview progress[value="97"],
.markdown-source-view.is-live-preview progress[value="98"],
.markdown-source-view.is-live-preview progress[value="99"])::-webkit-progress-value {
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
.markdown-preview-view progress[value="100"]::-webkit-progress-value,
.markdown-rendered progress[value="100"]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value="100"]::-webkit-progress-value {
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
.cm-vimCursorLayer .cm-fat-cursor {
outline: solid 1px var(--color-red-text);
}
div.cm-focused .cm-vimCursorLayer .cm-fat-cursor {
color: var(--highlight-text-normal);
outline: solid 1px var(--interactive-accent-tint);
}
.ͼo:not(.cm-focused) .cm-fat-cursor {
outline: solid 1px var(--color-red-tint);
}
.cm-s-obsidian .cm-hmd-frontmatter {
color: var(--color-blue);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-atom, .cm-s-obsidian .cm-hmd-frontmatter.cm-meta {
color: var(--text-faint);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-keyword {
color: var(--color-red);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-number {
color: var(--color-green);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-def {
color: var(--text-faint);
}
.metadata-properties-heading {
display: inline-flex;
width: 100%;
padding: var(--size-4-2);
margin-bottom: unset;
background-color: var(--background-secondary);
border: var(--window-border);
}
.metadata-properties-heading .collapse-indicator {
position: relative;
inset-inline-start: unset;
left: unset;
order: 2;
opacity: 1;
}
.metadata-properties-heading .collapse-indicator .collapse-icon svg.svg-icon {
width: 18px;
}
.metadata-properties-title {
display: flex;
align-items: center;
width: 100%;
margin-bottom: unset;
font-weight: var(--bold-weight);
}
.metadata-properties-title::before {
align-items: center;
width: var(--icon-size);
height: var(--icon-size);
margin-inline-end: var(--size-4-2);
content: "";
background-color: var(--text-muted);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-archive'%3E%3Crect width='20' height='5' x='2' y='4' rx='2'/%3E%3Cpath d='M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: 18px;
}
.cm-editor .metadata-content,
.markdown-preview-view .metadata-content {
padding: var(--size-4-3) var(--size-4-2);
border: var(--window-border);
border-top: unset;
}
.metadata-property-key {
align-items: center;
}
.metadata-property-icon {
height: fit-content;
padding: var(--size-2-1);
margin-left: var(--size-4-1);
}
.metadata-property-icon:hover {
background-color: var(--interactive-accent-base);
border-radius: var(--radius-s);
}
.metadata-property-icon::before {
display: none;
}
.metadata-container {
transform: unset;
}
.metadata-container .metadata-add-button {
margin-top: var(--size-4-2);
margin-left: var(--size-4-1);
border: var(--window-border);
}
.multi-select-container {
gap: var(--size-4-2);
}
.metadata-property:not([data-property-key=tags]) .multi-select-pill {
line-height: unset;
}
.metadata-property[data-property-key=tags] {
--pill-radius: var(--radius-s);
}
.workspace-leaf-content[data-type=all-properties] .view-content,
.workspace-leaf-content[data-type=file-properties] .view-content,
.workspace-leaf-content[data-type=properties] .view-content {
padding: var(--size-4-1);
}
.metadata-property:focus-within {
box-shadow: 0 0 0 1px var(--window-border-color);
}
audio::-webkit-media-controls-panel {
background-color: var(--background-secondary);
border-radius: var(--radius-s);
}
audio::-webkit-media-controls-mute-button:hover,
audio::-webkit-media-controls-play-button:hover {
background-color: var(--interactive-accent-base);
border-radius: var(--radius-s);
opacity: 1;
}
audio::-webkit-media-controls-volume-slider {
padding-right: var(--size-4-2);
}
audio::-webkit-media-controls-current-time-display {
margin-left: var(--size-4-3);
font-family: var(--font-interface);
color: var(--text-normal);
}
audio::-webkit-media-controls-time-remaining-display {
font-family: var(--font-interface);
color: var(--text-normal);
}
.modal-container .prompt {
border: 1px solid var(--window-border-color);
}
.modal-container .prompt .prompt-results {
padding: var(--size-4-2);
}
.theme-light .modal-container .prompt .prompt-results {
background-color: var(--background-primary);
}
.theme-dark .modal-container .prompt .prompt-results {
background-color: var(--background-secondary-alt);
}
.modal-container .prompt .prompt-results::-webkit-scrollbar-track {
margin-left: var(--window-border);
border-radius: unset;
}
.theme-light .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
background-color: var(--background-primary);
}
.theme-dark .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
background-color: var(--background-secondary-alt);
}
.modal-container .prompt .prompt-instructions {
background-color: var(--background-secondary);
border-top: var(--window-border);
}
.suggestion-item.mod-complex .suggestion-hotkey {
margin-left: var(--size-4-2);
font-weight: 600;
border-radius: var(--radius-s);
}
.prompt-input-container {
padding: var(--size-4-2);
margin: unset;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
input.prompt-input {
height: 40px;
padding: 0 var(--size-4-4);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
}
.theme-light input.prompt-input {
background-color: var(--background-primary);
}
.theme-dark input.prompt-input {
background-color: var(--background-secondary-alt);
}
input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible {
border: 1px solid var(--window-border-color);
}
.suggestion-container {
max-width: 700px;
border: 1px solid var(--window-border-color);
box-shadow: var(--shadow-l);
}
.suggestion-container .suggestion {
padding: var(--size-4-2);
}
.suggestion-container .suggestion::-webkit-scrollbar-track {
border-radius: var(--radius-s);
box-shadow: var(--shadow-s);
}
.theme-light .suggestion-container {
background-color: var(--background-primary);
}
.theme-dark .suggestion-container {
background-color: var(--background-secondary-alt);
}
.suggestion-container .suggestion-item {
padding: var(--size-4-2);
}
.suggestion-item.mod-complex {
align-items: center;
}
.suggestion-item.mod-complex .suggestion-content {
overflow: visible;
}
.suggestion-item.is-selected {
color: var(--highlight-text-normal);
}
.suggestion-prefix {
padding: 0 var(--size-4-1);
margin-right: var(--size-4-2);
font-size: 0.9em;
font-weight: 600;
color: var(--interactive-accent-text);
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
}
.suggestion-prefix::after {
display: none;
}
.workspace-leaf-content[data-type=file-explorer] .nav-files-container {
padding-top: var(--size-4-1);
padding-right: var(--size-4-1);
padding-bottom: unset;
padding-left: var(--size-4-1);
margin-left: var(--size-4-1);
}
.workspace-leaf-content[data-type=file-explorer] .nav-folder.mod-root > .nav-folder-children {
padding: var(--size-4-1);
}
.tree-item-children:empty {
display: none;
}
.tree-item-self {
padding-inline-start: none !important;
margin-inline-start: none !important;
border: 2px solid transparent;
}
.nav-file-tag {
height: 15px;
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
}
.nav-folder:not(.is-collapsed) > .nav-folder-title {
color: var(--text-normal);
}
body:not(.is-grabbing) .nav-folder-title:hover .collapse-icon svg.svg-icon {
color: var(--nav-item-color-hover);
}
body:not(.is-grabbing) .item-list .nav-file-title:hover .nav-file-icon {
color: var(--interactive-accent-text);
}
body:not(.is-grabbing) .nav-file-title.is-active:hover,
body:not(.is-grabbing) .nav-folder-title.is-active:hover {
color: var(--interactive-accent-hover);
}
.mod-active .workspace-tab-header.is-active:hover .workspace-tab-header-inner-icon,
.mod-active .workspace-tab-header.is-active:hover .workspace-tab-header-inner-title {
color: var(--interactive-accent-hover);
}
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title {
background-color: var(--interactive-accent-base);
border: var(--accent-border-width) solid transparent;
border-radius: var(--radius-s);
}
.workspace-leaf.mod-active .nav-file.has-focus {
background-color: var(--interactive-accent-base);
border: unset;
border-radius: var(--radius-s);
}
body:not(.is-grabbing) .nav-file-title.is-being-dragged,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged,
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged {
color: var(--highlight-text-normal);
background-color: var(--interactive-accent-base);
}
.pt-file-explorer-folder-icon .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
display: inline-flex;
width: 17px;
height: -webkit-fill-available;
height: fill-available;
content: " ";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: 17px;
stroke-width: unset;
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
background-color: var(--text-muted);
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
background-color: var(--interactive-accent-text);
}
.pt-file-explorer-folder-icon .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
display: inline-flex;
width: 17px;
height: -webkit-fill-available;
height: fill-available;
content: " ";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: 17px;
stroke-width: unset;
transform: rotate(0);
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
background-color: var(--text-muted);
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon {
background-color: var(--interactive-accent-text);
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
background-color: var(--interactive-accent-text);
}
.graph-controls-button.mod-close {
top: 0;
right: var(--size-4-1);
padding: var(--size-2-1);
}
.graph-controls-button.mod-reset {
top: 0;
right: var(--size-4-8);
padding: var(--size-2-1);
}
.theme-light .workspace-leaf-content[data-type=graph] .view-content,
.theme-light .workspace-leaf-content[data-type=localgraph] .view-content,
.theme-light .graph-controls {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=graph] .view-content,
.theme-dark .workspace-leaf-content[data-type=localgraph] .view-content,
.theme-dark .graph-controls {
background-color: var(--background-secondary-alt);
}
.graph-controls {
width: unset;
min-width: var(--graph-controls-width);
}
.graph-controls.is-close {
padding: var(--size-4-1);
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: 1px solid var(--window-border-color);
}
.graph-controls .tree-item-self {
padding-left: var(--size-4-6);
margin-bottom: -1px;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border-color);
border-radius: unset;
}
.graph-control-section {
padding: unset;
}
.graph-control-section:last-child .tree-item-children {
padding-bottom: var(--size-4-2);
}
.graph-control-section > .tree-item-self:hover {
background-color: var(--background-modifier-hover);
}
.graph-control-section > .tree-item-self:hover * {
color: var(--highlight-text-normal);
}
.graph-control-section .tree-item-children {
padding: var(--size-4-2);
}
.graph-control-section .setting-item:not(.mod-search-setting) {
padding: var(--size-2-3) var(--size-4-2);
}
:is(.graph-view.color-fill-unresolved, .graph-view.color-arrow) {
opacity: 1;
}
.theme-light .graph-view.color-line {
opacity: var(--graph-line-opacity-lt);
}
.theme-light .graph-view.color-fill {
opacity: var(--graph-fill-opacity-lt);
}
.theme-light .graph-view.color-fill-focused {
opacity: var(--graph-fill-focused-opacity-lt);
}
.theme-light .graph-view.color-fill-tag {
opacity: var(--graph-tag-opacity-lt);
}
.theme-light .graph-view.color-fill-attachment {
opacity: var(--graph-attachment-opacity-lt);
}
.theme-light .graph-view.color-fill-unresolved {
opacity: var(--graph-unresolved-opacity-lt);
}
.theme-light .graph-view.color-fill-highlight {
color: var(--graph-highlight-color-lt);
opacity: var(--graph-highlight-opacity-lt);
}
.theme-light .graph-view.color-line-highlight {
color: var(--graph-highlight-line-color-lt);
opacity: var(--graph-highlight-line-opacity-lt);
}
.theme-dark .graph-view.color-line {
opacity: var(--graph-line-opacity-dt);
}
.theme-dark .graph-view.color-fill {
opacity: var(--graph-fill-opacity-dt);
}
.theme-dark .graph-view.color-fill-focused {
opacity: var(--graph-fill-focused-opacity-dt);
}
.theme-dark .graph-view.color-fill-tag {
opacity: var(--graph-tag-opacity-dt);
}
.theme-dark .graph-view.color-fill-attachment {
opacity: var(--graph-attachment-opacity-dt);
}
.theme-dark .graph-view.color-fill-unresolved {
opacity: var(--graph-unresolved-opacity-dt);
}
.theme-dark .graph-view.color-fill-highlight {
color: var(--graph-highlight-color-dt);
opacity: var(--graph-highlight-opacity-dt);
}
.theme-dark .graph-view.color-line-highlight {
color: var(--graph-highlight-line-color-dt);
opacity: var(--graph-highlight-line-opacity-dt);
}
.outline .tree-item-children > div:first-child {
display: none;
}
.workspace-leaf-content[data-type=outline] .view-content {
padding: var(--size-4-1);
}
.search-result-container {
padding: var(--size-4-1);
}
.search-row {
padding: var(--size-4-1);
margin: unset;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.search-info-container {
background-color: var(--background-secondary);
}
.search-params {
padding: var(--size-4-1) var(--size-4-4);
margin: unset;
margin-top: -1px;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.search-results-info {
padding: var(--size-4-1) var(--size-4-2) var(--size-4-2) var(--size-4-2);
margin: unset;
margin-top: -1px;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.search-result-file-matched-text {
padding: 0 4px;
font-weight: 600;
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
}
.search-result {
margin-bottom: var(--size-4-1);
}
.search-result-file-matches {
margin: var(--size-4-2);
}
.theme-dark .search-result-file-matches {
background-color: var(--background-secondary-alt);
}
.internal-query .search-result-container {
padding: var(--size-4-2) var(--size-4-1);
background-color: unset;
border-radius: unset;
}
.suggestion-container.mod-search-suggestion {
background-color: unset;
border-radius: unset;
}
.suggestion-container.mod-search-suggestion .suggestion {
padding: unset;
border-radius: unset;
}
.theme-light .suggestion-container.mod-search-suggestion .suggestion {
background-color: var(--background-primary);
}
.theme-dark .suggestion-container.mod-search-suggestion .suggestion {
background-color: var(--background-secondary-alt);
}
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item:not(.mod-group) {
margin: 0 var(--size-4-1) var(--size-2-1);
}
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item:not(.mod-group):last-of-type {
margin-bottom: var(--size-4-1);
}
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item.mod-group {
padding: var(--size-4-1) var(--size-4-1) var(--size-4-1) var(--size-4-2);
margin-bottom: var(--size-4-1);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.suggestion-container.mod-search-suggestion .suggestion .search-suggest-item.mod-group:not(:first-child) {
margin: var(--size-4-1) 0;
}
.input-right-decorator.clickable-icon {
border-color: transparent;
}
.tag-container {
padding: var(--size-4-1);
}
.tag-container .tree-item-children > div:first-child {
display: none;
}
:is(.backlink-pane, .outgoing-link-pane) {
padding: 0;
}
.embedded-backlinks :is(.backlink-pane, .outgoing-link-pane) {
overflow-y: unset;
}
:is(.backlink-pane, .outgoing-link-pane) > .search-result-container {
padding: var(--size-4-1);
}
:is(.backlink-pane, .outgoing-link-pane) .search-result-container .search-result-container {
padding: unset;
margin: var(--size-4-1) var(--size-4-1) var(--size-4-2) var(--size-4-5);
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self {
padding-inline: var(--size-4-6) var(--size-4-2);
padding-top: var(--size-4-1);
padding-bottom: var(--size-4-1);
margin-bottom: -1px;
background-color: var(--background-secondary);
border-radius: unset;
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:first-child {
border-bottom: var(--window-border);
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:nth-last-child(2) {
border-top: var(--window-border);
border-bottom: var(--window-border);
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self .collapse-icon {
display: flex;
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self.is-collapsed:hover, :is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:hover .collapse-icon svg.svg-icon {
color: var(--highlight-text-normal);
}
.tree-item-self.is-clickable:hover svg {
color: var(--nav-item-color-hover);
}
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split) .embedded-backlinks .nav-header {
position: sticky;
top: 0;
}
.embedded-backlinks .nav-header {
position: sticky;
top: 0;
z-index: var(--layer-cover);
justify-content: center;
height: unset;
margin: var(--size-4-2) 0;
background-color: unset;
border-bottom: unset;
}
.embedded-backlinks .backlink-pane {
padding: unset;
border: var(--window-border);
}
.embedded-backlinks .backlink-pane > .tree-item-self {
width: unset;
font-size: var(--font-ui-small);
}
.embedded-backlinks .tree-item-self {
border: unset;
}
.embedded-backlinks .nav-buttons-container {
position: relative;
top: unset;
padding: var(--size-4-1);
pointer-events: auto;
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: var(--window-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
.outgoing-link-pane .tree-item-self .tree-item-icon {
margin-right: var(--size-4-2);
}
body {
--canvas-color: var(--color-grey-tint-hsl);
--canvas-background-color: var(--color-grey-base-hsl);
--canvas-highlight-color: var(--color-grey-text-hsl);
}
body.theme-dark {
--canvas-color: var(--color-grey-tint-hsl);
}
.canvas-group-label {
font-weight: var(--font-semibold);
}
.theme-dark .canvas-wrapper,
.theme-dark .canvas-node-content {
background-color: var(--background-secondary-alt);
}
.canvas-control-item {
background-color: unset;
}
.canvas-control-group,
.canvas-menu,
.canvas-card-menu,
.theme-dark .canvas-card-menu {
gap: var(--size-4-1);
padding: var(--size-4-1);
background-color: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-radius: var(--radius-m);
}
.canvas-control-item,
.canvas-card-menu-button {
padding: var(--size-2-3);
background-color: unset;
border: unset;
border-radius: var(--radius-s);
}
.canvas-control-item:hover,
.canvas-card-menu-button:hover {
color: var(--nav-item-color-hover);
background-color: var(--background-modifier-hover);
}
.canvas-node-container {
border: 4px solid rgb(var(--canvas-color));
}
.canvas-path-label {
border: 4px solid var(--window-border-color);
}
.mod-canvas-color-1 {
--canvas-color: var(--color-red-tint-hsl);
--canvas-background-color: var(--color-red-base-hsl);
--canvas-highlight-color: var(--color-red-text-hsl);
}
.mod-canvas-color-2 {
--canvas-color: var(--color-orange-tint-hsl);
--canvas-background-color: var(--color-orange-base-hsl);
--canvas-highlight-color: var(--color-orange-text-hsl);
}
.mod-canvas-color-3 {
--canvas-color: var(--color-yellow-tint-hsl);
--canvas-background-color: var(--color-yellow-base-hsl);
--canvas-highlight-color: var(--color-yellow-text-hsl);
}
.mod-canvas-color-4 {
--canvas-color: var(--color-green-tint-hsl);
--canvas-background-color: var(--color-green-base-hsl);
--canvas-highlight-color: var(--color-green-text-hsl);
}
.mod-canvas-color-5 {
--canvas-color: var(--color-cyan-tint-hsl);
--canvas-background-color: var(--color-cyan-base-hsl);
--canvas-highlight-color: var(--color-cyan-text-hsl);
}
.mod-canvas-color-6 {
--canvas-color: var(--color-purple-tint-hsl);
--canvas-background-color: var(--color-purple-base-hsl);
--canvas-highlight-color: var(--color-purple-text-hsl);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-node:not(.is-themed) {
--shadow-border-themed-inset: inset 0 0 0 1px hsl(var(--canvas-color));
--shadow-border-themed: 0 0 0 2px hsl(var(--canvas-color));
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-placeholder::after, .canvas-node:not(.is-themed) .canvas-node-placeholder::after {
background-color: hsla(var(--canvas-color), 20%);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-container, .canvas-node:not(.is-themed) .canvas-node-container {
border: 4px solid hsl(var(--canvas-color));
}
.theme-light .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):not(.canvas-node-group) .canvas-node-container, .theme-light .canvas-node:not(.is-themed):not(.canvas-node-group) .canvas-node-container {
background-color: var(--background-primary);
}
.theme-dark .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):not(.canvas-node-group) .canvas-node-container, .theme-dark .canvas-node:not(.is-themed):not(.canvas-node-group) .canvas-node-container {
background-color: var(--background-secondary-alt);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-content, .canvas-node:not(.is-themed) .canvas-node-content {
background-color: hsla(var(--canvas-background-color), 20%);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]) {
background-color: hsl(var(--canvas-highlight-color));
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light, .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-dark {
color: var(--background-primary);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-selected.is-themed .canvas-node-container, .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-focused.is-themed .canvas-node-container {
border-color: hsl(var(--canvas-highlight-color));
}
.canvas-node:not(.is-themed).canvas-node-group .canvas-group-label:not([contenteditable=true]) {
color: var(--background-primary);
background-color: hsl(var(--canvas-highlight-color));
}
.canvas-node:not(.is-themed).is-selected .canvas-node-container, .canvas-node:not(.is-themed).is-focused .canvas-node-container {
border-color: hsl(var(--canvas-highlight-color));
}
.canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-color-picker-item:first-child {
background-color: hsl(var(--canvas-color));
}
.canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):hover, .canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-active, .canvas-color-picker-item:first-child:hover, .canvas-color-picker-item:first-child.is-active {
box-shadow: 0 0 0 2px hsl(var(--canvas-color));
}
.canvas-minimap rect:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-minimap rect:not(.is-themed) {
fill: hsl(var(--canvas-color));
stroke: hsl(var(--canvas-color));
}
.theme-light .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light {
color: var(--background-primary);
}
.theme-dark .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light {
color: var(--text-normal);
}
.canvas-edges g:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) path.canvas-display-path, .canvas-edges g:not(.is-themed) path.canvas-display-path {
stroke: hsl(var(--canvas-highlight-color));
}
.canvas-edges g:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) polygon.canvas-path-end, .canvas-edges g:not(.is-themed) polygon.canvas-path-end {
fill: hsl(var(--canvas-highlight-color));
stroke: hsl(var(--canvas-highlight-color));
}
.canvas-edges g.is-focused path.canvas-interaction-path,
.canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-interaction-path {
stroke: hsla(var(--canvas-highlight-color), 10%);
}
.canvas-minimap path:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-minimap path:not(.is-themed) {
stroke: hsl(var(--canvas-highlight-color));
}
.canvas-card-menu {
top: var(--size-4-2);
bottom: unset;
left: var(--size-4-2);
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--window-border-color);
transform: unset;
}
.canvas-card-menu .canvas-card-menu-button {
padding: var(--size-4-1);
color: var(--text-muted);
}
.canvas-card-menu .canvas-card-menu-button svg {
width: 24px;
height: 24px;
}
.canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg {
transform: translateX(4px);
}
.workspace-leaf-content[data-type=bookmarks] .tree-item-icon {
width: 20px;
padding-right: var(--size-4-1);
}
.workspace-leaf-content[data-type=bookmarks] .view-content {
padding: var(--size-4-1);
}
body:not(.is-grabbing) .workspace-leaf-content[data-type=bookmarks] .tree-item-self.is-active .tree-item-icon {
color: var(--interactive-accent-text);
}
body:not(.is-grabbing) .workspace-leaf-content[data-type=bookmarks] .tree-item-self.is-active:hover {
color: var(--interactive-accent-hover);
}
body:not(.is-grabbing) .workspace-leaf-content[data-type=bookmarks] .tree-item-self.is-active.is-clickable:hover svg {
color: var(--interactive-accent-hover);
}
.pdf-toolbar {
padding: var(--size-4-1) var(--size-4-2);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.pdf-viewer {
display: flex;
flex-direction: column;
gap: var(--size-4-4);
margin-top: var(--size-4-4);
margin-bottom: var(--size-4-4);
}
.pdf-viewer .page {
overflow: hidden;
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
}
.pdf-sidebar-container {
border-right: var(--window-border);
}
.pdf-sidebar-container .pdf-thumbnail-view {
gap: var(--size-4-2);
padding: var(--size-4-2);
}
.pdf-sidebar-container .thumbnailSelectionRing {
display: flex;
padding: unset;
border: var(--window-border);
}
.pdf-sidebar-container .thumbnail {
padding: var(--size-4-1);
border: 2px solid transparent;
border-radius: var(--radius-s);
}
.pdf-sidebar-container .thumbnail::after {
right: var(--size-4-3);
bottom: var(--size-4-3);
z-index: 99;
border: 1px solid var(--window-border-color);
}
.pdf-sidebar-container .thumbnail::before {
position: absolute;
inset: 0;
z-index: -1;
padding: 5px;
content: "";
background: transparent;
-webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.pdf-sidebar-container .thumbnail:hover {
border-color: var(--interactive-accent-base);
}
.pdf-sidebar-container .thumbnail:hover::before {
background: var(--interactive-accent-base);
}
.pdf-sidebar-container .thumbnail:hover::after {
color: var(--highlight-text-normal);
}
.pdf-sidebar-container .thumbnail:hover > .thumbnailSelectionRing {
background-color: unset;
}
.pdf-sidebar-container .thumbnail.selected {
border-color: var(--interactive-accent-tint);
}
.pdf-sidebar-container .thumbnail.selected::before {
background: var(--interactive-accent-base);
}
.pdf-sidebar-container .thumbnail.selected::after {
color: var(--interactive-accent-text);
}
.pdf-sidebar-container .thumbnail.selected:hover::before {
background: var(--background-modifier-hover);
}
.pdf-sidebar-container .thumbnail.selected > .thumbnailSelectionRing {
background-color: unset;
}
.pdf-toolbar-left .clickable-icon[aria-label="Toggle sidebar"] {
border: 2px solid transparent;
}
.pdf-outline-view .tree-item-self:not(.mod-collapsible) {
padding-left: var(--size-4-1);
}
.pdf-findbar-settings {
background-color: var(--background-secondary);
}
.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
background: var(--interactive-accent-tint);
box-shadow: unset;
opacity: 0.4;
}
.pt-pdf-dark-theme.theme-dark .pdf-viewer .canvasWrapper,
.pt-pdf-dark-theme.theme-dark .pdf-sidebar-container img.thumbnailImage {
filter: invert(1) hue-rotate(180deg) saturate(100%);
mix-blend-mode: screen;
}
.pt-custom-vault-banner .workspace-drawer-vault-name {
display: flex;
align-items: center;
}
.pt-custom-vault-banner .workspace-drawer-vault-name::before {
display: inline-flex;
min-width: 24px;
height: 24px;
margin-right: var(--size-4-2);
content: "";
background-image: var(--custom-vault-banner-icon-url);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.pt-custom-vault-banner.is-mobile .mod-left .workspace-drawer-header::before {
display: block;
width: 32px;
height: 48px;
margin-right: var(--size-4-5);
content: "";
background-image: var(--custom-vault-banner-icon-url);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: unset;
}
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
padding: var(--size-4-1) var(--size-4-2);
border-top: var(--window-border);
}
body:not(.pt-disable-mark-highlight-styling) mark[class] {
--mark-highlight-base: var(--interactive-accent-base);
--mark-highlight-tint: var(--interactive-accent-tint);
--mark-highlight-text: var(--interactive-accent-text);
font-weight: 600;
background-color: transparent;
border-radius: var(--radius-s);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
body:not(.pt-disable-mark-highlight-styling) mark[class] .external-link {
background-position-x: calc(100% - 1px);
background-position-y: 2px;
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.red, .Red) {
--mark-highlight-base: var(--color-red-base);
--mark-highlight-tint: var(--color-red-tint);
--mark-highlight-text: var(--color-red-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.orange, .Orange) {
--mark-highlight-base: var(--color-orange-base);
--mark-highlight-tint: var(--color-orange-tint);
--mark-highlight-text: var(--color-orange-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.yellow, .Yellow) {
--mark-highlight-base: var(--color-yellow-base);
--mark-highlight-tint: var(--color-yellow-tint);
--mark-highlight-text: var(--color-yellow-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.green, .Green) {
--mark-highlight-base: var(--color-green-base);
--mark-highlight-tint: var(--color-green-tint);
--mark-highlight-text: var(--color-green-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.mint, .Mint) {
--mark-highlight-base: var(--color-mint-base);
--mark-highlight-tint: var(--color-mint-tint);
--mark-highlight-text: var(--color-mint-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.aqua, .Aqua, .cyan, .Cyan) {
--mark-highlight-base: var(--color-cyan-base);
--mark-highlight-tint: var(--color-cyan-tint);
--mark-highlight-text: var(--color-cyan-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.blue, .Blue) {
--mark-highlight-base: var(--color-blue-base);
--mark-highlight-tint: var(--color-blue-tint);
--mark-highlight-text: var(--color-blue-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.purple, .Purple) {
--mark-highlight-base: var(--color-purple-base);
--mark-highlight-tint: var(--color-purple-tint);
--mark-highlight-text: var(--color-purple-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.pink, .Pink) {
--mark-highlight-base: var(--color-pink-base);
--mark-highlight-tint: var(--color-pink-tint);
--mark-highlight-text: var(--color-pink-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.grey, .Grey) {
--mark-highlight-base: var(--color-grey-base);
--mark-highlight-tint: var(--color-grey-tint);
--mark-highlight-text: var(--color-grey-text);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-default) {
padding: 0;
font-size: 1em;
background-color: unset;
border: unset;
opacity: 1;
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-border) {
padding: 0 3px;
font-size: var(--font-smallest);
background-color: unset;
border: var(--accent-border-width) solid var(--mark-highlight-tint);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-filled) {
padding: 0 3px;
font-size: var(--font-smallest);
background-color: var(--mark-highlight-base);
border: var(--accent-border-width) solid var(--mark-highlight-base);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-borderandfilled) {
padding: 0 3px;
font-size: var(--font-smallest);
background-color: var(--mark-highlight-base);
border: var(--accent-border-width) solid var(--mark-highlight-tint);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class].mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]).mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class].mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class].mark-text-default {
color: var(--text-normal);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class].mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]).mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class].mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class].mark-text-color {
color: var(--mark-highlight-text);
}
.pt-font-alt-a * {
font-feature-settings: "ss03";
}
.pt-font-alt-g * {
font-feature-settings: "ss04";
}
.pt-font-alt-a.pt-font-alt-g * {
font-feature-settings: "ss03", "ss04";
}
.pt-font-slashed-zero * {
font-variant: slashed-zero;
}
.pt-font-disable-ligatures * {
font-variant-ligatures: none;
}
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .status-bar,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .view-header,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .mobile-navbar, body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .status-bar,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .view-header,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .mobile-navbar, body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .status-bar,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .view-header,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-root .workspace-tab-header-container,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-left-split,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-right-split,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-left.is-collapsed,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-right.is-collapsed,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .mobile-navbar, body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .status-bar,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .view-header,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-root .workspace-tab-header-container,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-left-split,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-right-split,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-left.is-collapsed,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-right.is-collapsed,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .mobile-navbar {
opacity: var(--fade-away-opacity);
transition: opacity 250ms;
transition-delay: var(--fade-away-delay);
}
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .status-bar:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .view-header:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed:hover,
body.pt-focused-mode.pt-focused-style-main-only:not(.is-popout-window) .mobile-navbar:hover, body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .status-bar:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .view-header:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-root .workspace-tab-header-container:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-left-split:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-split.mod-horizontal.mod-right-split:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-left.is-collapsed:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .workspace-ribbon.mod-right.is-collapsed:hover,
body.pt-focused-mode.pt-focused-style-main-and-popout-only:not(.is-popout-window) .mobile-navbar:hover, body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .status-bar:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .view-header:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-root .workspace-tab-header-container:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-left-split:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-split.mod-horizontal.mod-right-split:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-left.is-collapsed:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .workspace-ribbon.mod-right.is-collapsed:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-popout-only .mobile-navbar:hover, body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .status-bar:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .view-header:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-root .workspace-tab-header-container:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-left-split:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-split.mod-horizontal.mod-right-split:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-left.is-collapsed:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .workspace-ribbon.mod-right.is-collapsed:hover,
body.pt-focused-mode.is-popout-window.pt-focused-style-main-and-popout-only .mobile-navbar:hover {
opacity: unset;
transition: opacity 50ms;
}
.pt-colored-folders.pt-colored-folders-style-accent.pt-colored-folders-files-match .workspace-leaf-content[data-type=file-explorer] .nav-folder .nav-file-title:not(.is-active, :hover) {
color: var(--interactive-accent-text);
}
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder {
--nav-indentation-guide-color: var(--interactive-accent-tint);
}
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title {
color: var(--interactive-accent-text);
}
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-file-title:hover,
.pt-colored-folders.pt-colored-folders-style-accent .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title:hover {
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
}
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
color: var(--interactive-accent-text);
}
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-accent.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
background-color: var(--interactive-accent-text);
}
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-colored-folders-files-match .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-file-title:not(.is-active, :hover) {
color: var(--rainbow-text-color);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder {
--nav-indentation-guide-color: var(--rainbow-indent-color);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title {
color: var(--rainbow-text-color);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-file-title:hover,
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder .nav-folder-title:hover {
color: var(--rainbow-text-color);
background-color: var(--rainbow-background-color);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+2) {
--rainbow-text-color: var(--color-red-text);
--rainbow-background-color: var(--color-red-base);
--rainbow-indent-color: var(--color-red-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+3) {
--rainbow-text-color: var(--color-orange-text);
--rainbow-background-color: var(--color-orange-base);
--rainbow-indent-color: var(--color-orange-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+4) {
--rainbow-text-color: var(--color-yellow-text);
--rainbow-background-color: var(--color-yellow-base);
--rainbow-indent-color: var(--color-yellow-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+5) {
--rainbow-text-color: var(--color-green-text);
--rainbow-background-color: var(--color-green-base);
--rainbow-indent-color: var(--color-green-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+6) {
--rainbow-text-color: var(--color-mint-text);
--rainbow-background-color: var(--color-mint-base);
--rainbow-indent-color: var(--color-mint-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+7) {
--rainbow-text-color: var(--color-cyan-text);
--rainbow-background-color: var(--color-cyan-base);
--rainbow-indent-color: var(--color-cyan-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+8) {
--rainbow-text-color: var(--color-blue-text);
--rainbow-background-color: var(--color-blue-base);
--rainbow-indent-color: var(--color-blue-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+9) {
--rainbow-text-color: var(--color-purple-text);
--rainbow-background-color: var(--color-purple-base);
--rainbow-indent-color: var(--color-purple-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+10) {
--rainbow-text-color: var(--color-pink-text);
--rainbow-background-color: var(--color-pink-base);
--rainbow-indent-color: var(--color-pink-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .workspace-leaf-content[data-type=file-explorer] .nav-files-container > div > .nav-folder:nth-child(10n+11) {
--rainbow-text-color: var(--color-grey-text);
--rainbow-background-color: var(--color-grey-base);
--rainbow-indent-color: var(--color-grey-tint);
}
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
color: var(--rainbow-text-color);
}
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon, .pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed:hover .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon,
.pt-colored-folders.pt-colored-folders-style-rainbow.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed):hover .collapse-icon svg.svg-icon {
background-color: var(--rainbow-text-color);
}
div.workspace-leaf-content[data-type=style-settings] div.view-content {
padding: var(--file-margins);
padding-bottom: calc(48px + var(--scroll-bar-size));
}
body:not(.is-phone) div.workspace-leaf-content[data-type=style-settings] .view-content .style-settings-container .setting-item:not(.setting-item-heading) {
flex-direction: row;
}
.setting-item.setting-item-heading.style-settings-heading {
padding: var(--size-4-2);
}
.setting-item.setting-item-heading.style-settings-heading:hover {
background-color: var(--interactive-accent-base);
border-radius: var(--radius-m);
}
.setting-item.setting-item-heading.style-settings-heading:hover .setting-item-name {
color: var(--interactive-accent-text) !important;
}
.style-settings-container {
padding-bottom: unset;
}
.style-settings-container .setting-item {
padding: var(--size-4-2) var(--size-4-2) var(--size-4-2) var(--size-4-4);
}
.is-phone .style-settings-container .setting-item {
margin-top: unset;
}
.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
margin-left: unset;
}
:is(.setting-item.setting-item-heading.style-settings-heading, .style-settings-container .style-settings-heading) {
border-bottom: unset;
}
.setting-item-heading .setting-item-description {
padding-left: var(--size-4-4);
}
.setting-item.setting-item-heading.is-collapsed {
margin-bottom: unset;
}
.style-settings-container > .setting-item:last-of-type {
padding-bottom: unset;
margin-bottom: var(--size-4-2);
}
:is(.style-settings-heading[data-level="0"] + .style-settings-container, .style-settings-container) {
padding-left: var(--size-4-1);
margin-left: var(--size-4-3);
border-left: 1px solid var(--window-border-color);
}
.setting-item[data-id=prism-theme] {
display: none;
}
.setting-item.style-settings-heading[data-id=appearance] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "🎨";
}
.setting-item.style-settings-heading[data-id=editor] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "📝";
}
.setting-item.style-settings-heading[data-id=user-interface] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "👆";
}
.setting-item.style-settings-heading[data-id=plugins] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "🧩";
}
.setting-item.style-settings-heading[data-id=feature-toggles] {
margin-bottom: var(--size-4-2);
}
.setting-item.style-settings-heading[data-id=feature-toggles] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "🪠";
}
.setting-item.style-settings-heading[data-id=theme-info],
.style-settings-heading[data-id=support] {
margin-bottom: 0;
pointer-events: none;
}
.setting-item.style-settings-heading[data-id=theme-info] :is(.setting-item-control, .style-settings-collapse-indicator),
.style-settings-heading[data-id=support] :is(.setting-item-control, .style-settings-collapse-indicator) {
display: none;
}
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-name::before,
.style-settings-heading[data-id=support] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
font-weight: initial;
color: unset;
}
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-description,
.style-settings-heading[data-id=support] .setting-item-description {
padding-left: var(--size-4-1);
}
.setting-item.style-settings-heading[data-id=theme-info] {
padding-top: var(--size-4-4);
border-top: 2px solid var(--window-border-color);
}
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-name::before {
content: "📖";
}
.style-settings-heading[data-id=support] .setting-item-name::before {
content: "❤️";
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons],
.setting-item.style-settings-info-text[data-id=support-buttons] {
padding: 0 var(--size-4-2) var(--size-4-2) var(--size-4-4);
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-name,
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-control,
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-name,
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-control {
display: none;
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-description.style-settings-markdown,
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-description.style-settings-markdown {
display: flex;
flex-wrap: wrap;
gap: var(--size-4-2);
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .styleSettingsButtonEmoji,
.setting-item.style-settings-info-text[data-id=support-buttons] .styleSettingsButtonEmoji {
margin-right: var(--size-4-1);
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
}
.styleSettingsButton {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
font-size: var(--font-ui-medium);
font-weight: var(--input-font-weight);
border: var(--accent-border-width) solid;
border-radius: var(--radius-s);
}
.styleSettingsButton a {
width: 100%;
height: 100%;
padding: var(--size-4-1) var(--size-4-3) var(--size-4-1) var(--size-4-2);
text-decoration-line: unset;
vertical-align: baseline;
}
.styleSettingsButton.prism-wiki {
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
.styleSettingsButton.prism-wiki a {
color: var(--color-blue-text);
}
.styleSettingsButton.prism-wiki a:hover {
color: var(--color-blue-tint);
}
.styleSettingsButton.prism-releases {
background-color: var(--color-orange-base);
border-color: var(--color-orange-tint);
}
.styleSettingsButton.prism-releases a {
color: var(--color-orange-text);
}
.styleSettingsButton.prism-releases a:hover {
color: var(--color-orange-tint);
}
.styleSettingsButton.prism-star {
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
.styleSettingsButton.prism-star a {
color: var(--color-grey-text);
}
.styleSettingsButton.prism-star a:hover {
color: var(--color-grey-tint);
}
.styleSettingsButton.prism-issue {
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
.styleSettingsButton.prism-issue a {
color: var(--color-red-text);
}
.styleSettingsButton.prism-issue a:hover {
color: var(--color-red-tint);
}
.styleSettingsButton.prism-coffee {
background-color: var(--color-yellow-base);
border-color: var(--color-yellow-tint);
}
.styleSettingsButton.prism-coffee a {
color: var(--color-yellow-text);
}
.styleSettingsButton.prism-coffee a:hover {
color: var(--color-yellow-tint);
}
.kanban-plugin {
background-color: unset;
}
.kanban-plugin__lane-header-wrapper {
gap: var(--size-4-1);
padding: var(--size-4-1) var(--size-4-2);
}
.kanban-plugin__lane-wrapper {
margin-right: var(--size-4-4);
}
.theme-dark .kanban-plugin__item-title-wrapper {
background: var(--background-secondary-alt);
}
button.kanban-plugin__new-item-button {
border: var(--window-border);
}
button.kanban-plugin__new-item-button:hover {
background-color: var(--background-modifier-hover);
}
.theme-dark .kanban-plugin__item-form .kanban-plugin__item-input-wrapper {
background-color: var(--background-secondary-alt);
}
.kanban-plugin__lane-items {
gap: var(--size-4-1);
padding: var(--size-4-2);
margin: unset;
}
.kanban-plugin__lane-items > div {
margin-top: unset;
}
.theme-light .kanban-plugin__scroll-container.kanban-plugin__vertical {
background-color: var(--background-primary);
}
.theme-dark .kanban-plugin__scroll-container.kanban-plugin__vertical {
background-color: var(--background-secondary-alt);
}
:is(.kanban-plugin__lane-grip, div.kanban-plugin__lane-title-count, .kanban-plugin__lane button.kanban-plugin__lane-settings-button) {
margin: unset;
}
.kanban-plugin__lane button.kanban-plugin__lane-settings-button {
height: unset;
box-shadow: unset;
}
.modal.kanban-plugin__board-settings-modal {
width: var(--modal-width);
max-width: var(--modal-max-width);
height: var(--modal-height);
max-height: var(--modal-max-height);
}
.modal.kanban-plugin__board-settings-modal .modal-title:empty {
display: block;
width: -webkit-fill-available;
width: fill-available;
height: 42px;
margin-bottom: unset;
content: "";
border-bottom: var(--window-border);
}
.modal.kanban-plugin__board-settings-modal .modal-content {
padding: var(--size-4-8);
}
.modal.kanban-plugin__board-settings-modal :is(h3, h4) {
margin: var(--size-4-2) 0;
border-bottom: var(--window-border);
}
.kanban-plugin__board > div {
padding: var(--size-4-4);
}
.kanban-plugin__markdown-preview-view > div > * {
overflow-x: unset;
}
div.kanban-plugin__lane-title-count {
display: block;
height: fit-content;
padding: 0 4px;
font-size: 0.75em;
font-weight: 600;
line-height: 1.5em;
color: var(--text-normal);
background-color: unset;
border-radius: var(--radius-s);
}
.kanban-plugin__lane-grip,
.kanban-plugin__lane-settings-button-wrapper {
border-radius: var(--radius-s);
}
.kanban-plugin__lane-grip:hover,
.kanban-plugin__lane-settings-button-wrapper:hover {
color: var(--interactive-accent-hover);
background-color: var(--interactive-accent-base);
}
.kanban-plugin__lane-grip {
padding: var(--size-4-1) 0;
}
.pt-center-kanban-title-text .kanban-plugin__lane-title {
align-items: center;
}
.pt-disable-kanban-title-count div.kanban-plugin__lane-title-count {
display: none;
}
.theme-light.pt-kanban-background-dots-lt .kanban-plugin__board {
background-image: radial-gradient(circle, hsla(var(--background-secondary-hsl), 90%) 1px, rgba(0, 0, 0, 0) 1px);
background-attachment: local;
background-size: 8px 8px;
}
.theme-dark.pt-kanban-background-dots-dt .kanban-plugin__board {
background-image: radial-gradient(circle, hsla(var(--background-secondary-hsl), 90%) 1px, rgba(0, 0, 0, 0) 1px);
background-attachment: local;
background-size: 8px 8px;
}
.theme-light.pt-kanban-background-grid-lt .kanban-plugin__board {
background-image: linear-gradient(to right, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px), linear-gradient(to bottom, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px);
background-attachment: local;
background-size: 8px 8px;
}
.theme-dark.pt-kanban-background-grid-dt .kanban-plugin__board {
background-image: linear-gradient(to right, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px), linear-gradient(to bottom, hsla(var(--background-secondary-hsl), 90%) 1px, transparent 1px);
background-attachment: local;
background-size: 8px 8px;
}
.pt-icon-folder-accent .obsidian-icon-folder-icon {
color: var(--interactive-accent-text);
}
.pt-icons-accent .obsidian-icon {
color: var(--interactive-accent-text);
}
div#cMenuModalBar {
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
div#cMenuModalBar .cMenuCommandItem {
color: var(--text-muted);
background-color: transparent;
}
div#cMenuModalBar button.cMenuCommandItem:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
div#cMenuModalBar.cMenuGlassAesthetic {
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.pt-status-bar-position-floating div#cMenuModalBar {
bottom: calc(var(--size-4-3) + 33px + var(--scroll-bar-size)) !important;
}
.pt-status-bar-position-fixed div#cMenuModalBar {
bottom: calc(var(--size-2-3) + 26px + var(--scroll-bar-size)) !important;
}
.workspace-leaf-content[data-type=calendar] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=calendar] #calendar-container {
padding: unset;
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .nav {
height: var(--header-height);
padding: var(--size-4-3);
margin: unset;
background: var(--background-secondary);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=calendar] #calendar-container td.svelte-egt0yd {
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=calendar] #calendar-container th.svelte-pcimu8 {
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=calendar] #calendar-container div.today {
font-size: 1em;
font-weight: 600;
color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .day.svelte-q3wqg9:active,
.workspace-leaf-content[data-type=calendar] #calendar-container .active.svelte-q3wqg9,
.workspace-leaf-content[data-type=calendar] #calendar-container .active.today.svelte-q3wqg9 {
background-color: var(--interactive-accent-base);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .week-num {
font-size: 0.7em;
}
.workspace-leaf-content[data-type=calendar] #calendar-container .year {
color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .dot.filled {
fill: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .hollow.task {
stroke: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .arrow:hover svg,
.workspace-leaf-content[data-type=calendar] #calendar-container .reset-button:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.workspace-leaf-content[data-type=recent-files] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
padding: var(--size-4-1);
}
.theme-light .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
background-color: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=dangling-links] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container h3:first-of-type {
display: none;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:first-of-type summary {
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not(:first-of-type) summary {
border-top: var(--window-border);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details[open] summary::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not([open]) {
color: var(--text-faint);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:hover summary {
color: var(--nav-item-color-hover);
background-color: var(--nav-item-background-hover);
font-weight: var(--nav-item-weight-hover);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:hover summary::before {
background-color: var(--nav-item-color-hover);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details summary {
position: relative;
display: flex;
padding: var(--size-4-1) var(--size-4-2);
margin-bottom: -1px;
font-size: var(--font-ui-small);
background-color: var(--background-secondary);
list-style-type: none;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details summary::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-color: var(--text-muted);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
-webkit-mask-size: 15px;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
margin-right: var(--size-4-1);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul {
padding-inline-start: 0;
margin: 8px;
font-family: var(--font-text);
font-size: 14px;
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li {
width: 100%;
padding: var(--size-4-2) var(--size-4-5) var(--size-4-2) var(--size-4-3);
color: var(--text-normal);
color: var(--text-muted);
box-shadow: var(--shadow-s);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:not(:last-of-type) {
border-bottom: 1px solid var(--window-border-color);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:hover {
color: var(--text-normal);
background-color: var(--text-selection);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li ::marker {
display: none;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-header {
gap: var(--size-4-1);
color: var(--icon-color);
}
:is(.pt-nav-header-left-sidebar-position-top .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header, .pt-nav-header-right-sidebar-position-top .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header) {
position: sticky;
top: 0;
z-index: var(--layer-popover);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button:hover {
color: var(--icon-color-hover);
background-color: var(--background-modifier-hover);
opacity: var(--icon-opacity-hover);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button svg {
width: var(--icon-size);
height: var(--icon-size);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button path[stroke-width] {
color: var(--interactive-accent-text);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
bottom: unset;
flex-wrap: wrap;
gap: var(--size-4-1);
justify-content: flex-start;
height: unset;
padding: var(--size-4-1);
}
.is-phone :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
gap: var(--size-4-4);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .advanced-tables-buttons > div:first-child {
display: none;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .advanced-tables-row-label {
width: fit-content;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content {
height: fit-content;
padding: unset;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content > div {
min-height: -webkit-fill-available;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-buttons-container {
margin: unset;
background: unset;
backdrop-filter: unset;
border: unset;
box-shadow: unset;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .widget-icon {
width: var(--icon-size);
height: var(--icon-size);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-action-button:hover {
background-color: var(--background-modifier-hover);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-action-button:hover .widget-icon {
fill: var(--highlight-text-normal);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] > div.view-content {
padding: 0;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-pane {
resize: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper {
padding: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .oz-folder-contents {
margin-right: var(--size-4-1);
margin-bottom: var(--size-4-1);
margin-left: 14px !important;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .treeview {
padding: 0 var(--size-4-1) 0 0;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-contents {
padding-left: 0;
margin-left: 15px !important;
border-left: var(--window-border);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element {
margin-left: var(--size-4-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-icon-div {
padding-left: var(--size-4-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-flex-container {
height: var(--header-height);
margin-bottom: unset;
background-color: var(--background-secondary-blur);
border: unset;
border-bottom: var(--window-border);
border-radius: unset;
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
display: flex;
gap: var(--size-4-2);
align-items: center;
justify-content: center;
padding: unset;
margin-bottom: var(--size-4-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
margin-left: unset;
color: var(--text-faint);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header {
margin-top: unset;
font-weight: var(--font-medium);
background-color: var(--background-secondary-blur);
border-bottom: var(--window-border);
border-radius: unset;
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container {
display: flex;
gap: var(--size-4-2);
align-items: center;
justify-content: center;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-action-button {
display: inline-flex;
order: 2;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-buttons-right-block {
gap: var(--size-4-2);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .file-tree-header-fixed {
padding-right: unset;
padding-left: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider {
height: 1px;
margin-bottom: unset;
background-color: var(--window-border-color);
border-bottom: unset;
opacity: 1;
}
.pt-color-scheme-style-minimal-lt .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider, .pt-color-scheme-style-minimal-dt .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider {
background-color: transparent;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider:hover {
height: 3px;
background-color: var(--divider-color-hover);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider-horizontal {
width: 1px;
margin-right: unset;
margin-left: unset;
border-right: 1px solid var(--window-border-color);
opacity: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider-horizontal:hover {
width: 3px;
background-color: var(--divider-color-hover);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-files {
padding: var(--size-4-1) !important;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file {
margin-bottom: var(--size-2-1);
margin-left: unset;
border: 2px solid transparent;
border-radius: var(--radius-s);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-title {
font-size: var(--font-ui-small);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content {
font-weight: var(--font-normal);
color: unset;
background-color: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title .oz-nav-file-tag,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content .oz-nav-file-tag {
color: var(--highlight-text-normal);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-tag {
background-color: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-block {
padding-top: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .treeview {
padding: 1px;
margin-bottom: var(--size-2-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-explorer-container {
padding-right: unset !important;
padding-left: unset !important;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .is-folder-active {
color: var(--interactive-accent-text);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover {
background-color: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-folder-name,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-tag,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-folder-name,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-tag,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-folder-name,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-tag {
color: var(--highlight-text-normal);
}
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
gap: var(--size-4-4);
}
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container {
gap: var(--size-4-4);
}
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-buttons-right-block {
gap: var(--size-4-4);
}
.workspace-leaf-content[data-type=quiet-outline] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=quiet-outline] .function-bar {
height: var(--header-height);
padding: var(--size-4-1) var(--size-4-2);
margin-bottom: unset;
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=quiet-outline] .n-button {
width: 32px;
height: 32px;
background-color: unset;
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=quiet-outline] .n-button:hover {
background-color: var(--interactive-accent-base);
}
.workspace-leaf-content[data-type=quiet-outline] .n-button:hover .n-button__icon svg {
color: var(--interactive-accent-text) !important;
}
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__icon svg {
display: flex;
align-items: center;
justify-content: center;
color: var(--text-muted) !important;
}
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__border,
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__state-border {
display: none;
}
.workspace-leaf-content[data-type=quiet-outline] .n-input {
height: 32px;
border-radius: var(--radius-s);
}
.theme-light .workspace-leaf-content[data-type=quiet-outline] .n-input {
background: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=quiet-outline] .n-input {
background: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__border {
border: 1px solid var(--window-border-color);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled):hover .n-input__state-border, .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
border: 1px solid var(--interactive-accent-tint);
box-shadow: unset;
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__placeholder {
display: none;
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input {
caret-color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input::placeholder {
color: var(--text-faint);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input-el {
height: 32px;
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider {
padding: var(--size-4-4);
margin: unset !important;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail {
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail .n-slider-rail__fill {
background-color: var(--interactive-accent-tint);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot {
background-color: var(--background-primary);
border: 2px solid var(--window-border-color);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot:hover {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot.n-slider-dot--active {
border: 2px solid var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-handles .n-slider-handle {
background-color: var(--background-primary);
border: 2px solid var(--interactive-accent-tint);
}
.n-slider-handle-indicator {
border: var(--window-border);
border-radius: var(--radius-m);
}
.theme-light .n-slider-handle-indicator {
background: var(--background-primary);
}
.theme-dark .n-slider-handle-indicator {
background: var(--background-secondary-alt);
}
.quiet-outline {
padding-bottom: unset;
}
.quiet-outline .n-tree-node-indent {
flex: 0 0 12px !important;
}
.quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
background-color: var(--background-modifier-hover);
}
.quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover p {
color: var(--highlight-text-normal);
}
.quiet-outline .n-tree {
padding: var(--size-4-1);
}
.quiet-outline .n-tree .n-tree-node.n-tree-node--highlight .n-tree-node-content .n-tree-node-content__text {
border-bottom: unset;
}
.quiet-outline .level-2 .n-tree-node-indent,
.quiet-outline .level-3 .n-tree-node-indent:first-child,
.quiet-outline .level-4 .n-tree-node-indent:first-child,
.quiet-outline .level-5 .n-tree-node-indent:first-child,
.quiet-outline .level-6 .n-tree-node-indent:first-child {
border-right: 1px solid var(--color-orange-tint);
}
.quiet-outline .level-3 .n-tree-node-indent,
.quiet-outline .level-4 .n-tree-node-indent:nth-child(2),
.quiet-outline .level-5 .n-tree-node-indent:nth-child(2),
.quiet-outline .level-6 .n-tree-node-indent:nth-child(2) {
border-right: 1px solid var(--color-yellow-tint);
}
.quiet-outline .level-4 .n-tree-node-indent,
.quiet-outline .level-5 .n-tree-node-indent:nth-child(3),
.quiet-outline .level-6 .n-tree-node-indent:nth-child(3) {
border-right: 1px solid var(--color-green-tint);
}
.quiet-outline .level-5 .n-tree-node-indent,
.quiet-outline .level-6 .n-tree-node-indent:nth-child(4) {
border-right: 1px solid var(--color-blue-tint);
}
.quiet-outline .level-6 .n-tree-node-indent {
border-right: 1px solid var(--color-purple-tint);
}
.quiet-outline code {
padding: 0 var(--size-4-1);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-s);
}
.status-bar-item.left-region {
padding: unset;
}
#quick-explorer {
padding: 0 var(--size-4-2);
}
body.is-frameless.is-hidden-frameless:not(.qe-hide-breadcrumbs) .status-bar,
body:not(.is-frameless):not(.qe-hide-breadcrumbs) .status-bar {
position: var(--status-bar-position);
}
#quick-explorer .explorable.selected,
#quick-explorer .explorable:hover,
.qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected {
background-color: var(--background-modifier-hover);
}
.view-header-breadcrumb.is-exploring,
.view-header-title-parent.is-exploring::before {
color: var(--highlight-accent-text);
}
.view-header-title-parent::before {
display: none;
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-files-container {
padding: unset;
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder.mod-root > .nav-folder-title {
align-items: center;
justify-content: center;
height: var(--header-height);
padding: 0 var(--size-4-2);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
border-radius: unset;
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder.mod-root > .tree-item-children {
padding: var(--size-4-1);
}
.workspace-leaf-content[data-type=tagfolder-view] .tagfolder-quantity .itemscount,
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder-title.svelte-m9l3qf:hover .tagfolder-quantity span.svelte-m9l3qf,
.workspace-leaf-content[data-type=tagfolder-view] .nav-file-title.svelte-m9l3qf:hover .taglist .tags.svelte-m9l3qf {
font-size: var(--font-ui-smaller);
color: var(--text-faint);
background-color: unset;
}
.workspace-leaf-content[data-type=tagfolder-view] .search-input-container {
position: sticky;
top: 0;
z-index: var(--layer-popover);
display: flex;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder-title-content:hover div.tagfolder-quantity span {
background-color: unset;
}
.theme-light .workspace-leaf-content[data-type=map] .leaflet-container,
.theme-light .workspace-leaf-content[data-type=map] .map-view-graph-controls {
background-color: var(--background-primary) !important;
}
.theme-dark .workspace-leaf-content[data-type=map] .leaflet-container,
.theme-dark .workspace-leaf-content[data-type=map] .map-view-graph-controls {
background-color: var(--background-secondary-alt) !important;
}
.workspace-leaf-content[data-type=map] .leaflet-control:not(.leaflet-control-attribution) {
padding: var(--size-4-1);
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=map] .leaflet-control-zoom a:hover,
.workspace-leaf-content[data-type=map] .leaflet-bar.leaflet-control a:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.workspace-leaf-content[data-type=map] .leaflet-bar a {
color: var(--text-muted);
background-color: unset;
border-bottom: unset;
}
.workspace-leaf-content[data-type=map] .leaflet-control-attribution {
padding: var(--size-2-1) var(--size-4-1);
color: var(--text-muted);
background: var(--background-secondary-blur);
border-top: var(--window-border);
border-left: var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf-content[data-type=map] .leaflet-control-attribution a {
color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=map] .leaflet-control-attribution a:hover {
color: var(--text-accent-hover);
}
.workspace-leaf-content[data-type=map] .map-view-graph-controls {
padding: unset;
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
overflow-y: hidden;
}
.workspace-leaf-content[data-type=map] .graph-control-div {
position: relative;
padding-bottom: unset;
margin-bottom: -1px;
}
.workspace-leaf-content[data-type=map] .graph-control-div:first-of-type .graph-control-content {
padding: var(--size-4-1);
}
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content {
padding: var(--size-4-2);
}
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content > *:not(:last-child) {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
.workspace-leaf-content[data-type=map] .lbl-triangle {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: var(--size-2-3);
left: var(--size-2-3);
background-color: var(--text-muted);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
-webkit-mask-size: 15px;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
margin-right: var(--size-4-1);
pointer-events: none;
}
.workspace-leaf-content[data-type=map] .lbl-toggle {
padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);
display: inline-block;
width: 100%;
border-bottom: var(--window-border);
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=map] .lbl-toggle:hover {
color: var(--nav-item-color-hover);
background-color: var(--nav-item-background-hover);
font-weight: var(--nav-item-weight-hover);
}
.workspace-leaf-content[data-type=map] .lbl-toggle:hover::before {
background-color: var(--nav-item-color-hover);
}
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .lbl-toggle {
border-top: var(--window-border);
}
.workspace-leaf-content[data-type=map] .controls-toggle:checked + .lbl-toggle::before {
transform: rotate(90deg);
top: 0px;
}
.workspace-leaf-content[data-type=map] .search-input-container {
display: flex;
}
.workspace-leaf-content[data-type=map] .graph-control-follow-div {
display: flex;
align-items: center;
}
.workspace-leaf-content[data-type=map] .leaflet-popup-content-wrapper,
.workspace-leaf-content[data-type=map] .leaflet-popup-tip {
color: var(--text-normal);
background-color: var(--background-secondary);
border-radius: var(--radius-m);
box-shadow: var(--shadow-s);
}
.workspace-leaf-content[data-type=dictionary-view] .view-content {
display: flex;
flex-flow: column;
padding: unset;
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=dictionary-view] .search-input-container {
display: flex;
align-items: center;
justify-content: center;
height: var(--header-height);
padding: var(--size-4-1);
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.pt-nav-header-left-sidebar-position-top .workspace-leaf-content[data-type=dictionary-view] .search-input-container, .pt-nav-header-right-sidebar-position-top .workspace-leaf-content[data-type=dictionary-view] .search-input-container {
border-top: var(--window-border);
}
.workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
min-height: var(--header-height);
padding: var(--size-4-2);
}
.workspace-leaf-content[data-type=dictionary-view] .nav-action-button:not(.is-active) {
color: var(--text-muted);
}
.workspace-leaf-content[data-type=dictionary-view] .nav-action-button:not(.is-active):hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5 {
padding: unset;
margin-top: unset;
background-color: unset;
border-radius: unset;
}
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5 h3 {
padding: var(--size-4-1) var(--size-4-2);
margin: -1px 0 0;
font-size: var(--font-ui-small);
font-weight: var(--font-medium);
background-color: var(--background-secondary);
border-top: var(--window-border);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5 {
height: 100%;
}
.theme-light .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5 {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5 {
background-color: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
padding: unset;
margin-bottom: unset;
border-radius: unset;
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z audio,
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts audio {
padding: 0 var(--size-4-2);
margin: --size-4-2 0;
}
.theme-light .workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
.theme-light .workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
background-color: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5:nth-child(2) .main.svelte-5jhpts > div:nth-child(2) {
margin: var(--size-4-2);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts {
padding: unset;
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts .mark {
box-shadow: inset 0 -2px var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=dictionary-view] .main:first-of-type .opener {
margin-top: -1px;
}
.workspace-leaf-content[data-type=dictionary-view] .opener {
display: flex;
align-items: center;
padding: var(--size-4-1) var(--size-4-2);
font-size: var(--font-ui-small);
background-color: var(--background-secondary);
border-top: var(--window-border);
border-bottom: var(--window-border);
}
.workspace-leaf-content[data-type=dictionary-view] .opener:not([open]) {
margin-bottom: -1px;
}
.workspace-leaf-content[data-type=dictionary-view] .opener:hover {
font-weight: var(--nav-item-weight-hover);
color: var(--nav-item-color-hover);
background-color: var(--nav-item-background-hover);
}
.workspace-leaf-content[data-type=dictionary-view] .opener:hover .tree-item-icon svg {
background-color: var(--nav-item-color-hover);
}
.workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon svg {
display: inline-block;
width: 15px;
height: 15px;
margin-right: var(--size-4-1);
content: "";
background-color: var(--text-muted);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
-webkit-mask-size: 15px;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
}
.workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon::after, .workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon::before,
.workspace-leaf-content[data-type=dictionary-view] .opener .tree-item-icon svg path {
display: none;
}
.workspace-leaf-content[data-type=dictionary-view] .definition.svelte-5jhpts.svelte-5jhpts {
padding: var(--size-4-2) var(--size-4-4);
}
.workspace-leaf-content[data-type=dictionary-view] .search-input-container::before {
top: unset;
}
.hover-editor {
--he-title-bar-active-fg: var(--interactive-accent-text);
--he-title-bar-active-pinned-bg: var(--background-secondary);
--he-title-bar-inactive-bg: var(--background-secondary);
--he-title-bar-inactive-pinned-bg: var(--background-secondary);
--he-title-bar-height: 32px;
}
.hover-editor.show-navbar .view-header {
border-bottom: var(--window-border);
}
.hover-editor.is-pinned {
border-color: var(--interactive-accent-tint);
}
.hover-editor .view-header .view-header-icon {
margin-right: unset;
}
.hover-editor .view-content {
height: 100%;
}
.hover-editor .popover-titlebar {
padding: var(--size-4-1) 0;
border-bottom: var(--window-border);
}
.hover-editor :is(.popover-action, .mod-pin-popover) {
padding: 0 var(--size-2-1);
}
.emoji-mart-bar {
background-color: var(--background-secondary);
border-bottom-color: var(--window-border-color);
}
.emoji-mart-bar:last-child {
border-top-color: var(--window-border-color);
}
.emoji-mart-dark {
background-color: var(--background-secondary);
}
.emoji-mart-dark .emoji-mart-category-label span {
background-color: var(--background-secondary);
}
.emoji-mart-search {
display: flex;
padding: var(--size-4-1);
margin-top: unset;
background-color: var(--background-secondary);
border-bottom: var(--window-border);
}
.emoji-mart-search-icon {
top: unset;
}
.emoji-mart-scroll {
padding: unset;
}
.emoji-mart-category-label {
background-color: var(--background-secondary-blur);
border-bottom: var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.emoji-mart-category-label span {
background-color: unset;
}
.modal#emoji-modal .emoji-mart-emoji {
display: unset;
}
.emoji-mart-anchor svg {
color: var(--text-muted);
}
.emoji-mart-anchor-selected svg {
color: var(--interactive-accent-text);
}
.emoji-mart-anchor-bar {
background-color: var(--interactive-accent-tint) !important;
}
.emoji-mart-category .emoji-mart-emoji:hover::before,
.emoji-mart-category .emoji-mart-emoji:focus::before {
background-color: var(--background-modifier-hover);
}
.flatpickr-calendar {
background-color: var(--background-secondary);
border: 1px solid var(--window-border-color);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
.flatpickr-calendar.arrowTop::before {
border-bottom-color: var(--window-border-color);
}
.flatpickr-calendar .flatpickr-innerContainer {
border-radius: var(--radius-m);
}
.flatpickr-calendar .flatpickr-months {
background: var(--background-secondary);
border-bottom: var(--window-border);
border-top-left-radius: var(--radius-m);
border-top-right-radius: var(--radius-m);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
display: flex;
align-items: center;
justify-content: center;
height: unset;
padding: var(--size-2-3) var(--size-4-1);
margin: var(--size-4-1);
border-radius: var(--radius-s);
fill: var(--text-muted);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
background-color: var(--background-modifier-hover);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
fill: var(--highlight-text-normal);
}
.flatpickr-calendar .flatpickr-current-month {
display: flex;
align-items: center;
justify-content: center;
padding-top: unset;
}
.flatpickr-calendar .flatpickr-current-month input.cur-year {
padding-left: unset;
}
.flatpickr-calendar .flatpickr-monthDropdown-months {
font-weight: 600;
color: var(--text-normal);
text-align: center;
background-color: var(--background-secondary);
border: var(--window-border);
border-radius: var(--radius-s);
}
.flatpickr-calendar .numInputWrapper {
width: 7ch;
padding-left: var(--size-4-2);
}
.flatpickr-calendar .numInput.cur-year {
font-weight: 800;
color: var(--interactive-accent-text);
box-shadow: unset;
}
.theme-light .flatpickr-calendar .flatpickr-days {
background-color: var(--background-primary);
}
.theme-dark .flatpickr-calendar .flatpickr-days {
background-color: var(--background-secondary-alt);
}
.flatpickr-calendar .dayContainer span.flatpickr-day,
.flatpickr-calendar .dayContainer span.flatpickr-day.prevMonthDay,
.flatpickr-calendar .dayContainer span.flatpickr-day.nextMonthDay {
border: unset;
border-radius: var(--radius-s) !important;
}
.flatpickr-calendar span.flatpickr-day {
font-weight: 600;
color: var(--text-normal);
}
.flatpickr-calendar span.flatpickr-day:hover {
font-weight: 600;
background-color: var(--background-primary);
border-radius: var(--radius-s);
transition: unset;
}
.flatpickr-calendar span.flatpickr-day.today {
font-weight: 800;
color: var(--interactive-accent-text);
}
.flatpickr-calendar span.flatpickr-day.prevMonthDay,
.flatpickr-calendar span.flatpickr-day.nextMonthDay {
opacity: 0.2;
}
.flatpickr-calendar span.flatpickr-day.selected {
background: var(--interactive-accent-base);
box-shadow: var(--shadow-s);
}
.flatpickr-calendar span.flatpickr-day.selected:hover {
font-weight: 600;
background-color: var(--background-primary);
border-radius: var(--radius-s);
transition: unset;
}
.flatpickr-calendar .flatpickr-weekdays {
border-bottom: var(--window-border);
}
.flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
font-size: 10px;
font-weight: bold;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 1px;
}
.settings-search-container .vertical-tab-header-group-items {
padding: unset;
background-color: var(--background-secondary);
}
.settings-search-container .settings-search-input {
padding: unset;
margin: var(--size-4-1);
}
.is-mobile.is-phone .settings-search-container .settings-search-input {
padding: unset;
margin: var(--size-4-1) 0;
}
.settings-search-container .search-input-container::before {
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
left: var(--size-4-3);
}
.settings-search-container .vertical-tab-nav-item {
border: unset;
}
body.is-mobile.is-phone .search-input-container::before {
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
left: var(--size-4-3);
}
.workspace-leaf-content[data-type=dataloom] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=dataloom] .dataloom-option-bar .dataloom-padding {
height: var(--header-height);
padding: var(--size-4-1) var(--size-4-2) !important;
}
.workspace-leaf-content[data-type=dataloom] .dataloom-app {
border-top: unset;
}
.workspace-leaf-content[data-type=dataloom] .dataloom-bubble {
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
border: 1px solid var(--interactive-accent-tint);
}
.workspace-leaf-content[data-type=dataloom] .dataloom-cell.dataloom-cell--freeze {
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=dataloom] .dataloom-flex {
padding: 0 var(--size-4-2);
}
.dataloom-button:hover {
color: var(--interactive-accent-text);
}
.dataloom-button[aria-label="Delete filter"]:hover {
color: var(--color-red-text);
background-color: var(--color-red-base) !important;
}
.dataloom-select {
background-color: var(--background-secondary-alt);
border: var(--window-border);
}
.dataloom-focusable:focus-visible,
.dataloom-focusable--focused {
outline-color: var(--interactive-accent-tint);
}
.dataloom-menu {
padding: var(--size-4-1);
border: 1px solid var(--window-border-color) !important;
border-radius: var(--radius-m);
box-shadow: var(--shadow-l) !important;
}
.theme-dark .dataloom-menu {
background-color: var(--background-secondary-alt);
}
.theme-light .dataloom-menu {
background-color: var(--background-primary);
}
.dataloom-menu .dataloom-padding {
padding: unset !important;
}
.dataloom-menu .dataloom-menu-item:hover {
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
border-radius: var(--radius-s);
}
.dataloom-menu .dataloom-switch {
width: var(--toggle-width);
}
.dataloom-menu .dataloom-switch::after {
width: var(--toggle-thumb-width);
height: var(--toggle-thumb-height);
}
.dataloom-menu .dataloom-stack {
padding: var(--size-2-1) var(--size-4-1);
}
body {
--cg-nt-tbar-top-sticky-pos-desktop: calc(calc(var(--header-height) - 8px) * -1);
}
body.theme-dark {
--cg-nt-tbar-bg-color: var(--background-secondary);
}
.callout[data-callout=note-toolbar][data-callout-metadata*=button] ula,
.callout[data-callout=note-toolbar][data-callout-metadata*=button] ul span.external-link {
border: var(--window-border);
}
/* @settings
name: Prism Theme
id: obsidian-prism-theme
collapsed: false
settings:
-
id: appearance
title: Appearance
description: Options which change how Prism styles Obsidian.
type: heading
level: 1
collapsed: true
-
id: accent-color-schemes-and-style
title: Accent, Color Schemes and Style
description: Main visual options for Prism.
type: heading
level: 2
collapsed: true
-
id: accent-colors-styles-lt
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: color-schemes-lt
title: Color Scheme
description: The `Custom` option allows you to use a CSS snippet with your own colors. Refer to the Prism Wiki guide `Custom Color Schemes` for more info.
type: class-select
allowEmpty: false
default: pt-color-scheme-swan-lt
options:
-
label: Swan
value: pt-color-scheme-swan-lt
-
label: Latte
value: pt-color-scheme-latte-lt
-
label: Periwinkle
value: pt-color-scheme-periwinkle-lt
-
label: Pistachio
value: pt-color-scheme-pistachio-lt
-
label: Peach
value: pt-color-scheme-peach-lt
-
label: Custom
value: pt-color-scheme-custom-lt
-
id: color-scheme-style-lt
title: Color Scheme Style
description: Adjusts the style used by the main elements in the UI.
type: class-select
allowEmpty: false
default: pt-color-scheme-style-two-tone-and-border-lt
options:
-
label: Minimal
value: pt-color-scheme-style-minimal-lt
-
label: Border
value: pt-color-scheme-style-border-lt
-
label: Two Tone & Border
value: pt-color-scheme-style-two-tone-and-border-lt
-
id: accent-style-lt
title: Accent Style
description: Adjusts the style used by the Accented elements in the UI.
type: class-select
allowEmpty: false
default: pt-accent-style-borderandfilled-lt
options:
-
label: Minimal
value: pt-accent-style-minimal-lt
-
label: Plain
value: pt-accent-style-plain-lt
-
label: Border
value: pt-accent-style-border-lt
-
label: Filled
value: pt-accent-style-filled-lt
-
label: Border & Filled
value: pt-accent-style-borderandfilled-lt
-
id: light-accent-color-preset
title: Accent Color Preset
description: Changes the Light Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
type: class-select
allowEmpty: false
default: pt-accent-color-purple-lt
options:
-
label: Custom
value: pt-accent-color-custom-lt
-
label: Red
value: pt-accent-color-red-lt
-
label: Orange
value: pt-accent-color-orange-lt
-
label: Yellow
value: pt-accent-color-yellow-lt
-
label: Green
value: pt-accent-color-green-lt
-
label: Mint
value: pt-accent-color-mint-lt
-
label: Cyan
value: pt-accent-color-cyan-lt
-
label: Blue
value: pt-accent-color-blue-lt
-
label: Purple
value: pt-accent-color-purple-lt
-
label: Pink
value: pt-accent-color-pink-lt
-
label: Grey
value: pt-accent-color-grey-lt
-
id: highlight-text-accent-lt
title: Accent Text Color Preset
description: Adjusts the color used by the text in the Light Theme Accented elements of the UI.
type: class-select
allowEmpty: false
default: pt-highlight-text-accent-lt
options:
-
label: Custom
value: pt-highlight-text-custom-lt
-
label: Dark
value: pt-highlight-text-dark-lt
-
label: Light
value: pt-highlight-text-light-lt
-
label: Accent Color
value: pt-highlight-text-accent-lt
-
id: highlight-text-accent-custom-lt
title: Custom Accent Text Color
description: Make sure you selected 'Custom' in Light Theme Accent Text Color for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FFFFFF'
-
id: color-accent-custom-lt
title: Custom Accent Color Tuning
description: Make sure you selected 'Custom' in Accent Color Preset for this to work.
type: heading
level: 4
collapsed: true
-
id: color-accent-base-lt
title: Custom Accent Base Color
description: Accent Base Color should ideally be the lightest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-tint-lt
title: Custom Accent Tint Color
description: Accent Tint Color should ideally be between Base and Text in terms of lightness.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-text-lt
title: Custom Accent Text Color
description: Accent Text Color should ideally be the darkest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: accent-colors-styles-dt
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: color-schemes-dt
title: Color Scheme
description: The `Custom` option allows you to use a CSS snippet with your own colors. Refer to the Prism Wiki guide `Custom Color Schemes` for more info.
type: class-select
allowEmpty: false
default: pt-color-scheme-raven-dt
options:
-
label: Raven
value: pt-color-scheme-raven-dt
-
label: Mocha
value: pt-color-scheme-mocha-dt
-
label: Indigo
value: pt-color-scheme-indigo-dt
-
label: Pine
value: pt-color-scheme-pine-dt
-
label: Cherry
value: pt-color-scheme-cherry-dt
-
label: Custom
value: pt-color-scheme-custom-dt
-
id: color-scheme-style-dt
title: Color Scheme Style
description: Adjusts the style used by the main elements in the UI.
type: class-select
allowEmpty: false
default: pt-color-scheme-style-two-tone-and-border-dt
options:
-
label: Minimal
value: pt-color-scheme-style-minimal-dt
-
label: Border
value: pt-color-scheme-style-border-dt
-
label: Two Tone & Border
value: pt-color-scheme-style-two-tone-and-border-dt
-
id: accent-style-dt
title: Accent Style
description: Adjusts the style used by the Accented elements in the UI.
type: class-select
allowEmpty: false
default: pt-accent-style-borderandfilled-dt
options:
-
label: Minimal
value: pt-accent-style-minimal-dt
-
label: Plain
value: pt-accent-style-plain-dt
-
label: Border
value: pt-accent-style-border-dt
-
label: Filled
value: pt-accent-style-filled-dt
-
label: Border & Filled
value: pt-accent-style-borderandfilled-dt
-
id: dark-accent-color-preset
title: Accent Color Preset
description: Changes the Dark Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
type: class-select
allowEmpty: false
default: pt-accent-color-purple-dt
options:
-
label: Custom
value: pt-accent-color-custom-dt
-
label: Red
value: pt-accent-color-red-dt
-
label: Orange
value: pt-accent-color-orange-dt
-
label: Yellow
value: pt-accent-color-yellow-dt
-
label: Green
value: pt-accent-color-green-dt
-
label: Mint
value: pt-accent-color-mint-dt
-
label: Cyan
value: pt-accent-color-cyan-dt
-
label: Blue
value: pt-accent-color-blue-dt
-
label: Purple
value: pt-accent-color-purple-dt
-
label: Pink
value: pt-accent-color-pink-dt
-
label: Grey
value: pt-accent-color-grey-dt
-
id: highlight-text-accent-dt
title: Accent Text Color Preset
description: Adjusts the color used by the text in the Dark Theme Accented elements of the UI.
type: class-select
allowEmpty: false
default: pt-highlight-text-accent-dt
options:
-
label: Custom
value: pt-highlight-text-custom-dt
-
label: Dark
value: pt-highlight-text-dark-dt
-
label: Light
value: pt-highlight-text-light-dt
-
label: Accent Color
value: pt-highlight-text-accent-dt
-
id: highlight-text-accent-custom-dt
title: Custom Accent Text Color
description: Make sure you selected 'Custom' in Dark Theme Accent Text Color for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FFFFFF'
-
id: color-accent-custom-dt
title: Custom Accent Color Tuning
description: Make sure you selected 'Custom' in Accent Color Preset for this to work.
type: heading
level: 4
collapsed: true
-
id: color-accent-base-dt
title: Custom Accent Base Color
description: Accent Base Color should ideally be the darkest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-tint-dt
title: Custom Accent Tint Color
description: Accent Tint Color should ideally be between Base and Text in terms of lightness.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-text-dt
title: Custom Accent Text Color
description: Accent Text Color should ideally be the lightest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: graph-view-colors
title: Graph Color Customisation
description: Define the colors used in the Graph View. In order to see changes you need to refresh the Graph View (restart Obsidian or toggle the Light/Dark theme).
type: heading
level: 2
collapsed: true
-
id: graph-view-light-theme
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: pt-graph-line-color-lt
title: Graph Lines Color
description: The color of a Graph lines connecting Graph Nodes.
type: heading
level: 4
collapsed: true
-
id: graph-line-color-lt
title: Graph Lines Color Presets
type: variable-select
allowEmpty: false
default: var(--background-secondary-alt)
options:
-
label: Default
value: var(--background-secondary-alt)
-
label: Custom
value: var(--graph-line-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-line-custom-color-lt
title: Graph Lines Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Lines Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#C4C7CA'
-
id: graph-line-opacity-lt
title: Graph Lines Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-fill-color-lt
title: Graph Note Color
description: The color of a Graph Node representing a note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-color-lt
title: Graph Note Color Presets
type: variable-select
allowEmpty: false
default: var(--color-grey-tint)
options:
-
label: Custom
value: var(--graph-fill-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-fill-custom-color-lt
title: Graph Note Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Note Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#C4C7CA'
-
id: graph-fill-opacity-lt
title: Graph Note Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-fill-focused-color-lt
title: Graph Note Focused Color
description: The color of a Graph Node representing currently focused note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-focused-color-lt
title: Graph Note Focused Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-tint)
options:
-
label: Accent Color
value: var(--interactive-accent-tint)
-
label: Custom
value: var(--graph-fill-focused-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-fill-focused-custom-color-lt
title: Graph Note Focused Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Note Focused Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#8670FF'
-
id: graph-fill-focused-opacity-lt
title: Graph Note Focused Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-tag-color-lt
title: Graph Tag Color
description: The color of a Graph Node representing a tag.
type: heading
level: 4
collapsed: true
-
id: graph-tag-color-lt
title: Graph Tag Color Presets
type: variable-select
allowEmpty: false
default: var(--color-blue-tint)
options:
-
label: Custom
value: var(--graph-tag-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-tag-custom-color-lt
title: Graph Tag Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Tag Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#619EFF'
-
id: graph-tag-opacity-lt
title: Graph Tag Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-attachment-color-lt
title: Graph Attachment Color
description: The color of a Graph Node representing an attachment.
type: heading
level: 4
collapsed: true
-
id: graph-attachment-color-lt
title: Graph Attachment Color Presets
type: variable-select
allowEmpty: false
default: var(--color-yellow-tint)
options:
-
label: Custom
value: var(--graph-attachment-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-attachment-custom-color-lt
title: Graph Attachment Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Attachment Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FDDB6D'
-
id: graph-attachment-opacity-lt
title: Graph Attachment Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-unresolved-color-lt
title: Graph Unresolved Color
description: The color of a Graph Node representing an unresolved note.
type: heading
level: 4
collapsed: true
-
id: graph-unresolved-color-lt
title: Graph Unresolved Color Presets
type: variable-select
allowEmpty: false
default: var(--color-red-tint)
options:
-
label: Custom
value: var(--graph-unresolved-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-unresolved-custom-color-lt
title: Graph Unresolved Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Unresolved Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FF7070'
-
id: graph-unresolved-opacity-lt
title: Graph Unresolved Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-highlight-color-lt
title: Graph Highlight Color
description: The color of a Graph Node when highlighted.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-color-lt
title: Graph Highlight Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-tint)
options:
-
label: Accent Color
value: var(--interactive-accent-tint)
-
label: Custom
value: var(--graph-highlight-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-highlight-custom-color-lt
title: Graph Highlight Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#8670FF'
-
id: graph-highlight-opacity-lt
title: Graph Highlight Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-highlight-line-color-lt
title: Graph Highlight Line Color
description: The color of the lines connected to a highlighted Graph Node.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-line-color-lt
title: Graph Highlight Line Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-tint)
options:
-
label: Accent Color
value: var(--interactive-accent-tint)
-
label: Custom
value: var(--graph-highlight-line-custom-color-lt)
-
label: Red
value: var(--color-red-tint)
-
label: Orange
value: var(--color-orange-tint)
-
label: Yellow
value: var(--color-yellow-tint)
-
label: Green
value: var(--color-green-tint)
-
label: Mint
value: var(--color-mint-tint)
-
label: Cyan
value: var(--color-cyan-tint)
-
label: Blue
value: var(--color-blue-tint)
-
label: Purple
value: var(--color-purple-tint)
-
label: Pink
value: var(--color-pink-tint)
-
label: Grey
value: var(--color-grey-tint)
-
id: graph-highlight-line-custom-color-lt
title: Graph Highlight Line Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#8670FF'
-
id: graph-highlight-line-opacity-lt
title: Graph Highlight Line Opacity
type: variable-number-slider
default: 0.6
min: 0
max: 1
step: 0.05
-
id: graph-view-dark-theme
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: pt-graph-line-color-dt
title: Graph Lines Color
description: The color of a Graph lines connecting Graph Nodes.
type: heading
level: 4
collapsed: true
-
id: graph-line-color-dt
title: Graph Lines Color Presets
type: variable-select
allowEmpty: false
default: var(--background-primary-alt)
options:
-
label: Default
value: var(--background-primary-alt)
-
label: Custom
value: var(--graph-line-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-line-custom-color-dt
title: Graph Lines Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Lines Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#C4C7CA'
-
id: graph-line-opacity-dt
title: Graph Lines Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-fill-color-dt
title: Graph Note Color
description: The color of a Graph Node representing a note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-color-dt
title: Graph Note Color Presets
type: variable-select
allowEmpty: false
default: var(--color-grey-text)
options:
-
label: Custom
value: var(--graph-fill-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-fill-custom-color-dt
title: Graph Note Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Note Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#878787'
-
id: graph-fill-opacity-dt
title: Graph Note Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-fill-focused-color-dt
title: Graph Note Focused Color
description: The color of a Graph Node representing currently focused note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-focused-color-dt
title: Graph Note Focused Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-fill-focused-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-fill-focused-custom-color-dt
title: Graph Note Focused Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Note Focused Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#4C3AB6'
-
id: graph-fill-focused-opacity-dt
title: Graph Note Focused Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-tag-color-dt
title: Graph Tag Color
description: The color of a Graph Node representing a tag.
type: heading
level: 4
collapsed: true
-
id: graph-tag-color-dt
title: Graph Tag Color Presets
type: variable-select
allowEmpty: false
default: var(--color-blue-text)
options:
-
label: Custom
value: var(--graph-tag-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-tag-custom-color-dt
title: Graph Tag Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Tag Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#3663AB'
-
id: graph-tag-opacity-dt
title: Graph Tag Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-attachment-color-dt
title: Graph Attachment Color
description: The color of a Graph Node representing an attachment.
type: heading
level: 4
collapsed: true
-
id: graph-attachment-color-dt
title: Graph Attachment Color Presets
type: variable-select
allowEmpty: false
default: var(--color-yellow-text)
options:
-
label: Custom
value: var(--graph-attachment-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-attachment-custom-color-dt
title: Graph Attachment Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Attachment Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#AF943C'
-
id: graph-attachment-opacity-dt
title: Graph Attachment Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-unresolved-color-dt
title: Graph Unresolved Color
description: The color of a Graph Node representing an unresolved note.
type: heading
level: 4
collapsed: true
-
id: graph-unresolved-color-dt
title: Graph Unresolved Color Presets
type: variable-select
allowEmpty: false
default: var(--color-red-text)
options:
-
label: Custom
value: var(--graph-unresolved-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-unresolved-custom-color-dt
title: Graph Unresolved Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Unresolved Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#B63A3A'
-
id: graph-unresolved-opacity-dt
title: Graph Unresolved Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-highlight-color-dt
title: Graph Highlight Color
description: The color of a Graph Node when highlighted.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-color-dt
title: Graph Highlight Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-highlight-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-highlight-custom-color-dt
title: Graph Highlight Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#4C3AB6'
-
id: graph-highlight-opacity-dt
title: Graph Highlight Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-highlight-line-color-dt
title: Graph Highlight Line Color
description: The color of the lines connected to a highlighted Graph Node.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-line-color-dt
title: Graph Highlight Line Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-highlight-line-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-highlight-line-custom-color-dt
title: Graph Highlight Line Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#4C3AB6'
-
id: graph-highlight-line-opacity-dt
title: Graph Highlight Line Opacity
type: variable-number-slider
default: 0.6
min: 0
max: 1
step: 0.05
-
id: custom-vault-banner
title: Custom Vault Banner
description: Custom Vault Banner in the File Explorer with a custom icon option.
type: heading
level: 2
collapsed: true
-
id: pt-custom-vault-banner
title: Enable Custom Vault Banner
description: Enables the Custom Vault Banner in the File Explorer.
type: class-toggle
default: true
-
id: custom-vault-banner-icon-url
title: Vault Banner Icon (URL)
description: Customise the Vault Banner Icon. Insert a URL to an image in between the brackets of 'url()'.
type: variable-text
default: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E)
-
id: focused-mode
title: Focused Mode
description: Focused Mode fades away UI distractions so you can better focus on your notes. Look in the Prism Wiki for a guide.
type: heading
level: 2
collapsed: true
-
id: pt-focused-mode
title: Enable Focused Mode
description: This toggle can be bound to a hotkey! Look for `Style Settings Toggle Enable Focused Mode` in `Settings -> Hotkeys Tab` to bind it.
type: class-toggle
default: false
addCommand: true
-
id: focused-mode-style
title: Focused Mode Style
description: Select the type of Focused Mode you want to use.
type: class-select
allowEmpty: false
default: pt-focused-style-main-only
options:
-
label: Main Window Only
value: pt-focused-style-main-only
-
label: Popout Windows Only
value: pt-focused-style-popout-only
-
label: Main and Popout Windows
value: pt-focused-style-main-and-popout-only
-
id: fade-away-opacity
title: Fade Away Opacity
description: Set the opacity value you'd like the UI to fade to.
type: variable-number-slider
level: 2
min: 0
max: 1
step: 0.01
default: 0.25
-
id: fade-away-delay
title: Fade Away Delay
description: Set the delay value (ms) you'd like the UI to stay active after being hovered over.
type: variable-number-slider
level: 2
min: 0
max: 4000
step: 50
default: 850
format: 'ms'
-
id: editor
title: Editor
description: Settings for elements inside the Editor / Preview area of Obsidian.
type: heading
level: 1
collapsed: true
-
id: file-line-width
title: Custom Readable Line Length (px)
description: Changes the maximum width of the Readable Line Length (px). Enable 'Readable line length' in the Editor tab in Settings for this to apply.
type: variable-number-slider
level: 2
min: 100
max: 1800
step: 5
default: 700
format: px
-
id: font-options
title: Font Specific Options
description: Options for the default Sans Serif 3 font.
type: heading
level: 2
collapsed: true
-
id: pt-font-alt-a
title: Alternative lower case 'a' appearance
default: false
type: class-toggle
-
id: pt-font-alt-g
title: Alternative lower case 'g' appearance
default: false
type: class-toggle
-
id: pt-font-slashed-zero
title: Alternative '0' appearance (Slashed Zero)
default: false
type: class-toggle
-
id: pt-font-disable-ligatures
title: Disable Ligatures
default: true
type: class-toggle
-
id: header-styles
title: Headers
description: Customisation options for the Headers (H1 - H6).
type: heading
level: 2
collapsed: true
-
id: header-font-size
title: Header Font Size
description: The sizes are scalled based on the Font Size selected in the Appearance tab of the Settings.
type: heading
level: 3
collapsed: true
-
id: inline-title-size
title: Inline Title Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 2.2
format: em
-
id: h1-size
title: Header 1 (H1) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 2.2
format: em
-
id: h2-size
title: Header 2 (H2) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 2
format: em
-
id: h3-size
title: Header 3 (H3) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.8
format: em
-
id: h4-size
title: Header 4 (H4) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.6
format: em
-
id: h5-size
title: Header 5 (H5) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.4
format: em
-
id: h6-size
title: Header 6 (H6) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.2
format: em
-
id: header-text-color
title: Header Text Color
description: Options for changing the color of each header type.
type: heading
level: 3
collapsed: true
-
id: header-text-color-lt
title: Light Theme
type: heading
level: 4
collapsed: true
-
id: inline-title-color-lt
title: Inline Title Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--inline-title-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: inline-title-color-custom-lt
title: Inline Title Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Inline Title Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h1-text-color-lt
title: Header 1 (H1) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h1-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h1-text-color-custom-lt
title: Header 1 (H1) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 1 (H1) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h2-text-color-lt
title: Header 2 (H2) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h2-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h2-text-color-custom-lt
title: Header 2 (H2) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 2 (H2) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h3-text-color-lt
title: Header 3 (H3) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h3-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h3-text-color-custom-lt
title: Header 3 (H3) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 3 (H3) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h4-text-color-lt
title: Header 4 (H4) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h4-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h4-text-color-custom-lt
title: Header 4 (H4) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 4 (H4) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h5-text-color-lt
title: Header 5 (H5) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h5-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h5-text-color-custom-lt
title: Header 5 (H5) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 5 (H5) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h6-text-color-lt
title: Header 6 (H6) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h6-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h6-text-color-custom-lt
title: Header 6 (H6) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 6 (H6) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: header-text-color-dt
title: Dark Theme
type: heading
level: 4
collapsed: true
-
id: inline-title-color-dt
title: Inline Title Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--inline-title-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: inline-title-color-custom-dt
title: Inline Title Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Inline Title Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h1-text-color-dt
title: Header 1 (H1) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h1-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h1-text-color-custom-dt
title: Header 1 (H1) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 1 (H1) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h2-text-color-dt
title: Header 2 (H2) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h2-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h2-text-color-custom-dt
title: Header 2 (H2) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 2 (H2) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h3-text-color-dt
title: Header 3 (H3) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h3-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h3-text-color-custom-dt
title: Header 3 (H3) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 3 (H3) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h4-text-color-dt
title: Header 4 (H4) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h4-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h4-text-color-custom-dt
title: Header 4 (H4) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 4 (H4) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h5-text-color-dt
title: Header 5 (H5) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h5-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h5-text-color-custom-dt
title: Header 5 (H5) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 5 (H5) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h6-text-color-dt
title: Header 6 (H6) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h6-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h6-text-color-custom-dt
title: Header 6 (H6) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 6 (H6) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: editor-text-styles
title: Editor Text Color
description: Adjust the color of different types of text in the Editor.
type: heading
level: 2
collapsed: true
-
id: editor-text-light-theme
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: text-italic-color-lt
title: Italic Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-custom-color-lt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-bold-color-lt
title: Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-bold-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-bold-custom-color-lt
title: Bold Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Bold Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-italic-bold-color-lt
title: Italic and Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-bold-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-bold-custom-color-lt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: link-internal-color-lt
title: Internal Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-internal-custom-color-lt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-internal-custom-color-lt
title: Internal Link Custom Color
description: Make sure you selected 'Custom' in Light Theme Internal Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: link-external-color-lt
title: External Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-external-custom-color-lt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-external-custom-color-lt
title: External Link Custom Color
description: Make sure you selected 'Custom' in Light Theme External Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: editor-text-dark-theme
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: text-italic-color-dt
title: Italic Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-custom-color-dt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Dark Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-bold-color-dt
title: Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-bold-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-bold-custom-color-dt
title: Bold Text Custom Color
description: Make sure you selected 'Custom' in Dark Theme Bold Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-italic-bold-color-dt
title: Italic and Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-bold-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-bold-custom-color-dt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: link-internal-color-dt
title: Internal Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-internal-custom-color-dt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-internal-custom-color-dt
title: Internal Link Custom Color
description: Make sure you selected 'Custom' in Dark Theme Internal Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: link-external-color-dt
title: External Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-external-custom-color-dt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-external-custom-color-dt
title: External Link Custom Color
description: Make sure you selected 'Custom' in Dark Theme External Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: mark-highlight-styles
title: Mark Highlight
description: Adjusts the style used by the <mark> tag highlight system. Colors available = red, orange, yellow, green, mint, cyan, blue, purple, pink and grey. e.g. <mark class="red">Your Red text</mark>
type: heading
level: 2
collapsed: true
-
id: mark-highlight-light-theme
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: light-mark-highlight-style
title: Mark Highlight Style
type: class-select
allowEmpty: false
default: pt-highlight-style-borderandfilled-lt
options:
-
label: Default
value: pt-highlight-style-default-lt
-
label: Border
value: pt-highlight-style-border-lt
-
label: Filled
value: pt-highlight-style-filled-lt
-
label: Border & Filled
value: pt-highlight-style-borderandfilled-lt
-
id: light-mark-highlight-text-color-preset
title: Mark Highlight Text Color Preset
type: class-select
allowEmpty: false
default: pt-highlight-text-color-lt
options:
-
label: Default
value: pt-highlight-text-default-lt
-
label: Color
value: pt-highlight-text-color-lt
-
id: mark-highlight-dark-theme
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: dark-mark-highlight-style
title: Mark Highlight Style
type: class-select
allowEmpty: false
default: pt-highlight-style-borderandfilled-dt
options:
-
label: Default
value: pt-highlight-style-default-dt
-
label: Border
value: pt-highlight-style-border-dt
-
label: Filled
value: pt-highlight-style-filled-dt
-
label: Border & Filled
value: pt-highlight-style-borderandfilled-dt
-
id: dark-mark-highlight-text-color-preset
title: Mark Highlight Text Color Preset
type: class-select
allowEmpty: false
default: pt-highlight-text-color-dt
options:
-
label: Default
value: pt-highlight-text-default-dt
-
label: Color
value: pt-highlight-text-color-dt
-
id: user-interface
title: User Interface
description: Settings for spacing, position, alignment and other adjustments of different UI elements.
type: heading
level: 1
collapsed: true
-
id: sidebar-and-main-workspace
title: Sidebar and Main Workspace
description: Settings for positioning, alignment, etc. of different UI elements within the Sidebars and the Main Workspace.
type: heading
level: 2
collapsed: true
-
id: radius-m
title: Border Radius Medium (px)
description: The size of the border radius around larger elements of the UI.
type: variable-number-slider
format: 'px'
default: 8
level: 2
min: 0
max: 20
step: 1
-
id: radius-s
title: Border Radius Small (px)
description: The size of the border radius around smaller elements of the UI.
type: variable-number-slider
format: 'px'
default: 4
level: 2
min: 0
max: 20
step: 1
-
id: tab-label
title: Tab Label
description: Settings for positioning, alignment, etc. of the Tab Labels.
type: heading
level: 3
collapsed: true
-
id: left-sidebar-tab-label-alignment
title: Left Sidebar Tab Label Alignment
description: Horizontal Alignment of the Tab Labels in the Left Sidebar.
type: class-select
allowEmpty: false
default: pt-tab-label-left-sidebar-left
options:
-
label: Left
value: pt-tab-label-left-sidebar-left
-
label: Center
value: pt-tab-label-left-sidebar-center
-
label: Right
value: pt-tab-label-left-sidebar-right
-
id: right-sidebar-tab-label-alignment
title: Right Sidebar Tab Label Alignment
description: Horizontal Alignment of the Tab Labels in the Right Sidebar.
type: class-select
allowEmpty: false
default: pt-tab-label-right-sidebar-left
options:
-
label: Left
value: pt-tab-label-right-sidebar-left
-
label: Center
value: pt-tab-label-right-sidebar-center
-
label: Right
value: pt-tab-label-right-sidebar-right
-
id: nav-header
title: Nav Header
description: Settings for positioning, alignment, etc. of the Nav Headers.
type: heading
level: 3
collapsed: true
-
id: nav-header-left-sidebar-position
title: Left Sidebar Nav Header Position
description: Vertical Position of the Nav Header in the Left Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-left-sidebar-position-bottom
options:
-
label: Top
value: pt-nav-header-left-sidebar-position-top
-
label: Bottom
value: pt-nav-header-left-sidebar-position-bottom
-
id: nav-header-left-sidebar-alignment
title: Left Sidebar Nav Header Alignment
description: Horizontal Alignment of the Nav Header in the Left Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-left-sidebar-align-center
options:
-
label: Left
value: pt-nav-header-left-sidebar-align-left
-
label: Center
value: pt-nav-header-left-sidebar-align-center
-
label: Right
value: pt-nav-header-left-sidebar-align-right
-
id: nav-header-right-sidebar-position
title: Right Sidebar Nav Header Position
description: Vertical Position of the Nav Header in the Right Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-right-sidebar-position-bottom
options:
-
label: Top
value: pt-nav-header-right-sidebar-position-top
-
label: Bottom
value: pt-nav-header-right-sidebar-position-bottom
-
id: nav-header-right-sidebar-alignment
title: Right Sidebar Nav Header Alignment
description: Horizontal Alignment of the Nav Header in the Right Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-right-sidebar-align-center
options:
-
label: Left
value: pt-nav-header-right-sidebar-align-left
-
label: Center
value: pt-nav-header-right-sidebar-align-center
-
label: Right
value: pt-nav-header-right-sidebar-align-right
-
id: tab-header
title: Tab Header
description: Settings for alignment of the Tab Header.
type: heading
level: 3
collapsed: true
-
id: tab-header-alignment
title: Tab Header Alignment
description: Horizontal Alignment of the Tab Headers in the Main Workspace.
type: class-select
allowEmpty: false
default: pt-tab-header-left
options:
-
label: Left
value: pt-tab-header-left
-
label: Center
value: pt-tab-header-center
-
label: Right
value: pt-tab-header-right
-
id: file-explorer
title: File Explorer
description: Customisation options for the File Explorer module.
type: heading
level: 3
collapsed: true
-
id: pt-file-explorer-folder-icon
title: Enable Folder Dropdown Icon
description: Replaces the Arrow dropdown icon with a Folder icon (different icons for closed and open folders).
default: false
type: class-toggle
-
id: pt-file-explorer-folder-icon-color
title: Folder Dropdown Icon Color
description: Different presets for the Folder Dropdown Icon Color. Make sure to enable the option above `Enable Folder Dropdown Icon` for this to apply.
type: class-select
allowEmpty: false
default: pt-file-explorer-folder-icon-default
options:
-
label: Default
value: pt-file-explorer-folder-icon-default
-
label: Accent Color
value: pt-file-explorer-folder-icon-accent
-
label: Accent Color on Open Folders
value: pt-file-explorer-folder-icon-active
-
id: colored-folders
title: Colored Folders
description: Colors the File Explorer folders.
type: heading
level: 4
collapsed: true
-
id: pt-colored-folders
title: Enable Colored Folders
description: This option will overwrite the behaviour of Folder Dropdown Icon Color.
type: class-toggle
default: false
-
id: pt-colored-folders-style
title: Folder Dropdown Style
description: Select the desired style for the Colored Folders.
type: class-select
allowEmpty: false
default: pt-colored-folders-style-rainbow
options:
-
label: Accent Color
value: pt-colored-folders-style-accent
-
label: Rainbow
value: pt-colored-folders-style-rainbow
-
id: pt-colored-folders-files-match
title: Apply to Nested Files
type: class-toggle
default: false
-
id: titlebar
title: Titlebar
description: Settings for changing the style of the Titlebar.
type: heading
level: 2
collapsed: true
-
id: pt-titlebar-hide-text
title: Hide Titlebar Title Text
description: Hides the Titlebar Title Text (Useful when the Statusbar is at the top).
type: class-toggle
default: false
-
id: status-bar
title: Status Bar
description: Settings for the Status Bar. Adjust position, Change the order of items, etc.
type: heading
level: 2
collapsed: true
-
id: pt-status-bar-style
title: Status Bar Style
description: Change the Position of the Status Bar.
type: class-select
allowEmpty: false
default: pt-status-bar-position-floating
options:
-
label: Hidden
value: pt-status-bar-position-hidden
-
label: Floating
value: pt-status-bar-position-floating
-
label: Fixed
value: pt-status-bar-position-fixed
-
id: pt-fixed-status-bar-align
title: Fixed Status Bar Horizontal Alignment
description: Change the Horizontal Alignment of the Fixed Status Bar.
type: class-select
allowEmpty: false
default: pt-fixed-status-bar-align-center
options:
-
label: Left
value: pt-fixed-status-bar-align-left
-
label: Center
value: pt-fixed-status-bar-align-center
-
label: Right
value: pt-fixed-status-bar-align-right
-
id: status-bar-customisation-lt
title: Light Theme Customisation
type: heading
level: 3
collapsed: true
-
id: status-bar-preset-lt
title: Status Bar Preset
description: Choose between Default and Custom colors for the Light Theme Status Bar.
default: pt-status-bar-default-lt
type: class-select
options:
-
label: Default
value: pt-status-bar-default-lt
-
label: Custom
value: pt-status-bar-custom-lt
-
id: status-bar-background-color-lt
title: Status Bar Background Color
description: Make sure you selected 'Custom' in Light Theme Status Bar Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#EBECEF'
-
id: status-bar-text-color-lt
title: Status Bar Text/Icons Color
description: Choose the color used for the Light Theme Status Bar Text/Icons.
default: pt-status-bar-text-dark-lt
type: class-select
options:
-
label: Light
value: pt-status-bar-text-light-lt
-
label: Dark
value: pt-status-bar-text-dark-lt
-
label: Accent Color
value: pt-status-bar-text-accent-lt
-
id: status-bar-customisation-dt
title: Dark Theme Customisation
type: heading
level: 3
collapsed: true
-
id: status-bar-preset-dt
title: Status Bar Preset
description: Choose between Default and Custom colors for the Dark Theme Status Bar.
default: pt-status-bar-default-dt
level: 2
type: class-select
options:
-
label: Default
value: pt-status-bar-default-dt
-
label: Custom
value: pt-status-bar-custom-dt
-
id: status-bar-background-color-dt
title: Status Bar Background Color
description: Make sure you selected 'Custom' in Dark Theme Status Bar Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: status-bar-text-color-dt
title: Status Bar Text/Icons Color
description: Choose the color used for the Dark Theme Status Bar Text/Icons.
default: pt-status-bar-text-light-dt
type: class-select
options:
-
label: Light
value: pt-status-bar-text-light-dt
-
label: Dark
value: pt-status-bar-text-dark-dt
-
label: Accent Color
value: pt-status-bar-text-accent-dt
-
id: scrollbar
title: Scrollbar
description: Settings for the Scrollbar. Adjust the width, Add Scroll Buttons, etc.
type: heading
level: 2
collapsed: true
-
id: scroll-bar-size
title: Scrollbar Width
description: Change the width of the Scrollbar (px).
type: variable-number-slider
default: 12
min: 5
max: 20
format: px
-
id: plugins
title: Plugins
description: Plugin Specific Settings.
type: heading
level: 1
collapsed: true
-
id: kanban-settings
title: Kanban
description: Mgmeyers Obsidian Kanban Plugin (https://github.com/mgmeyers/obsidian-kanban).
type: heading
level: 2
collapsed: true
-
id: pt-disable-kanban-title-count
title: Disable Kanban Title Card Count
description: Removes the Card Count in the Kanban Lane Title.
type: class-toggle
default: false
-
id: pt-center-kanban-title-text
title: Center Kanban Title Text
description: Aligns the Kanban Lane Title to the center.
type: class-toggle
default: true
-
id: pt-kanban-background-lt
title: Light Theme Kanban Background
description: Change the Light Theme background of the Kanban board.
type: class-select
allowEmpty: false
default: pt-kanban-background-grid-lt
options:
-
label: Solid Color
value: pt-kanban-background-default-lt
-
label: Dots
value: pt-kanban-background-dots-lt
-
label: Grid
value: pt-kanban-background-grid-lt
-
id: pt-kanban-background-dt
title: Dark Theme Kanban Background
description: Change the Dark Theme background of the Kanban board.
type: class-select
allowEmpty: false
default: pt-kanban-background-grid-dt
options:
-
label: Solid Color
value: pt-kanban-background-default-dt
-
label: Dots
value: pt-kanban-background-dots-dt
-
label: Grid
value: pt-kanban-background-grid-dt
-
id: icon-folder-settings
title: Icon Folder
description: Florian Woelki Icon Folder (https://github.com/FlorianWoelki/obsidian-icon-folder).
type: heading
level: 2
collapsed: true
-
id: pt-icon-folder-accent
title: Use UI Accent Color for Icon Folder
description: Makes the Folder Icons inherit the UI Accent Color.
type: class-toggle
default: true
-
id: icons-settings
title: Icons
description: visini Icons (https://github.com/visini/obsidian-icons-plugin).
type: heading
level: 2
collapsed: true
-
id: pt-icons-accent
title: Use UI Accent Color for Icons
description: Makes the Icons inherit the UI Accent Color.
type: class-toggle
default: false
-
id: feature-toggles
title: Feature Toggles
description: Disable / hide certain aspects of the theme.
type: heading
level: 1
collapsed: true
-
id: pt-fade-inactive-tabs
title: Fade Inactive Tabs
description: Fades out inactive UI tabs to help distinguish the currently active tab.
default: false
type: class-toggle
-
id: pt-disable-blur
title: Disable Blurred Background Effect
description: Disables the blur background in all elements that use it by making them opaque.
default: false
type: class-toggle
-
id: pt-disable-callout-styling
title: Disable Prism Callout Styling
description: This option removes the custom Callout Styling introduced with Prism and reverts to a completely default look. This should be used if you prefer the default callout styling or have CSS Snippets that use it's customisation options.
default: false
type: class-toggle
-
id: pt-disable-mark-highlight-styling
title: Disable Mark Highlight Styling
description: This option removes the Prism Mark Highlight Styling (reverts to default look). This will be handy for those that already use a different <mark> tag based highlighting system.
default: false
type: class-toggle
-
id: pt-collapsed-pinned-tab
title: Collapsed Pinned Tabs
description: This option removes the title from pinned tabs and adds back the default file icon for the markdown files. Helps reduce the horizontal space wasted by pinned tabs. You can still see the title when you hover over the icon. NOTE - This option requires Installer Version 1.1.9+ due to use of CSS `has()`. Also, might not work on certain Mobile clients.
default: false
type: class-toggle
-
id: pt-pdf-dark-theme
title: Enable PDF Dark Theme
description: This option adds styling to the PDF pages by blending in with the colour scheme in Dark mode; making it more eye friendly. This isn't a perfect solution. Note that some images might look inverted and colours be a different shade compared to the original file.
default: false
type: class-toggle
-
id: theme-info
title: Theme Info
description: Additional help and information regarding Prism.
type: heading
level: 1
collapsed: false
-
id: theme-info-buttons
type: info-text
markdown: true
description: '<div class="styleSettingsButton prism-wiki"><a href="https://github.com/damiankorcz/Prism-Theme/wiki"><span class="styleSettingsButtonEmoji">🏛️</span>Prism Wiki</a></div><div class="styleSettingsButton prism-releases"><a href="https://github.com/damiankorcz/Prism-Theme/releases"><span class="styleSettingsButtonEmoji">📦</span>Prism Releases & Changelog</a></div>'
-
id: support
title: Support the Development of Prism
description: If you are enjoying the theme, here are some ways to support its development.
type: heading
level: 1
collapsed: false
-
id: support-buttons
type: info-text
markdown: true
description: '<div class="styleSettingsButton prism-star"><a href="https://github.com/damiankorcz/Prism-Theme"><span class="styleSettingsButtonEmoji">🌠</span>Star the project on GitHub</a></div><div class="styleSettingsButton prism-issue"><a href="https://github.com/damiankorcz/Prism-Theme/issues"><span class="styleSettingsButtonEmoji">⚠️</span>Submit an Issue</a></div><div class="styleSettingsButton prism-coffee"><a href="https://www.buymeacoffee.com/DamianKorcz"><span class="styleSettingsButtonEmoji">☕</span> Buy me a coffee!</a></div>'
-
id: prism-theme
title: Prism Theme Class
type: class-toggle
default: true
*/
/* @plugins
core:
- audio-recorder
- backlink
- canvas
- command-palette
- daily-notes
- file-explorer
- file-recovery
- global-search
- graph
- markdown-importer
- note-composer
- open-with-default-app
- outgoing-link
- outline
- page-preview
- publish
- random-note
- slash-commands
- slides
- starred
- sync
- switcher
- tag-pane
- templates
- word-count
- workspaces
- zk-prefixer
community:
- table-editor-obsidian
- obsidian-kanban
- quick-explorer
- calendar
- cmenu-plugin
- obsidian-dangling-links
- pane-relief
- obsidian-icon-folder
- obsidian-map-view
- obsidian-emoji-toolbar
- obsidian-tagfolder
- obsidian-dictionary-plugin
- obsidian-icons-plugin
- obsidian-jump-to-date-plugin
- obsidian-hover-editor
- obsidian-quiet-outline
- recent-files-obsidian
- file-tree-alternative
- settings-search
*/