obsidian-template/.obsidian/themes/Prism/theme.css

8750 lines
1.3 MiB
CSS
Raw Normal View History

/*
Prism Theme for Obsidian.md (Version: 3.2.1)
> A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
Source: https://github.com/damiankorcz/Obsidian-Prism
Support the development: https://www.buymeacoffee.com/DamianKorcz
Forum Thread: https://forum.obsidian.md/t/theme-prism/36493
Licences
The Theme contains Base64 embedded versions of the following fonts:
- Source Sans - Distributed under the SIL Open Font License 1.1
(https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md)
- JetBrains Mono - Distributed under the SIL Open Font License 1.1
(https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt)
Theme Code is distributed under the MIT License. See https://github.com/damiankorcz/Obsidian-Prism/blob/main/LICENSE for more information.
Copyright (c) 2021-2022 Damian Korcz <https://github.com/damiankorcz>
*/
.theme-light.pt-color-scheme-swan-lt {
--color-grey-base-hsl: 0, 0%, 84%;
--color-red-base-hsl: 7, 80%, 88%;
--color-orange-base-hsl: 25, 79%, 84%;
--color-yellow-base-hsl: 47, 57%, 77%;
--color-green-base-hsl: 115, 35%, 81%;
--color-mint-base-hsl: 156, 37%, 81%;
--color-cyan-base-hsl: 192, 39%, 83%;
--color-blue-base-hsl: 222, 62%, 88%;
--color-purple-base-hsl: 251, 62%, 90%;
--color-pink-base-hsl: 327, 56%, 88%;
--color-grey-tint-hsl: 0, 0%, 67%;
--color-red-tint-hsl: 6, 70%, 74%;
--color-orange-tint-hsl: 27, 74%, 64%;
--color-yellow-tint-hsl: 48, 68%, 47%;
--color-green-tint-hsl: 115, 34%, 60%;
--color-mint-tint-hsl: 159, 39%, 57%;
--color-cyan-tint-hsl: 192, 40%, 63%;
--color-blue-tint-hsl: 222, 57%, 74%;
--color-purple-tint-hsl: 252, 60%, 77%;
--color-pink-tint-hsl: 326, 50%, 73%;
--color-grey-text-hsl: 0, 0%, 49%;
--color-red-text-hsl: 4, 62%, 55%;
--color-orange-text-hsl: 32, 100%, 37%;
--color-yellow-text-hsl: 48, 100%, 30%;
--color-green-text-hsl: 116, 71%, 33%;
--color-mint-text-hsl: 165, 100%, 28%;
--color-cyan-text-hsl: 191, 75%, 36%;
--color-blue-text-hsl: 223, 54%, 58%;
--color-purple-text-hsl: 255, 56%, 63%;
--color-pink-text-hsl: 323, 46%, 55%;
--text-normal: hsl(0, 0%, 25%);
--text-muted: hsl(0, 0%, 40%);
--text-faint: hsl(0, 0%, 50%);
--background-primary: hsl(0, 0%, 100%);
--background-primary-alt: hsl(0, 0%, 96.5%);
--background-secondary: hsl(0, 0%, 94%);
--background-secondary-blur: hsla(0, 0%, 94%, 80%);
--background-secondary-alt: hsl(0, 0%, 80%);
--shadow-s: hsla(0, 0%, 0%, 10%) 0 1px 2px 0;
--shadow-l: hsla(0, 0%, 0%, 3%) 0 1px 2px, hsla(0, 0%, 0%, 3%) 0 2px 4px, hsla(0, 0%, 0%, 3%) 0 4px 8px, hsla(0, 0%, 0%, 3%) 0 8px 16px;
}
.theme-dark.pt-color-scheme-raven-dt {
--color-grey-base-hsl: 0, 0%, 18%;
--color-red-base-hsl: 0, 46%, 22%;
--color-orange-base-hsl: 20, 52%, 19%;
--color-yellow-base-hsl: 40, 45%, 16%;
--color-green-base-hsl: 122, 40%, 15%;
--color-mint-base-hsl: 163, 51%, 14%;
--color-cyan-base-hsl: 195, 43%, 16%;
--color-blue-base-hsl: 228, 39%, 23%;
--color-purple-base-hsl: 268, 43%, 24%;
--color-pink-base-hsl: 328, 41%, 21%;
--color-grey-tint-hsl: 0, 0%, 37%;
--color-red-tint-hsl: 0, 41%, 43%;
--color-orange-tint-hsl: 9, 45%, 37%;
--color-yellow-tint-hsl: 39, 39%, 32%;
--color-green-tint-hsl: 121, 34%, 31%;
--color-mint-tint-hsl: 163, 43%, 29%;
--color-cyan-tint-hsl: 195, 37%, 33%;
--color-blue-tint-hsl: 227, 39%, 46%;
--color-purple-tint-hsl: 266, 33%, 45%;
--color-pink-tint-hsl: 328, 38%, 42%;
--color-grey-text-hsl: 0, 0%, 57%;
--color-red-text-hsl: 0, 51%, 65%;
--color-orange-text-hsl: 19, 43%, 58%;
--color-yellow-text-hsl: 40, 37%, 50%;
--color-green-text-hsl: 122, 32%, 49%;
--color-mint-text-hsl: 163, 39%, 46%;
--color-cyan-text-hsl: 195, 38%, 52%;
--color-blue-text-hsl: 228, 39%, 65%;
--color-purple-text-hsl: 264, 29%, 64%;
--color-pink-text-hsl: 331, 32%, 63%;
--text-normal: hsl(0, 0%, 85%);
--text-muted: hsl(0, 0%, 70%);
--text-faint: hsl(0, 0%, 60%);
--background-primary: hsl(0, 0%, 13%);
--background-primary-alt: hsl(0, 0%, 18%);
--background-secondary: hsl(0, 0%, 8.5%);
--background-secondary-blur: hsla(0, 0%, 8.5%, 80%);
--background-secondary-alt: hsl(0, 0%, 5%);
--shadow-s: hsla(0, 0%, 0%, 10%) 0 1px 2px 0;
--shadow-l: hsla(0, 0%, 0%, 5%) 0 1px 2px, hsla(0, 0%, 0%, 5%) 0 2px 4px, hsla(0, 0%, 0%, 5%) 0 4px 8px, hsla(0, 0%, 0%, 5%) 0 8px 16px;
}
.theme-light.pt-color-scheme-latte-lt {
--color-grey-base-hsl: 0, 0%, 84%;
--color-red-base-hsl: 7, 80%, 88%;
--color-orange-base-hsl: 25, 79%, 84%;
--color-yellow-base-hsl: 47, 57%, 77%;
--color-green-base-hsl: 115, 35%, 81%;
--color-mint-base-hsl: 156, 37%, 81%;
--color-cyan-base-hsl: 192, 39%, 83%;
--color-blue-base-hsl: 222, 62%, 88%;
--color-purple-base-hsl: 251, 62%, 90%;
--color-pink-base-hsl: 327, 56%, 88%;
--color-grey-tint-hsl: 0, 0%, 67%;
--color-red-tint-hsl: 6, 70%, 74%;
--color-orange-tint-hsl: 27, 74%, 64%;
--color-yellow-tint-hsl: 48, 68%, 47%;
--color-green-tint-hsl: 115, 34%, 60%;
--color-mint-tint-hsl: 159, 39%, 57%;
--color-cyan-tint-hsl: 192, 40%, 63%;
--color-blue-tint-hsl: 222, 57%, 74%;
--color-purple-tint-hsl: 252, 60%, 77%;
--color-pink-tint-hsl: 326, 50%, 73%;
--color-grey-text-hsl: 0, 0%, 49%;
--color-red-text-hsl: 4, 62%, 55%;
--color-orange-text-hsl: 32, 100%, 37%;
--color-yellow-text-hsl: 48, 100%, 30%;
--color-green-text-hsl: 116, 71%, 33%;
--color-mint-text-hsl: 165, 100%, 28%;
--color-cyan-text-hsl: 191, 75%, 36%;
--color-blue-text-hsl: 223, 54%, 58%;
--color-purple-text-hsl: 255, 56%, 63%;
--color-pink-text-hsl: 323, 46%, 55%;
--text-normal: hsl(28, 32%, 18%);
--text-muted: hsl(28, 32%, 35%);
--text-faint: hsl(28, 32%, 50%);
--background-primary: hsl(28, 32%, 95%);
--background-primary-alt: hsl(28, 32%, 93%);
--background-secondary: hsl(28, 32%, 90%);
--background-secondary-blur: hsla(28, 32%, 90%, 80%);
--background-secondary-alt: hsl(28, 32%, 77%);
--shadow-s: hsla(28, 32%, 7%, 10%) 0 1px 2px 0;
--shadow-l: hsla(28, 32%, 7%, 4%) 0 1px 2px, hsla(28, 32%, 7%, 4%) 0 2px 4px, hsla(28, 32%, 7%, 4%) 0 4px 8px, hsla(28, 32%, 7%, 4%) 0 8px 16px;
}
.theme-dark.pt-color-scheme-mocha-dt {
--color-grey-base-hsl: 0, 0%, 18%;
--color-red-base-hsl: 0, 53%, 22%;
--color-orange-base-hsl: 21, 59%, 18%;
--color-yellow-base-hsl: 41, 57%, 15%;
--color-green-base-hsl: 123, 50%, 14%;
--color-mint-base-hsl: 166, 74%, 12%;
--color-cyan-base-hsl: 194, 54%, 15%;
--color-blue-base-hsl: 228, 45%, 23%;
--color-purple-base-hsl: 268, 49%, 25%;
--color-pink-base-hsl: 328, 48%, 21%;
--color-grey-tint-hsl: 0, 0%, 37%;
--color-red-tint-hsl: 0, 47%, 44%;
--color-orange-tint-hsl: 20, 52%, 36%;
--color-yellow-tint-hsl: 41, 48%, 30%;
--color-green-tint-hsl: 123, 43%, 29%;
--color-mint-tint-hsl: 164, 62%, 26%;
--color-cyan-tint-hsl: 194, 47%, 32%;
--color-blue-tint-hsl: 228, 45%, 47%;
--color-purple-tint-hsl: 266, 37%, 47%;
--color-pink-tint-hsl: 327, 44%, 42%;
--color-grey-text-hsl: 0, 0%, 57%;
--color-red-text-hsl: 0, 60%, 66%;
--color-orange-text-hsl: 20, 48%, 58%;
--color-yellow-text-hsl: 41, 45%, 47%;
--color-green-text-hsl: 123, 40%, 46%;
--color-mint-text-hsl: 164, 53%, 42%;
--color-cyan-text-hsl: 194, 44%, 50%;
--color-blue-text-hsl: 228, 44%, 65%;
--color-purple-text-hsl: 263, 34%, 65%;
--color-pink-text-hsl: 331, 37%, 63%;
--text-normal: hsl(28, 32%, 85%);
--text-muted: hsl(28, 32%, 70%);
--text-faint: hsl(28, 32%, 60%);
--background-primary: hsl(27, 30%, 13%);
--background-primary-alt: hsl(28, 32%, 18.5%);
--background-secondary: hsl(28, 32%, 9%);
--background-secondary-blur: hsla(28, 32%, 9%, 80%);
--background-secondary-alt: hsl(28, 32%, 6.8%);
--shadow-s: hsla(28, 32%, 7%, 50%) 0 1px 2px 0;
--shadow-l: hsla(28, 32%, 7%, 50%) 0 1px 2px, hsla(28, 32%, 7%, 50%) 0 2px 4px, hsla(28, 32%, 7%, 50%) 0 4px 8px, hsla(28, 32%, 7%, 50%) 0 8px 16px;
}
.theme-light.pt-color-scheme-periwinkle-lt {
--color-grey-base-hsl: 0, 0%, 84%;
--color-red-base-hsl: 8, 84%, 88%;
--color-orange-base-hsl: 26, 81%, 83%;
--color-yellow-base-hsl: 46, 59%, 77%;
--color-green-base-hsl: 113, 37%, 81%;
--color-mint-base-hsl: 157, 41%, 80%;
--color-cyan-base-hsl: 193, 42%, 82%;
--color-blue-base-hsl: 221, 65%, 88%;
--color-purple-base-hsl: 250, 69%, 90%;
--color-pink-base-hsl: 328, 58%, 88%;
--color-grey-tint-hsl: 0, 0%, 67%;
--color-red-tint-hsl: 7, 75%, 74%;
--color-orange-tint-hsl: 28, 77%, 63%;
--color-yellow-tint-hsl: 50, 100%, 40%;
--color-green-tint-hsl: 114, 36%, 59%;
--color-mint-tint-hsl: 160, 41%, 56%;
--color-cyan-tint-hsl: 193, 42%, 62%;
--color-blue-tint-hsl: 220, 63%, 74%;
--color-purple-tint-hsl: 252, 66%, 78%;
--color-pink-tint-hsl: 325, 53%, 73%;
--color-grey-text-hsl: 0, 0%, 49%;
--color-red-text-hsl: 5, 66%, 55%;
--color-orange-text-hsl: 31, 100%, 38%;
--color-yellow-text-hsl: 47, 100%, 30%;
--color-green-text-hsl: 114, 96%, 29%;
--color-mint-text-hsl: 165, 100%, 28%;
--color-cyan-text-hsl: 189, 100%, 32%;
--color-blue-text-hsl: 222, 59%, 58%;
--color-purple-text-hsl: 256, 62%, 64%;
--color-pink-text-hsl: 323, 49%, 55%;
--text-normal: hsl(225, 35%, 30%);
--text-muted: hsl(225, 35%, 40%);
--text-faint: hsl(225, 35%, 50%);
--background-primary: hsl(225, 35%, 95%);
--background-primary-alt: hsl(225, 35%, 93%);
--background-secondary: hsl(225, 35%, 90%);
--background-secondary-blur: hsla(225, 35%, 90%, 80%);
--background-secondary-alt: hsl(225, 35%, 79%);
--shadow-s: hsla(225, 35%, 7%, 10%) 0 1px 2px 0;
--shadow-l: hsla(225, 35%, 7%, 4%) 0 1px 2px, hsla(225, 35%, 7%, 4%) 0 2px 4px, hsla(225, 35%, 7%, 4%) 0 4px 8px, hsla(225, 35%, 7%, 4%) 0 8px 16px;
}
.theme-dark.pt-color-scheme-indigo-dt {
--color-grey-base-hsl: 0, 0%, 18%;
--color-red-base-hsl: 0, 53%, 22%;
--color-orange-base-hsl: 21, 59%, 19%;
--color-yellow-base-hsl: 41, 55%, 15%;
--color-green-base-hsl: 122, 49%, 15%;
--color-mint-base-hsl: 166, 74%, 12%;
--color-cyan-base-hsl: 194, 54%, 15%;
--color-blue-base-hsl: 228, 44%, 24%;
--color-purple-base-hsl: 268, 49%, 25%;
--color-pink-base-hsl: 327, 49%, 21%;
--color-grey-tint-hsl: 0, 0%, 37%;
--color-red-tint-hsl: 0, 47%, 44%;
--color-orange-tint-hsl: 20, 53%, 36%;
--color-yellow-tint-hsl: 41, 48%, 30%;
--color-green-tint-hsl: 123, 43%, 29%;
--color-mint-tint-hsl: 165, 61%, 26%;
--color-cyan-tint-hsl: 194, 47%, 32%;
--color-blue-tint-hsl: 227, 44%, 47%;
--color-purple-tint-hsl: 267, 37%, 47%;
--color-pink-tint-hsl: 327, 43%, 42%;
--color-grey-text-hsl: 0, 0%, 58%;
--color-red-text-hsl: 0, 60%, 66%;
--color-orange-text-hsl: 20, 49%, 58%;
--color-yellow-text-hsl: 41, 46%, 48%;
--color-green-text-hsl: 123, 40%, 46%;
--color-mint-text-hsl: 164, 53%, 42%;
--color-cyan-text-hsl: 194, 44%, 50%;
--color-blue-text-hsl: 228, 44%, 65%;
--color-purple-text-hsl: 264, 34%, 65%;
--color-pink-text-hsl: 330, 37%, 63%;
--text-normal: hsl(245, 30%, 85%);
--text-muted: hsl(245, 30%, 70%);
--text-faint: hsl(245, 30%, 65%);
--background-primary: hsl(245, 30%, 16%);
--background-primary-alt: hsl(245, 30%, 25%);
--background-secondary: hsl(245, 30%, 12%);
--background-secondary-blur: hsla(245, 30%, 12%, 80%);
--background-secondary-alt: hsl(245, 30%, 8.5%);
--shadow-s: hsla(245, 30%, 7%, 10%) 0 1px 2px 0;
--shadow-l: hsla(245, 30%, 7%, 10%) 0 1px 2px, hsla(245, 30%, 7%, 10%) 0 2px 4px, hsla(245, 30%, 7%, 10%) 0 4px 8px, hsla(245, 30%, 7%, 10%) 0 8px 16px;
}
.theme-light.pt-color-scheme-pistachio-lt {
--color-grey-base-hsl: 0, 0%, 84%;
--color-red-base-hsl: 7, 80%, 88%;
--color-orange-base-hsl: 25, 79%, 84%;
--color-yellow-base-hsl: 47, 57%, 77%;
--color-green-base-hsl: 115, 35%, 81%;
--color-mint-base-hsl: 156, 37%, 81%;
--color-cyan-base-hsl: 192, 39%, 83%;
--color-blue-base-hsl: 222, 62%, 88%;
--color-purple-base-hsl: 251, 62%, 90%;
--color-pink-base-hsl: 327, 56%, 88%;
--color-grey-tint-hsl: 0, 0%, 67%;
--color-red-tint-hsl: 6, 70%, 74%;
--color-orange-tint-hsl: 27, 74%, 64%;
--color-yellow-tint-hsl: 48, 68%, 47%;
--color-green-tint-hsl: 115, 34%, 60%;
--color-mint-tint-hsl: 159, 39%, 57%;
--color-cyan-tint-hsl: 192, 40%, 63%;
--color-blue-tint-hsl: 222, 57%, 74%;
--color-purple-tint-hsl: 252, 60%, 77%;
--color-pink-tint-hsl: 326, 50%, 73%;
--color-grey-text-hsl: 0, 0%, 49%;
--color-red-text-hsl: 4, 62%, 55%;
--color-orange-text-hsl: 32, 100%, 37%;
--color-yellow-text-hsl: 48, 100%, 30%;
--color-green-text-hsl: 116, 71%, 33%;
--color-mint-text-hsl: 165, 100%, 28%;
--color-cyan-text-hsl: 191, 75%, 36%;
--color-blue-text-hsl: 223, 54%, 58%;
--color-purple-text-hsl: 255, 56%, 63%;
--color-pink-text-hsl: 323, 46%, 55%;
--text-normal: hsl(135, 35%, 20%);
--text-muted: hsl(135, 35%, 30%);
--text-faint: hsl(135, 35%, 40%);
--background-primary: hsl(135, 35%, 95.5%);
--background-primary-alt: hsl(135, 35%, 93%);
--background-secondary: hsl(135, 35%, 90.5%);
--background-secondary-blur: hsla(135, 35%, 90.5%, 80%);
--background-secondary-alt: hsl(135, 35%, 75%);
--shadow-s: hsla(135, 35%, 7%, 10%) 0 1px 2px 0;
--shadow-l: hsla(135, 35%, 7%, 4%) 0 1px 2px, hsla(135, 35%, 7%, 4%) 0 2px 4px, hsla(135, 35%, 7%, 4%) 0 4px 8px, hsla(135, 35%, 7%, 4%) 0 8px 16px;
}
.theme-dark.pt-color-scheme-pine-dt {
--color-grey-base-hsl: 0, 0%, 18%;
--color-red-base-hsl: 0, 53%, 22%;
--color-orange-base-hsl: 21, 59%, 18%;
--color-yellow-base-hsl: 41, 55%, 15%;
--color-green-base-hsl: 122, 49%, 15%;
--color-mint-base-hsl: 166, 74%, 12%;
--color-cyan-base-hsl: 194, 54%, 15%;
--color-blue-base-hsl: 228, 44%, 24%;
--color-purple-base-hsl: 268, 49%, 25%;
--color-pink-base-hsl: 328, 48%, 21%;
--color-grey-tint-hsl: 0, 0%, 37%;
--color-red-tint-hsl: 0, 47%, 44%;
--color-orange-tint-hsl: 20, 53%, 36%;
--color-yellow-tint-hsl: 41, 48%, 30%;
--color-green-tint-hsl: 123, 43%, 29%;
--color-mint-tint-hsl: 165, 61%, 26%;
--color-cyan-tint-hsl: 194, 47%, 32%;
--color-blue-tint-hsl: 227, 45%, 47%;
--color-purple-tint-hsl: 267, 37%, 47%;
--color-pink-tint-hsl: 327, 43%, 42%;
--color-grey-text-hsl: 0, 0%, 57%;
--color-red-text-hsl: 0, 60%, 66%;
--color-orange-text-hsl: 20, 49%, 58%;
--color-yellow-text-hsl: 41, 46%, 48%;
--color-green-text-hsl: 123, 40%, 46%;
--color-mint-text-hsl: 164, 53%, 42%;
--color-cyan-text-hsl: 194, 44%, 50%;
--color-blue-text-hsl: 228, 44%, 65%;
--color-purple-text-hsl: 264, 34%, 65%;
--color-pink-text-hsl: 330, 37%, 63%;
--text-normal: hsl(135, 35%, 85%);
--text-muted: hsl(135, 35%, 70%);
--text-faint: hsl(135, 35%, 60%);
--background-primary: hsl(135, 35%, 12%);
--background-primary-alt: hsl(135, 35%, 17%);
--background-secondary: hsl(135, 35%, 9%);
--background-secondary-blur: hsla(135, 35%, 9%, 80%);
--background-secondary-alt: hsl(135, 35%, 6%);
--shadow-s: hsla(135, 35%, 7%, 10%) 0 1px 2px 0;
--shadow-l: hsla(135, 35%, 7%, 10%) 0 1px 2px, hsla(135, 35%, 7%, 10%) 0 2px 4px, hsla(135, 35%, 7%, 10%) 0 4px 8px, hsla(135, 35%, 7%, 10%) 0 8px 16px;
}
/* Source Sans - Distributed under the SIL Open Font Licence 1.1 - https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 200 900;
font-stretch: normal;
src: url("data:application/octet-stream;base64,d09GMgABAAAAAo90ABQAAAAJ/fwAAo78AAMLxwAAAAAAAAAAAAAAAAAAAAAAAAAAGUYaiw8bk4loHIHPTj9IVkFSqwY/TVZBUkYGYD9TVEFUgWYnJgCBhE4vYAqIlWCG2QsLzXQAMIfpUAE2AiQDzW4EIAXDfwcgW1J3uRz6L2Ru3/WbJEcEGo870l5ImDSlgiiaVseR8Uukmt8GIAJpb/4pGb5nyPbuoA+Q362RTU3VMWQxNg6m+jApAXIb3ZwJaRT/OsdWQQKKuF/QyP7//////////////////28y/Ty62Xsv4b2/MllBQiCgYAWrIrg2dnmOVmtr79rr3UbMWBgU1sa6IIwsMkbHOknB2riKa1rXNdahtroBTZtFLbzURG2Uow4UXeihEizFNfEa+FfvZ6jggZYSF7K8IjDk0aoxuso2tdaaePiqXjo3XAuaoNFwPFl/PdzguLbJegJtlbW2FOSVq6juVGCyOWjbbT3rLo8dmu/ko9Yu5NbWoz0L+5kNO5weNM0rOIQe6mjoHVVRcwPa3EPDozzPeoFz9JTJFSb1Bi1+FKgNkxaKixi0h2OSmWT2LTjJxojBEo7jU0s7+ow+pwQUxRDDBdEIQ1jpSBjvZZ1W/TJ3/i2zb6+viDoskkHSS67BviFTJg3Tb2n2vIhX+S28A4E0DVWm5L1v/Q9kVXu+oSdpH25+6YIZk1yiCMucZFr5cntEbTelj8ZwqbVeoDqvae1W7pzdc86hvjHGrCYoNsZobGdQRRGc8/1D0mf0kXENGKxhvETZBipZ4PaqQTla8xUW+PSKGR4FmBgqJPBEMeR+KH8/dwYb6TO6qLj1m6W5AgZWVNzYyHWkzdYXd0MYpdQWvtRaE1YpRb36il6Sjqfj/CxvLKPxWE9hhnSNZCaZSfYs2zdEwkKlkiKFtBIFDAwiJDPJjJghR0oS8+zlww6qzkH82PJ9cJwttWW2qApXnQmMUUgzmq2jOcMkwD1gKOmQGUUMMwbX0GijqNdBC+j1ogVJPJlAjB7RtYooEZKZuhWhLAj6ilP4hi4MZEQZwv6AvqCZttSC/uThAd9o1Fb44Um8nPhwQlg49kFZJFDY5hTKQ4h+pT/61/I8mcDdXgGGJ9u/vYQtuHRkzjTTTxT7cLy1ccQBGjQ7clhMY73qHKHVJJrjJ61I9j4i99d3hfjy0oy/YH2PbFWDfkIalBqgkJHs3SOLlCZZ04q+xA4zZvRdUPMsAHVAMm47JAQjDuk5HC266n5+vmVgZaQg3yGZyS6TQj8LycvkHZqQfE1ZyIk6fPeQ+3yxDrN5A6VnkH7T6LMhJ11SxSS/+Ni6hRyV/bK184DMuX8d34Zr+Bf28Pgp27182IsK534Y09KGQaFlUAouS+g/m3N7CHWOTFNRNdDjB+LN73lW1q+gaUlm+qd39rwCFx6KG6nB7ZIyL4lGA2NKY5A1RigRkhm46iUM8WgkvQO7CqeQXBX0qoecTGmmFfVeRVCMfozurQVVu1VKW4ghQEY94AVkDtZwIHTLkVM9XkCIruENfDtFN8l4EyxfGN8TYLLD5B/7f/LvmEE4x4kovsMMTB1gxjOBaejPX/QUGI9g+ynrrZka/tu/J69LdApB551agz+vK69L1nHaea/80L5P6OYx+gsHgsTLEJ2UNq8HVSIoCQUC2xRj5/2q8g7pNdpWXok2iSXEHmvdujqtB4SqgAauoqFUqZr0oAdJYkycQmTPrbVH6AdoTTLTmzhDmwT/sy4zgtFPYhcpIqpG0KmlhPWnmzkHDSm7iEFsphXSDDsfEyQMP6EKIQPDUYwiRgzMEDPEzEEYG8NFK+avDD3eO4EUYvschN+T32Bwgs66YQKNutwp3YzDpc+xbnQgnEYmEgEOW/qhX/P0hbxY2dw3VWwrd9OUhvi3Av/z+pitxjYmbOX873U43dh1K4StoO8+uSQ5LTRl/A99kseySPoHhPN+5/0Pn8JyoII2Jf4dLIh1aArJPKFE0OM8bhpTwD/WWmsTSsS/a38Du9rWjmRfLit3UoAacle/1oSBMY5oBN2kCQabiqzaxUGOk8mFc+M8vPqQGtKimCv4Cc8TP2d/7sybZzFIAgkhSIECBYp5BbxOjYpuy6pXdMWNdfXfvwyyZd+HJEAIHiCYjGmnJnSfrJ+pQ7evZ2J75l9Nu1jZgP1tB6EcAkGAhAHYprmof+5GLqyxcq6MCHRO0WHk0CEWJWAUYCOgYiLY2NiIEbEoV0YvPlmZIzzXf/5xrme8cz3rqaietWqtVRWxVlRPVVSnIhORicp0KlOZiJzO6mSqdqKiKlOxU5Wp6FRVRKeqvsrEV5HZiaiInS8iMhUV8a34IifzJ6q+TERE/HlTAoCH/5b/33adU93VfUN8aXLQI2f8yCEGn1RU3f8/okZoJFmCMCw0QrEQmlw82C9hvf+TbHZRtcoqNEYhsQhXnUQ5hGWwXNFnzOV/eN38hAAx3KZZxLDGhwgBwjQ8xoopBKQhskZC83CFtYPiWEgVnwbTuABXtGHHuCLuuOhCfks9NY7FeVpq+S21fBwDuKWld9Svco5LAiGBQIIlkOB2nMGp9ayqs4qt7cSkU+223zqTn4h380/v1H4QGGMZMLGxQjAlhFCXEpa61HVdr+s6juvkv/m9vKzX/aU/H/fn/tP+FXn/v7Sn9bpeN3UcyhLHwQSDELIQQgyj0Wg0Go1Go9HVnZmr0Wg0Go3ESAh7nl/bnzlvH7xdllBXWFa4pIUIfCRyCRuLL2EBRhSpjYXZVFlYVRhRGMz/m6r9BXABgiAIUZREywxDK7KiKIrqOKrrqq7GoziOm7ip6+cux5PJyaRbum2ZLV1OLunZlq9lzyx7l33SPW02j5uncRTVI0uyIlMkRYIgCAIXF8DFxYVFurLq1qinak/WgpE1BnpCDAEjhPCjgACyd/xM0cIf+FP/O3b9UtfXze1NE5q6juM6jj+/YIwBYwxCCCGEEEIIIYQQAoQQsixkjDEhmMRN3n4/n77OTt4vk+lm3+T+8nr/uZlOt5ub6fZl83KzMYLKWL8h43viBU28bKm9SA/sNLJMtIy0UCwULDnU3uAcS0/10mTozevdqe+7H74RLC02TR4M6CZNe8akGIVB6Wf3MQTmH1O1viiKBwiCIAh+giD4AYIgCIIgCIIgCIEQRFEUJcuyrCiKo7iO67quNy+bzehlvJleLy+Kssd9Z/uyx9WdM5O5slm/Tibr5/W4Ho/rUR1FVRRbZmRZpuzN9lmaOgkcOwk2NEcbT3SEbYgO8B1QH389A/XxqMyjtzQaleaDWnW9EOx/On25g2FL+vRGdGewewpTz8fuX04routA5ZBcxy1r1i1NkTKhknj8MX0tO0UjjaiZfstyyaXWTvsurlVsBGl5zgNRKQuUtJ3sND3ER5b/8sETVkp0+Nxg7OyjgAn/vL+xcx+J0n6LJGjMGdXNYkj+PM3Z/7lzZ+5N7iQjmQDDbUgTEiBQSGl6swNpfVhx1gyxOlYxeeK2Lrz3vrJi1LCKsexXNnSG5+fWg31ApDfWb39/2QwYJWNNjUgpCRFERUAJEUnr9BQFFUTFPAMbOPQwus6opPh+Pz57zr1vSShUZMyuAgqBQrBxyEqnooCEifPgP8R/y/hfVd3u7ZmfI6CeIml0VE94cvQIy0EYFEIhLE4g/M4/OjW6Fx3bHctxlrPJsjOc7dfnc13OL/XzI5tLyaI55+KTvr6EEAIECCFAiLHFNMYYA57Bo2u7Y62M+fNtae8NYeW/1mGAT2QFGaAut7Vbd/mQDImvyrF+JVcxa30Sryc1W/4pDsHe/s0EA1KacjABr9fIbg65FT+vlJ137nNg/L0ZNwvY9HrMS9KU0oaKyQceIekJOYvGne83dLIKOWb6k0t+Oq7HGFP3eVzBKBRGso3AeJxaSQBQYOFpztI1KJOeQu0GK2O4gmOhVAum3WzgdlmTgtAD/xHOZunxwdgp5cY/PPfq+8LpnMerc9IEWhaQDqFymSuWXDc4AAnHKxnHMfy+uV7A578sgqquUMiybMxHYQtkNL
}
@font-face {
font-family: "Source Sans 3";
font-style: italic;
font-weight: 200 900;
font-stretch: normal;
src: url("data:application/octet-stream;base64,d09GMgABAAAAAg3wABQAAAAF4EAAAg13AAMLxwAAAAAAAAAAAAAAAAAAAAAAAAAAGUYah3kbhoYKHIGVcD9IVkFSowo/TVZBUkYGYD9TVEFUgWYnJgCBhE4vYAqHg3iF3gQLnzIAMIbEKgE2AiQDvl4EIAXFaQcgWzF8tdNSxrwrl/alQFuNOAOCzrExNc5km3+N+OZ+yIOy1bbXSoSMMXYbj4AEmlVGtg6v70sZZrG0I8i8vxQM31aaefDwlv3///////////////83lo5HN//uEu7ujSQQRkICMmQITka1FbV1VGulVtv+rv8/sKjBVsARHqKYkASqBNcqIIV6Awk0KQ9CMeMWckEljBaR5W2FogTb6e74bi/yHXCuA2LqPbWp9N0A1BpjGYZGtYVj9ZqgXYWRxTUYSx3aVYEJbZlkJplJ5sDtBnjg6VSKKIGkuRdBq5wN+zB34vYP4DBzsQz4CNiAy3OscIxO0AKWxApitJjDIumtm/0+vKmSTJ8wueLQZkmNIer09g2hh9rOc3aRsTyxTT41ljNvz+KJ9woxN9XzEYiqlA4c9AQmxNkUcnyCGTN6K1gQlyQTjREIYSRWCf6OOOcNcOBNWBcB+DJf8bh75q4c2vXvYZdlSqi210OGNpgPJNNH5Ax1sC1ybhAnjbPF8NrAzS3Jq4q5u0ZZA8XKh7CcoenaWMiRGcLHEVa9p0SEEgn6YB4+oUu4TYb1x1YL3OfQ2xzYvxsXIGVdJBZwoB8EKcPFpwaaM/CgWAMDu0lOpkTKwMDHUCrYeVBllDNiBgZG/CSUiFBeRJn4mKumcAV5m8up1EepMGJUNUgZFSXFraSAFHinINOEqDFs2FShZk0Tlds79CUcRnxHMlFFHGBNj6qD50O87AyHw/kMXAVG9N4R1a/A9+TVfnMwHgxTSMNf0wmZx2NiwMqEfL6nGBiqT0hBq3ipSihLJONZBBNXDZA/PKIaZLXjr1ArXtyGzCS8MoRHukf1KzC6eCXOX8C9FQMTGzwJLsGNt8RLbmqMXYMe0RJ6CfnOMkOtb9fvvhBfERNzxPj72enG1AewjzWEA/RIO/12xiEViMMV+sd2bU5HOCO7NFfAhJyz32za2RG4+zzVOeIeyUzyPyTTL+QWknZ1H20hTX/eIrOx1rbGsOg5N3S/nh763vd8unpu+3mrbrExBiIiESqnBA557zfSwlrrDbLWWmvR0lprW2jPWmsvcGxMEuwcHeA/g47nhM/gko7C4zCfp91VGWReMd9wLVhGN+/peeg/Gf06RAdMKpMchCtlg+K/uIVEiMFGNb9EY2ttb0qoxpRIsCu6TZeV96ZJvjKZcMWNNc2Pig8wNS7bwF5uYuPWu134YtARUvHR/Neo6+OihO2wMYVt5FavF7A/mgxhtoA/MORb3BdlYsvCAc8xG3yKonCelqOc/yJzPT92B8jO3Sp1Cczc3QQU7d0bavoslAEmHyEBG0jgX/hN9KXx+fT1HllYgMFyDFlqkKn9QjtIl8aAgxtrjO86/IY857t0iB7BEBfiNI2ukQVDMTDFwGE1XOl7ObLBf9BVWsJ7mEW9OjaoRTBigmtWTQNZpGEPvi8cdjXT3MU+NWmRIRtZSkTC24b0n7aKWr0gfOWs6ISKtkUU3RAuuA/v/6CSiXNVQkNeC0wXXv9lVJZewXWkxdoGM95crOb+NgZmSBXiDGYqqIEm1itYOejdgO4HGMNHagZ7lRZlh8fASMB1ie/0NjQTIKefA5GMu761AIaIiKnU6t7iUOclbvGIV0TPT/xCRLRc1T27e5eLCjFiJAFCsJDPBwkBng/yiAYxD4EnmAST5DELom+IvSrwZrzz73jO/3ftqxt4eSn+kKZqzKdqqgas/j1ApOeMkbMEksAo1Hv8rjCIxmX+31SrvwQ3EARBEAQuQfBiIQiCIAiCIAiCFASREE1Tsiwrsuw4LsflSrtc7lQmnU7v6d22Mm+tmfO+ZtmXXjJbek9veWlPOpX2SaddKselchxFUWRZpobnp7MHDd5S0aj95Cdf8n/0J/kRk1oqChUFShEdYxtSZBwTPbZxTNy4jc3PdwfTu5sYaLZI27MnFVBagMkHAYa3OoQ/3qbVi8fl7s32ZNKX+0o7brdjE2xjDBiELIPQhRBCCCGEEEIIIYSQZUIwJoTQZHrStft7fu7n7vd99h7XHGfPVGZ2t4+rsl3ZbG82fYbnbfe27proZw+SDAuCq/1+fyvyRSQyc+d7508Qb4SQCZFIYkh4gukm0B7PJ8MJ/HfBEk84hARj19DEr7ZG1YnaFV9ZI+oGY5z1tTEmdabv/MPW8qQxfnDCD52MjRO2SiSzYlEkGdJx6zxWozGtcfxJrkQogVw7EhKEm7BLBICUS1sbSoq2wpPdBBHPq11+5d6hltakZvjTZu8HLpoASfdk4b/dRLBr+2TNrEPUvhud944V4KL8BNClKNP9LpOmS9Ml02Oq9k8UdViRFUVVVVXrOK7rehXF63hSr+JkHSf3+ns7qZtm/VOve3nd2/9PpnOditzjvJ2jruMoiqwoMkVRFAWSIAiCIAiC4AMIPD6CIACCIHiKmnpVq280QRCEIIqWaVqj08gaj8ardXk1yeeb8/mmZO2szxuSN+W5kHzJmyJJXXg5fF1I0Zu8c16vxyNraFqSaQpiAEGw2Ww0Go1Go8H/A/vR79c+d2Yu5klDN4tqCUIXzS8UxFIkUxIZ/01DYYhysxHCG0JIQkjIs/l/QghPnh9CCCGEJTzyiYqIiIiIiAiIiIiIiNSiVcSnnFqLb9Faa9W2/vWstdbaz69+tWqttdYBuFldv+sETWBNbGAY+VsawsxWI9nmyVfNHp0ACIIgRVFUsWxrvSUbx+v4Nk7re7VUyb7yda+0v8z7KvXrSiubXOv7fE5zvLIsURQFgaDilvXQSIz7hIPnn+yI/txX1V0LK4JnSc/6A47EyEwdQujh+d/mn/sBLtcLIiIiISIiEhIRGZmRopkpOSMzs5+ZM+fMyPyS2c+cb2uuZz/X6/nMOZ/POVeumXM9M9d8jj5zzpyZsWbmY87HMyIiIsT5/9/W/0aqJNoonIwb5Xhf1Nf7fP31vvLj6y1QZBx0GARERDwCAuIRDoc+HCqsGAedaKfjeovnW4v9mC8aDHoYpFuEZRAZFrmwoFl4PHw/9u3e8/7u22TWTOs2FWC6tUZKDNFEklojNIYC+P9RZ69kKZYlY4Bsx04cpAL7rrh1mbuM7+VSIjjCsb/Tn8rjp7k0NgIyAECAilrFqnMnDqHwAsdvv88RhEdiP6FxeCTCgi+db0C4tD+NRqXS6OioFAqFSqFH2S8UGo0GXKpm9sT88mW+K7Mi4sqs57quJ3aQwQ4ynYrMifUPnh1ykobU2uB64lnxgoTUioQgQUIIIQ0hhDSEVMRLRX7TYCXIR0KwbhAbRKyIiOcFsXYaJCcSJOdZz7OiiNGZ9mAEOqMv/If3vfN/9+HLw+Fw+HG4XMWm69sWADw/vVNrJl58z9oeWLagdFvLMiwBzMyTNWoVQ6Isw4F/pd+yHSjytUkbWoZk41TFXi8ODgSkHZuyy0/76EK16uCm2BcCT88qbeoFw90/BkIJwUP/zn00rb9w5/bSCSF4CBYsz/vEdVW+9/cM338rosWKWG2CBcuOoDNLx1yopTulY0UUOUMI0YhHiOOpMz6PUB5xlEd8hFCEeGOMMT4DjuM4xHEcnyEOGI4SwnqO83GIo2Pt/NhdE776/fg8PT3T8/7W2nWcWECJLp7Lb0X6OCCjQac86pQnvPBFJ69qDStwHI7AcXh4eTk80MpKZKApPPhwTo035GZ10t69mJdfqcVlIfERBgkERoATMa9evHxHdSsuF/6/X9O3+wOAwkWGi6DrANgndzbKtEJWmGrVHIRgTa+fIg8JjZ3VCFnMZoRvAU0H/kk2dygQ5rN4hP4cx5r+//8yg4gjDIiIWGMSryft1FvrZvHr7iFEzgX1fpmhK32VznSLYN5ZxvN73wQCJHulY2lp00mhXpOHJhM5t4loiZDd2yWpKZUsKJ
}
/* JetBrains Mono - Distributed under the SIL Open Font Licence 1.1 - https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt */
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 100 800;
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQRFNJRwAAAAEAA4NgAAAACEdERUYPbKaXAAHL4AAAAtFHUE9TGGo6AAABzrQAACJ8R1NVQrc8lvcAAfEwAABblkhWQVIFXwAzAAJMyAAAADZPUy8yEhQLhAAAAdgAAABgU1RBVBOw1okAAk0AAAAA+GF2YXIK0yABAAJN+AAAACpjbWFwatR7iAAAF3QAADp8ZnZhcosVeawAAk4kAAAAdGdhc3AAAAAQAAHL2AAAAAhnbHlmH3IJOAAAXJgAASwYZ3Zhci2l5sQAAk6YAAE0yGhlYWQVW/RJAAABXAAAADZoaGVh/+8GHQAAAZQAAAAkaG10eNDOL0UAAAI4AAAVPGxvY2Gwg/rQAABR+AAACqBtYXhwBccCbgAAAbgAAAAgbmFtZYkhUdsAAYiwAAAJyXBvc3TtVOXvAAGSfAAAOVpwcmVwaAaMhQAAUfAAAAAHAAEAAAACPfRCd0eiXw889QADA+gAAAAA3Sm1EQAAAADdKb2R+Tn+cAK3BGAAAAAGAAIAAAAAAAAAAQAAA/z+1AAAAlj5Of+hArcAAQAAAAAAAAAAAAAAAAAABU8AAQAABU8BuABuALQABgABAAAAAAAAAAAAAAAAAAMAAQAEAlgBkAAFAAACigJYAAAASwKKAlgAAAFeADIBQAAAAgAACQAAAAAAAKAEAv8SAPn7AgAAKAAAAABKQgAAAMAAAP//A/z+1AAAA/wBLCAAAZ/f1wAAAiYC2gAAACAABgJYAFoCWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAB4CWAAeAlgAXQJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFwCWAAKAlgAXAJYAAoCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAEYCWABkAlgAXwJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABdAlgACgJYAF0CWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWAAtAlgALQJYAFwCWABcAlgAggJYAHUCWACCAlgAggJYAIICWAAUAlgATAJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWAAjAlgAIwJYAFgCWAAoAlgAXAJYAFoCWABQAlgAXAJYAFwCWABcAlgAXAJYAEgCWABIAlgASAJYAEgCWABIAlgASAJYAFwCWABaAlgANwJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAMgJYABkCWAAZAlgAGQJYABkCWAAZAlgAKAJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYAFUCWABVAlgAVQJYAFUCWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYACMCWAAjAlgAXAJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABGAlgAPwJYAFoCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAWAJYAFUCWABaAlgAPAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABcAlgAAAJY/+ECWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAEYCWABGAlgARgJYAF8CWABfAlgAXwJYAB4CWAAeAlgAMgJYAB4CWAAeAlgACgJYAB4CWAA8AlgAXAJYAFwCWP/2AlgAXAJYAFwCWABeAlgAXAJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABYAlgAIwJYACMCWABVAlgAIwJYAF0CWABXAlgAWAJYAG0CWABtAlgAbQJYACMCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABcAlgApQJYADcCWAA3AlgANwJYADcCWAA3AlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAMgJYACMCWAAjAlgAIwJYACMCWAAjAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAFoCWABaAlgAWgJYAFoCWABcAlgArwJYALkCWAAyAlgAXgJYAF0CWACCAlgAggJYAIICWAAZAlgAZAJYAGQCWAAMAlgANgJYAFoCWABaAlgAXAJYAFwCWAAUAlgATAJYAF0CWABYAlgAXgJYAFwCWABYAlgANwJYADICWAAyAlgANgJYACgCWABLAlgAXgJYAEACWABAAlgAXgJYAF4CWP/7AlgAQQJY//sCWAA1AlgASAJYAFoCWABUAlgAaQJYAGkCWAAtAlgAAAJYADwCWAA4AlgAAAJYAB4CWABRAlgAWQJYACMCWAAjAlgAQQJYAF8CWABUAlgAWgJYAEECWABXAlgAXAJYAIICWACCAlgAggJYAB4CWABVAlgAVQJYABICWABBAlgAXAJYAFwCWABfAlgAXwJYABkCWABMAlgAXAJYAFUCWABcAlgAXQJYAFUCWAA3AlgAMgJYADICWAA2AlgAMgJYAE4CWABcAlgAPAJYADwCWABcAlgAYgJYAAACWABBAlgABQJYAD4CWABaAlgAUwJYAFQCWABVAlgAVQJYAEYCWAAAAlgAPAJYAEECWAAAAlgANwJYAFwCWABbAlgAPAJYADwCWABJAlgAZAJYAFUCWABaAlgAMgJYAF0CWACCAlgAMgJYAGQCWABVAlgAXQJYAFgCWABpAlgAXAJYADICWABMAlgAWgJYAFACWABYAlgAXgJYAFwCWABLAlgANwJYACMCWAA2AlgAKAJYADYCWAAyAlgACgJY/40CWP+NAlj/jQJY/7ACWP+DAlj/sAJYAGkCWAAjAlgAXAJYAFoCWABcAlgAPAJYAFoCWABQAlgARAJYAFwCWABYAlgANwJYAF8CWAAyAlgAXQJYADICWABVAlgAVQJYABkCWABeAlgAVQJYAFUCWAA8AlgAWgJYADcCWAAoAlgANgJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABVAlgANwJYAFoCWABQAlgAXAJYAFwCWAA2AlgADwJYAFoCWABaAlgAaQJYAEQCWABbAlgAUAJYAFoCWABIAlgARgJYAEYCWABVAlgAQAJYAFACWABCAlgAQAJYAFgCWACRAlgAmwJYAJcCWACIAlgAkgJYAIkCWACRAlgAmwJYAJYCWACSAlgAkQJYAJsCWACXAlgAiAJYAJICWACJAlgAkQJYAJsCWACWAlgAkgJYAFoCWAAeAlgAHgJYABoCWABMAlgA2QJYAKUCWADZAlgAqgJYADwCWADhAlgA4QJYAIICWABuAlgA2QJYALQCWAAjAlgAzQJYAJYCWA
}
@font-face {
font-family: "JetBrains Mono";
font-style: italic;
font-weight: 100 800;
font-stretch: normal;
src: url("data:application/octet-stream;base64,AAEAAAAVAQAABABQRFNJRwAAAAEAA54wAAAACEdERUb5pK0fAAHbTAAAAyVHUE9T5SzrawAB3nQAACU+R1NVQrPVm0EAAgO0AABbnEhWQVIFXwAzAAJfUAAAADZPUy8yEhULcAAAAdgAAABgU1RBVBOf1wsAAl+IAAAA9GF2YXIK0yABAAJgfAAAACpjbWFwg535LwAAF3QAADpoZnZhcosVeawAAmCoAAAAdGdhc3AAAAAQAAHbRAAAAAhnbHlmPGeH9gAAXIQAATnsZ3Zhcp8SfOkAAmEcAAE9EmhlYWQVt/RQAAABXAAAADZoaGVhAOcJnwAAAZQAAAAkaG10eNDm/NEAAAI4AAAVPGxvY2Fm7LSVAABR5AAACqBtYXhwBccCbgAAAbgAAAAgbmFtZSHO1dgAAZZwAAALfHBvc3SOldnQAAGh7AAAOVdwcmVwaAaMhQAAUdwAAAAHAAEAAAACPfSpj7N6Xw889QADA+gAAAAA3Sm1GAAAAADdKb2R+S7+cAMcBGAAAgAGAAIAAAAAAAAAAQAAA/z+1AAAAlj5Lv88AxwD6ACeAAAAAAAAAAAAAAAABU8AAQAABU8BuABuALQABgABAAAAAAAAAAAAAAAAAAMAAQAEAlgBkAAFAAACigJY//QASwKKAlgANwFeADIBQAAAAgAACQAAAAAAAKAEAv8SAPn7AgAAKAAAAABKQgAAAIEAAP//A/z+1AAAA/wBLCAAAZ/f1wAAAiYC2gAAACAABgJYAFoCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJY//ICWP/yAlgAMQJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYADACWAAKAlgAMAJYAAoCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADICWAA4AlgAMwJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWAAxAlgAMQJYADECWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAASAlgAEgJYADACWAAwAlgAWwJYAFsCWABbAlgAWwJYAFsCWAAMAlgAIAJYAC4CWAAuAlgALgJYAC4CWAAuAlgALgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWP/xAlj/8QJYAEICWAAQAlgAMAJYAC4CWAA6AlgAMAJYADACWAAwAlgAMAJYAC0CWAAtAlgALQJYAC0CWAAtAlgALQJYADACWABEAlgAcgJYAHECWAByAlgAcgJYAGwCWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgARAJYAD4CWAA+AlgAegJYAEECWABBAlgAQQJYAEECWABBAlj//AJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYACkCWAApAlgAKQJYACkCWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAAICWAACAlgAMAJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAD0CWAAyAlgAIwJYAD4CWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABEAlgAAAJYAEUCWABFAlgARQJYAEUCWABFAlgARQJYAEUCWAAwAlgALgJYABwCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYAAwCWAAMAlgADAJYADMCWAAzAlgANQJYAGMCWABjAlgABwJYAGMCWABcAlgATwJYAGMCWAAWAlgAMAJYADACWAAmAlgAMAJYADACWAAyAlgAMAJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlj/8gJY//ICWABCAlgAAwJYABMCWAAOAlgAPAJYAEMCWABDAlgAQwJY/8cCWAA7AlgAOwJYADsCWAA7AlgAOwJYADsCWP98Alj/0QJYAFUCWABPAlgAVQJYAFUCWABVAlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD8CWAA/AlgAPgJYAD8CWAA/AlgAZwJYAE4CWABOAlgATgJYAE4CWABOAlgACwJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAC4CWAAuAlgALgJYAC4CWAAwAlgA0gJYAN0CWAAGAlgAMgJYADECWABWAlgAVgJYAFYCWP/XAlgAOAJYADgCWP/gAlgAIQJYAC4CWAAuAlgAMAJYADACWP/nAlgAIAJYADECWABCAlgAMgJYADACWABCAlgAcgJYAHoCWAB6AlgAKAJY//wCWABYAlgAMgJYABYCWAAUAlgAMgJYADICWAA2AlgAFQJY/84CWAAJAlgALQJYAEQCWAA+AlgAPQJYAD0CWAASAlgAOwJYABACWAAMAlgAOwJYACYCWAAlAlgALQJYAGsCWABrAlgATgJYABcCWAA+AlgAPgJYAD0CWAA+AlgAMQJYADYCWAA2AlgAVgJYAEQCWABCAlgAQgJY/+YCWAAqAlgAPgJYAD4CWAA1AlgANQJY/+wCWAAgAlgAMgJYAEICWAAyAlgAEwJYAEACWABWAlgARgJYAEYCWP/3AlgACwJYAE4CWAAyAlgAFgJYABQCWAAyAlgANgJYAB4CWAAVAlj/2AJYABQCWAA7AlgARAJYADoCWAAkAlgAJAJYAAwCWAAuAlgAEgJYABACWAAuAlgAMQJYADACWAAvAlgAaAJYAEUCWABJAlgAOQJYAEICWABEAlgABgJYADECWABWAlgABgJYADgCWAApAlgAMQJYAEICWAA9AlgAMAJYAAYCWAAgAlgALgJYACQCWABCAlgAMgJYADACWAAfAlgAcgJYAGsCWAAoAlj//AJYADcCWAAGAlgABgJY/7sCWP+7Alj/uwJY/94CWP+xAlj/3gJYAD0CWABrAlgAMAJYAD0CWAATAlgAaAJYAD8CWAAyAlgAKAJYADACWABCAlgAVQJYADUCWAAHAlgAFQJYAGcCWAA7AlgAQgJYADkCWAATAlgAQAJYAD8CWABVAlgAPwJYABwCWP/8AlgAGwJYABgCWABVAlgAVQJYAFUCWAA/AlgAPwJYAD8CWABCAlgAGAJYAD0CWAAyAlgAMAJYADICWP/3AlgAGAJYAFoCWABaAlgAaQJYAEQCWABbAlgAOgJYAC4CWAAwAlgAMAJYADMCWABAAlgALQJYAHgCWAAqAlgAWwJYAEQCWABeAlgArwJYALoCWACnAlgAYwJYAFsCWABeAlgAjAJYAGACWAB5AlgAsAJYAK8CWAC6AlgApwJYALUCWACtAlgAsAJYAN4CWACzAlgAywJYAC4CWAAuAlgALgJYAC4CWABMAlgAsgJYAF4CWACyAlgAZQJYABMCWAC6AlgArgJYAI0CWAA+AlgAsgJYALoCWAA1AlgAigJYAGUCWA
}
body {
--font-interface-theme: "Source Sans 3", sans-serif;
--font-text-theme: "Source Sans 3", sans-serif;
--font-monospace-theme: "JetBrains Mono", monospace;
--h1-size: 2.2em;
--h2-size: 2em;
--h3-size: 1.8em;
--h4-size: 1.6em;
--h5-size: 1.4em;
--h6-size: 1.2em;
--h1-weight: var(--font-extrabold);
--h2-weight: var(--font-extrabold);
--h3-weight: var(--font-extrabold);
--h4-weight: var(--font-extrabold);
--h5-weight: var(--font-extrabold);
--h6-weight: var(--font-extrabold);
--list-indent: 1.4em;
--list-bullet-size: 0.35em;
--indentation-guide-width: 2px;
--tag-padding-y: 0;
--tag-padding-x: 0.75ch;
--tag-border-width: 2px;
--tag-size: var(--font-smallest);
--file-folding-offset: 20px;
--text-error: var(--color-red-text);
--text-accent: var(--interactive-accent-text);
--icon-color-focused: var(--interactive-accent-text);
--background-modifier-error: var(--color-red-text);
--background-modifier-border: var(--window-border);
--background-modifier-border-focus: var(--interactive-accent-base);
--background-modifier-border-hover: var(--interactive-accent-tint);
--indentation-guide-color: var(--window-border);
--indentation-guide-color-active: var(--interactive-accent-tint);
--icon-color-hover: var(--highlight-text-normal);
--nav-item-color-hover: var(--highlight-text-normal);
--checkbox-marker-color: var(--highlight-text-normal);
--checklist-done-color: var(--interactive-accent-tint);
--checkbox-border-color-hover: var(--interactive-accent-tint);
--blockquote-border-color: var(--window-border);
--blockquote-border-thickness: 4px;
--ribbon-background-collapsed: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary);
--header-height: 41px;
--input-height: 32px;
--input-radius: var(--radius-s);
--toggle-thumb-height: 18px;
--toggle-thumb-width: 18px;
--toggle-border-width: 1px;
--toggle-width: 42px;
--toggle-s-thumb-height: 14px;
--toggle-s-thumb-width: 14px;
--toggle-s-border-width: 4px;
--divider-color-hover: var(--interactive-accent-tint);
--file-header-font-size: var(--font-ui-medium);
--vault-name-font-size: var(--font-ui-medium);
--status-bar-font-size: var(--font-ui-small);
--tab-stacked-font-size: var(--font-ui-medium);
--modal-border-color: var(--window-border);
--drag-ghost-text-color: var(--text-normal);
--clickable-icon-radius: var(--radius-s);
--toggle-radius: var(--size-4-1);
--toggle-thumb-radius: 3px;
--slider-thumb-radius: var(--size-4-1);
--slider-thumb-width: 10px;
--scrollbar-active-thumb-bg: var(--interactive-accent-base);
--scrollbar-thumb-bg: var(--background-primary);
--text-on-accent: var(--highlight-text-normal);
--prompt-border-color: var(--window-border);
--embed-border-top: 1px solid var(--window-border);
--embed-border-bottom: 1px solid var(--window-border);
--embed-border-right: 1px solid var(--window-border);
--embed-padding: unset;
--blur-intensity: 8px;
--accent-border-width: 2px;
--scroll-bar-size: 12px;
--custom-vault-banner-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--mark-highlight-base: var(--color-yellow-base);
--status-bar-background-color-lt: #EBECEF;
--status-bar-background-color-dt: #2B2B2B;
}
body:is(.theme-light, .theme-dark) {
--color-grey-base: hsl(var(--color-grey-base-hsl));
--color-red-base: hsl(var(--color-red-base-hsl));
--color-orange-base: hsl(var(--color-orange-base-hsl));
--color-yellow-base: hsl(var(--color-yellow-base-hsl));
--color-green-base: hsl(var(--color-green-base-hsl));
--color-mint-base: hsl(var(--color-mint-base-hsl));
--color-cyan-base: hsl(var(--color-cyan-base-hsl));
--color-blue-base: hsl(var(--color-blue-base-hsl));
--color-purple-base: hsl(var(--color-purple-base-hsl));
--color-pink-base: hsl(var(--color-pink-base-hsl));
--color-grey-tint: hsl(var(--color-grey-tint-hsl));
--color-red-tint: hsl(var(--color-red-tint-hsl));
--color-orange-tint: hsl(var(--color-orange-tint-hsl));
--color-yellow-tint: hsl(var(--color-yellow-tint-hsl));
--color-green-tint: hsl(var(--color-green-tint-hsl));
--color-mint-tint: hsl(var(--color-mint-tint-hsl));
--color-cyan-tint: hsl(var(--color-cyan-tint-hsl));
--color-blue-tint: hsl(var(--color-blue-tint-hsl));
--color-purple-tint: hsl(var(--color-purple-tint-hsl));
--color-pink-tint: hsl(var(--color-pink-tint-hsl));
--color-grey-text: hsl(var(--color-grey-text-hsl));
--color-red-text: hsl(var(--color-red-text-hsl));
--color-orange-text: hsl(var(--color-orange-text-hsl));
--color-yellow-text: hsl(var(--color-yellow-text-hsl));
--color-green-text: hsl(var(--color-green-text-hsl));
--color-mint-text: hsl(var(--color-mint-text-hsl));
--color-cyan-text: hsl(var(--color-cyan-text-hsl));
--color-blue-text: hsl(var(--color-blue-text-hsl));
--color-purple-text: hsl(var(--color-purple-text-hsl));
--color-pink-text: hsl(var(--color-pink-text-hsl));
--color-red: var(--color-red-text);
--color-green: var(--color-green-text);
--color-orange: var(--color-orange-text);
--color-yellow: var(--color-yellow-text);
--color-cyan: var(--color-cyan-text);
--color-blue: var(--color-blue-text);
--color-purple: var(--color-purple-text);
--color-pink: var(--color-pink-text);
--color-accent-base-lt: var(--color-red-base-hsl);
--color-accent-tint-lt: var(--color-red-tint-hsl);
--color-accent-text-lt: var(--color-red-text-hsl);
--color-accent-base-dt: var(--color-red-base-hsl);
--color-accent-tint-dt: var(--color-red-tint-hsl);
--color-accent-text-dt: var(--color-red-text-hsl);
--color-accent-hsl: var(--interactive-accent-text-hsl);
--color-accent: var(--interactive-accent-text);
--color-accent-1: var(--interactive-accent-tint);
--color-accent-2: var(--interactive-accent-base);
--input-shadow: unset;
--input-shadow-hover: unset;
--tab-stacked-shadow: 0;
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl), 50%);
--text-selection: var(--background-modifier-hover);
--text-highlight-bg: var(--interactive-accent-base);
--interactive-accent: var(--interactive-accent-tint);
--interactive-hover: var(--background-primary);
--text-accent-hover: var(--interactive-accent-hover);
--scroll-button-background-color: var(--background-primary);
}
body:is(.theme-light, .theme-dark).pt-disable-blur {
--background-secondary-blur: var(--background-secondary);
}
body.theme-light {
--window-border: var(--background-secondary-alt);
--graph-line-color-lt: var(--background-secondary-alt);
--graph-fill-color-lt: var(--color-grey-tint);
--graph-fill-focused-color-lt: var(--interactive-accent-tint);
--graph-tag-color-lt: var(--color-blue-tint);
--graph-attachment-color-lt: var(--color-yellow-tint);
--graph-unresolved-color-lt: var(--color-red-tint);
--graph-highlight-color-lt: var(--interactive-accent-tint);
--graph-highlight-line-color-lt: var(--interactive-accent-tint);
--h1-text-color-lt: var(--text-normal);
--h2-text-color-lt: var(--text-normal);
--h3-text-color-lt: var(--text-normal);
--h4-text-color-lt: var(--text-normal);
--h5-text-color-lt: var(--text-normal);
--h6-text-color-lt: var(--text-normal);
--h1-color: var(--h1-text-color-lt);
--h2-color: var(--h2-text-color-lt);
--h3-color: var(--h3-text-color-lt);
--h4-color: var(--h4-text-color-lt);
--h5-color: var(--h5-text-color-lt);
--h6-color: var(--h6-text-color-lt);
--text-bold-color-lt: var(--text-normal);
--text-italic-color-lt: var(--text-normal);
--text-italic-bold-color-lt: var(--text-normal);
--link-internal-color-lt: var(--interactive-accent-text-hsl);
--link-external-color-lt: var(--interactive-accent-text-hsl);
--bold-color: var(--text-bold-color-lt);
--italic-color: var(--text-italic-color-lt);
--link-color: hsl(var(--link-internal-color-lt));
--link-color-hover: hsla(var(--link-internal-color-lt), 60%);
--link-external-color: hsl(var(--link-external-color-lt));
--link-external-color-hover: hsla(var(--link-external-color-lt), 60%);
--link-unresolved-color: hsl(var(--link-internal-color-lt));
--inline-title-color: var(--inline-title-color-lt);
--code-background: var(--background-primary);
--blockquote-background-color: var(--background-primary);
--checkbox-color: var(--background-primary-alt);
--checkbox-border-color: var(--background-secondary-alt);
--scrollbar-bg: var(--background-secondary);
}
body.theme-light.pt-highlight-text-light-lt {
--highlight-text-normal: var(--background-primary);
}
body.theme-light.pt-highlight-text-dark-lt {
--highlight-text-normal: var(--text-normal);
}
body.theme-light.pt-highlight-text-accent-lt {
--highlight-text-normal: var(--interactive-accent-text);
}
body.theme-light.pt-highlight-text-custom-lt {
--highlight-text-normal: var(--highlight-text-accent-custom-lt);
}
body.theme-light.pt-accent-color-custom-lt {
--interactive-accent-base-hsl: var(--color-accent-base-lt);
--interactive-accent-text-hsl: var(--color-accent-text-lt);
--interactive-accent-base: hsl(var(--color-accent-base-lt));
--interactive-accent-tint: hsl(var(--color-accent-tint-lt));
--interactive-accent-text: hsl(var(--color-accent-text-lt));
--interactive-accent-hover: hsl(var(--color-accent-tint-lt));
}
body.theme-light.pt-accent-color-red-lt {
--interactive-accent-base-hsl: var(--color-red-base-hsl);
--interactive-accent-text-hsl: var(--color-red-text-hsl);
--interactive-accent-base: var(--color-red-base);
--interactive-accent-tint: var(--color-red-tint);
--interactive-accent-text: var(--color-red-text);
--interactive-accent-hover: var(--color-red-tint);
}
body.theme-light.pt-accent-color-orange-lt {
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
--interactive-accent-text-hsl: var(--color-orange-text-hsl);
--interactive-accent-base: var(--color-orange-base);
--interactive-accent-tint: var(--color-orange-tint);
--interactive-accent-text: var(--color-orange-text);
--interactive-accent-hover: var(--color-orange-tint);
}
body.theme-light.pt-accent-color-yellow-lt {
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
--interactive-accent-text-hsl: var(--color-yellow-text-hsl);
--interactive-accent-base: var(--color-yellow-base);
--interactive-accent-tint: var(--color-yellow-tint);
--interactive-accent-text: var(--color-yellow-text);
--interactive-accent-hover: var(--color-yellow-tint);
}
body.theme-light.pt-accent-color-green-lt {
--interactive-accent-base-hsl: var(--color-green-base-hsl);
--interactive-accent-text-hsl: var(--color-green-text-hsl);
--interactive-accent-base: var(--color-green-base);
--interactive-accent-tint: var(--color-green-tint);
--interactive-accent-text: var(--color-green-text);
--interactive-accent-hover: var(--color-green-tint);
}
body.theme-light.pt-accent-color-mint-lt {
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
--interactive-accent-text-hsl: var(--color-mint-text-hsl);
--interactive-accent-base: var(--color-mint-base);
--interactive-accent-tint: var(--color-mint-tint);
--interactive-accent-text: var(--color-mint-text);
--interactive-accent-hover: var(--color-mint-tint);
}
body.theme-light.pt-accent-color-cyan-lt {
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
--interactive-accent-text-hsl: var(--color-cyan-text-hsl);
--interactive-accent-base: var(--color-cyan-base);
--interactive-accent-tint: var(--color-cyan-tint);
--interactive-accent-text: var(--color-cyan-text);
--interactive-accent-hover: var(--color-cyan-tint);
}
body.theme-light.pt-accent-color-blue-lt {
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
--interactive-accent-text-hsl: var(--color-blue-text-hsl);
--interactive-accent-base: var(--color-blue-base);
--interactive-accent-tint: var(--color-blue-tint);
--interactive-accent-text: var(--color-blue-text);
--interactive-accent-hover: var(--color-blue-tint);
}
body.theme-light.pt-accent-color-purple-lt {
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
--interactive-accent-text-hsl: var(--color-purple-text-hsl);
--interactive-accent-base: var(--color-purple-base);
--interactive-accent-tint: var(--color-purple-tint);
--interactive-accent-text: var(--color-purple-text);
--interactive-accent-hover: var(--color-purple-tint);
}
body.theme-light.pt-accent-color-pink-lt {
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
--interactive-accent-text-hsl: var(--color-pink-text-hsl);
--interactive-accent-base: var(--color-pink-base);
--interactive-accent-tint: var(--color-pink-tint);
--interactive-accent-text: var(--color-pink-text);
--interactive-accent-hover: var(--color-pink-tint);
}
body.theme-light.pt-accent-color-grey-lt {
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
--interactive-accent-text-hsl: var(--color-grey-text-hsl);
--interactive-accent-base: var(--color-grey-base);
--interactive-accent-tint: var(--color-grey-tint);
--interactive-accent-text: var(--color-grey-text);
--interactive-accent-hover: var(--color-grey-tint);
}
body.theme-dark {
--window-border: var(--background-primary-alt);
--graph-line-color-dt: var(--background-primary-alt);
--graph-fill-color-dt: var(--color-grey-tint);
--graph-fill-focused-color-dt: var(--interactive-accent-tint);
--graph-tag-color-dt: var(--color-blue-tint);
--graph-attachment-color-dt: var(--color-yellow-tint);
--graph-unresolved-color-dt: var(--color-red-tint);
--graph-highlight-color-dt: var(--interactive-accent-tint);
--graph-highlight-line-color-dt: var(--interactive-accent-tint);
--h1-text-color-dt: var(--text-normal);
--h2-text-color-dt: var(--text-normal);
--h3-text-color-dt: var(--text-normal);
--h4-text-color-dt: var(--text-normal);
--h5-text-color-dt: var(--text-normal);
--h6-text-color-dt: var(--text-normal);
--h1-color: var(--h1-text-color-dt);
--h2-color: var(--h2-text-color-dt);
--h3-color: var(--h3-text-color-dt);
--h4-color: var(--h4-text-color-dt);
--h5-color: var(--h5-text-color-dt);
--h6-color: var(--h6-text-color-dt);
--text-bold-color-dt: var(--text-normal);
--text-italic-color-dt: var(--text-normal);
--text-italic-bold-color-dt: var(--text-normal);
--link-internal-color-dt: var(--interactive-accent-text-hsl);
--link-external-color-dt: var(--interactive-accent-text-hsl);
--bold-color: var(--text-bold-color-dt);
--italic-color: var(--text-italic-color-dt);
--link-color: hsl(var(--link-internal-color-dt));
--link-color-hover: hsla(var(--link-internal-color-dt), 60%);
--link-external-color: hsl(var(--link-external-color-dt));
--link-external-color-hover: hsla(var(--link-external-color-dt), 60%);
--link-unresolved-color: hsl(var(--link-internal-color-dt));
--inline-title-color: var(--inline-title-color-dt);
--code-background: var(--background-secondary-alt);
--blockquote-background-color: var(--background-secondary-alt);
--checkbox-color: var(--background-primary);
--checkbox-border-color: var(--background-primary-alt);
--toggle-thumb-color: var(--text-normal);
--background-modifier-form-field: var(--background-secondary-alt);
--modal-background: var(--background-secondary-alt);
--scrollbar-bg: var(--background-secondary);
}
body.theme-dark.pt-highlight-text-light-dt {
--highlight-text-normal: var(--text-normal);
}
body.theme-dark.pt-highlight-text-dark-dt {
--highlight-text-normal: var(--background-primary);
}
body.theme-dark.pt-highlight-text-accent-dt {
--highlight-text-normal: var(--interactive-accent-text);
}
body.theme-dark.pt-highlight-text-custom-dt {
--highlight-text-normal: var(--highlight-text-accent-custom-dt);
}
body.theme-dark.pt-accent-color-custom-dt {
--interactive-accent-base-hsl: var(--color-accent-base-dt);
--interactive-accent-text-hsl: var(--color-accent-text-dt);
--interactive-accent-base: hsl(var(--color-accent-base-dt));
--interactive-accent-tint: hsl(var(--color-accent-tint-dt));
--interactive-accent-text: hsl(var(--color-accent-text-dt));
--interactive-accent-hover: hsl(var(--color-accent-tint-dt));
}
body.theme-dark.pt-accent-color-red-dt {
--interactive-accent-base-hsl: var(--color-red-base-hsl);
--interactive-accent-text-hsl: var(--color-red-text-hsl);
--interactive-accent-base: var(--color-red-base);
--interactive-accent-tint: var(--color-red-tint);
--interactive-accent-text: var(--color-red-text);
--interactive-accent-hover: var(--color-red-tint);
}
body.theme-dark.pt-accent-color-orange-dt {
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
--interactive-accent-text-hsl: var(--color-orange-text-hsl);
--interactive-accent-base: var(--color-orange-base);
--interactive-accent-tint: var(--color-orange-tint);
--interactive-accent-text: var(--color-orange-text);
--interactive-accent-hover: var(--color-orange-tint);
}
body.theme-dark.pt-accent-color-yellow-dt {
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
--interactive-accent-text-hsl: var(--color-yellow-text-hsl);
--interactive-accent-base: var(--color-yellow-base);
--interactive-accent-tint: var(--color-yellow-tint);
--interactive-accent-text: var(--color-yellow-text);
--interactive-accent-hover: var(--color-yellow-tint);
}
body.theme-dark.pt-accent-color-green-dt {
--interactive-accent-base-hsl: var(--color-green-base-hsl);
--interactive-accent-text-hsl: var(--color-green-text-hsl);
--interactive-accent-base: var(--color-green-base);
--interactive-accent-tint: var(--color-green-tint);
--interactive-accent-text: var(--color-green-text);
--interactive-accent-hover: var(--color-green-tint);
}
body.theme-dark.pt-accent-color-mint-dt {
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
--interactive-accent-text-hsl: var(--color-mint-text-hsl);
--interactive-accent-base: var(--color-mint-base);
--interactive-accent-tint: var(--color-mint-tint);
--interactive-accent-text: var(--color-mint-text);
--interactive-accent-hover: var(--color-mint-tint);
}
body.theme-dark.pt-accent-color-cyan-dt {
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
--interactive-accent-text-hsl: var(--color-cyan-text-hsl);
--interactive-accent-base: var(--color-cyan-base);
--interactive-accent-tint: var(--color-cyan-tint);
--interactive-accent-text: var(--color-cyan-text);
--interactive-accent-hover: var(--color-cyan-tint);
}
body.theme-dark.pt-accent-color-blue-dt {
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
--interactive-accent-text-hsl: var(--color-blue-text-hsl);
--interactive-accent-base: var(--color-blue-base);
--interactive-accent-tint: var(--color-blue-tint);
--interactive-accent-text: var(--color-blue-text);
--interactive-accent-hover: var(--color-blue-tint);
}
body.theme-dark.pt-accent-color-purple-dt {
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
--interactive-accent-text-hsl: var(--color-purple-text-hsl);
--interactive-accent-base: var(--color-purple-base);
--interactive-accent-tint: var(--color-purple-tint);
--interactive-accent-text: var(--color-purple-text);
--interactive-accent-hover: var(--color-purple-tint);
}
body.theme-dark.pt-accent-color-pink-dt {
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
--interactive-accent-text-hsl: var(--color-pink-text-hsl);
--interactive-accent-base: var(--color-pink-base);
--interactive-accent-tint: var(--color-pink-tint);
--interactive-accent-text: var(--color-pink-text);
--interactive-accent-hover: var(--color-pink-tint);
}
body.theme-dark.pt-accent-color-grey-dt {
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
--interactive-accent-text-hsl: var(--color-grey-text-hsl);
--interactive-accent-base: var(--color-grey-base);
--interactive-accent-tint: var(--color-grey-tint);
--interactive-accent-text: var(--color-grey-text);
--interactive-accent-hover: var(--color-grey-tint);
}
body.pt-titlebar-hide-text .titlebar .titlebar-text {
display: none;
}
.mod-windows .titlebar-button.mod-close:hover {
color: hsl(0, 100%, 100%);
background-color: #C42B1C;
}
.pt-status-bar-position-hidden .status-bar {
display: none;
}
.pt-status-bar-position-floating .status-bar {
--status-bar-position: absolute;
right: 0;
left: 0;
width: fit-content;
margin: 0 auto calc(var(--size-2-3) + var(--scroll-bar-size));
background: var(--background-secondary-blur);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
box-shadow: var(--shadow-l);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.pt-status-bar-position-fixed .status-bar {
--status-bar-position: relative;
padding: 1px var(--size-4-2);
border-top: 1px solid var(--window-border);
border-radius: unset;
}
.pt-fixed-status-bar-align-left .status-bar {
justify-content: flex-start;
}
.pt-fixed-status-bar-align-center .status-bar {
justify-content: center;
}
.pt-fixed-status-bar-align-right .status-bar {
justify-content: flex-end;
}
.theme-light.pt-status-bar-custom-lt .status-bar {
background: var(--status-bar-background-color-lt);
}
.theme-dark.pt-status-bar-custom-dt .status-bar {
background: var(--status-bar-background-color-dt);
}
:is(.theme-light.pt-status-bar-text-light-lt, .theme-dark.pt-status-bar-text-dark-dt) .status-bar {
color: var(--background-primary);
}
:is(.theme-light.pt-status-bar-text-dark-lt, .theme-dark.pt-status-bar-text-light-dt) .status-bar {
color: var(--text-muted);
}
:is(.theme-light.pt-status-bar-text-accent-lt, .theme-dark.pt-status-bar-text-accent-dt) .status-bar {
color: var(--interactive-accent-text);
}
.workspace-tab-header {
padding: 0 var(--size-4-2);
border: var(--accent-border-width) solid transparent;
border-radius: var(--radius-m);
}
.workspace-tab-header .workspace-tab-header-inner-close-button:hover svg {
color: var(--interactive-accent-hover);
}
.workspace-tab-header.is-active {
border-radius: var(--radius-m);
}
.workspace-tab-header.is-active:hover .workspace-tab-header-inner-icon svg {
color: var(--interactive-accent-hover);
}
.workspace-tab-header.is-active .workspace-tab-header-inner-icon {
color: var(--icon-color-focused);
}
.workspace-tab-header::before, .workspace-tab-header::after {
display: none;
}
.pt-fade-inactive-tabs :not(.mod-active) .workspace-tab-header.is-active:not(.mod-active) {
opacity: 0.55;
}
.workspace-tab-header-container {
padding-right: unset;
padding-left: 1px;
}
.workspace .mod-root .workspace-tab-header {
padding: unset;
}
.mod-root .workspace-tab-header-inner {
gap: var(--size-4-1);
padding: 0 var(--size-4-1) 0 var(--size-4-2);
}
.workspace-tab-header-inner-close-button::after {
display: none;
}
.workspace .mod-root .workspace-tab-header-inner::after {
display: none;
}
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-title {
color: var(--highlight-text-normal);
}
.workspace-tabs .workspace-tab-header-container-inner {
gap: var(--size-4-1);
padding: unset;
margin: var(--size-4-1);
}
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) {
margin-left: unset;
}
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) .clickable-icon {
padding: var(--size-4-1);
}
.workspace-tab-header-new-tab {
padding: var(--size-4-1) 0;
}
.workspace-tab-header-tab-list {
padding: var(--size-4-1);
margin-right: unset;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
background-color: var(--background-secondary);
border: unset;
border-right: 1px solid var(--window-border);
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
padding-top: 10px;
}
.pt-tab-label-left-sidebar-left .workspace-split.mod-left-split .workspace-tab-header-container {
justify-content: flex-start;
}
.pt-tab-label-left-sidebar-center .workspace-split.mod-left-split .workspace-tab-header-container {
justify-content: center;
}
.pt-tab-label-left-sidebar-right .workspace-split.mod-left-split .workspace-tab-header-container {
justify-content: flex-end;
}
.pt-tab-label-right-sidebar-left .workspace-split.mod-right-split .workspace-tab-header-container {
justify-content: flex-start;
}
.pt-tab-label-right-sidebar-center .workspace-split.mod-right-split .workspace-tab-header-container {
justify-content: center;
}
.pt-tab-label-right-sidebar-right .workspace-split.mod-right-split .workspace-tab-header-container {
justify-content: flex-end;
}
.nav-header {
display: flex;
height: var(--header-height);
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.workspace-drawer .nav-header {
order: unset;
}
.nav-buttons-container {
gap: var(--size-4-1);
align-items: center;
width: fit-content;
}
.nav-action-button {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
padding: 2px;
border-radius: var(--radius-m);
}
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
justify-content: flex-start;
}
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-left .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-left .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
right: calc(var(--size-2-3) + var(--scroll-bar-size));
left: var(--size-2-3);
margin-right: auto;
}
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
justify-content: center;
}
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-center .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-center .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
right: calc(var(--size-2-3) + var(--scroll-bar-size));
left: var(--size-2-3);
margin-right: auto;
margin-left: auto;
}
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content .nav-header {
justify-content: flex-end;
}
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header,
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-align-right .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-align-right .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
right: calc(var(--size-2-3) + var(--scroll-bar-size));
left: var(--size-2-3);
margin-left: auto;
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) {
order: unset;
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .nav-header {
position: absolute;
bottom: calc(var(--size-2-3) + var(--scroll-bar-size));
z-index: var(--layer-popover);
order: 10;
width: -webkit-fill-available;
width: fill-available;
height: unset;
padding: 0 calc(var(--size-2-3) + var(--scroll-bar-size)) 0 var(--size-2-3);
pointer-events: none;
background-color: unset;
border-bottom: unset;
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .nav-buttons-container,
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header {
padding: var(--size-4-1);
pointer-events: auto;
background: var(--background-secondary-blur);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header {
width: fit-content;
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
position: fixed;
bottom: calc(var(--size-2-3) + var(--scroll-bar-size));
z-index: var(--layer-popover);
min-height: unset;
}
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split,
.pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=search] .search-results-children, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container) {
padding-bottom: calc(38px + 2 * var(--scroll-bar-size));
}
body.is-mobile {
--toggle-thumb-height: 18px;
--toggle-thumb-width: 18px;
--toggle-border-width: 1px;
--toggle-width: 42px;
--toggle-s-thumb-height: 14px;
--toggle-s-thumb-width: 14px;
--toggle-s-border-width: 4px;
--toggle-radius: var(--size-4-1);
--toggle-thumb-radius: 3px;
--slider-thumb-radius: var(--size-4-1);
--slider-thumb-width: 10px;
--slider-thumb-y: -7px;
--input-border-width: 1px;
--nav-item-color: var(--text-muted);
}
body.is-mobile.theme-light {
--background-modifier-form-field: var(--color-base-00);
}
body.is-mobile.theme-light .workspace-leaf-content,
body.is-mobile.theme-light .workspace-drawer-tab-options {
background-color: var(--background-primary);
}
body.is-mobile.theme-dark {
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl), 60%);
--background-modifier-form-field: var(--background-secondary-alt);
}
body.is-mobile.theme-dark .workspace-leaf-content,
body.is-mobile.theme-dark .workspace-drawer-tab-option {
background-color: var(--background-secondary-alt);
}
body.is-mobile.theme-dark .modal.mod-settings .vertical-tab-header-group-items,
body.is-mobile.theme-dark .modal.mod-settings .vertical-tab-content {
background-color: var(--background-secondary-alt);
}
body.is-mobile.theme-dark .menu {
background-color: var(--background-secondary-alt);
}
body.is-mobile.is-phone.theme-light .vertical-tab-header {
background-color: var(--background-primary);
}
body.is-mobile.is-phone.theme-dark .community-modal-details,
body.is-mobile.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item,
body.is-mobile.is-phone.theme-dark .vertical-tab-header {
background-color: var(--background-secondary-alt);
}
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-header::before,
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-header::after,
body.is-mobile.is-phone .modal.mod-settings .vertical-tab-content-container::before {
display: none;
}
body.is-mobile.is-phone .menu.mod-tab-list .menu-item-title {
max-width: unset;
}
body.is-mobile.is-phone .view-header-title-parent,
body.is-mobile.is-phone .view-header-title {
opacity: 1;
}
body.is-mobile.is-phone .vertical-tab-content {
height: 100%;
}
body.is-mobile.is-phone .prompt {
--prompt-bottom: var(--size-4-2);
margin-right: var(--size-4-2);
margin-left: var(--size-4-2);
border-radius: var(--radius-m);
}
body.is-mobile.is-phone .suggestion {
max-height: unset;
}
body.is-mobile.is-phone .community-modal-controls {
background-color: var(--background-secondary);
}
body.is-mobile.is-phone .setting-item-control input {
width: calc(100% - var(--size-4-2));
margin: var(--size-4-1);
}
body.is-mobile.is-phone .modal.mod-sidebar-layout .modal-title {
border-bottom: 1px solid var(--window-border);
}
body.is-mobile.is-phone .community-modal-search-results {
gap: var(--size-4-2);
padding: var(--size-4-2);
}
body.is-mobile.is-phone .community-item {
border-width: var(--border-width);
border-radius: var(--radius-m);
}
body.is-mobile.is-tablet .modal.mod-sidebar-layout .modal-setting-back-button {
display: none;
}
body.is-mobile.is-tablet.theme-dark {
--titlebar-background: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary);
}
body.is-mobile.is-tablet .workspace-drawer-ribbon {
display: flex;
flex-flow: column;
}
body.is-mobile.is-tablet .sidebar-toggle-button {
--icon-color: var(--text-muted);
}
body.is-mobile .workspace-drawer-header-icon.mod-pin,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-back-icon,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon:last-child {
border-radius: var(--radius-m);
}
body.is-mobile .workspace-drawer-header-icon.mod-pin:hover,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-back-icon:hover,
body.is-mobile .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon:last-child:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
body.is-mobile .workspace-drawer {
background-color: var(--background-secondary);
border-radius: var(--radius-m);
}
body.is-mobile .workspace-drawer:not(.is-pinned) {
margin: var(--size-4-2);
border: 1px solid var(--window-border);
}
body.is-mobile .workspace-drawer.is-pinned .workspace-drawer-header {
padding-top: var(--size-4-2);
}
body.is-mobile .workspace-drawer .side-dock-settings {
padding: var(--size-4-2) 0;
}
body.is-mobile .nav-buttons-container {
--icon-color: var(--text-muted);
gap: var(--size-4-4);
}
body.is-mobile .workspace-drawer-ribbon {
background-color: var(--background-secondary);
border-right: 1px solid var(--window-border);
}
body.is-mobile .workspace-drawer-header,
body.is-mobile .workspace-drawer-active-tab-header {
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
body.is-mobile .workspace-drawer-active-tab-header {
padding: var(--size-4-3) var(--size-4-5);
}
body.is-mobile .workspace-drawer-header-icon,
body.is-mobile .workspace-drawer-active-tab-back-icon,
body.is-mobile .workspace-drawer-active-tab-icon:last-child {
color: var(--text-muted);
}
body.is-mobile .mod-right .workspace-drawer-header-name {
margin-top: var(--size-4-2);
}
body.is-mobile .mod-right .workspace-drawer-header {
padding: var(--size-4-1) var(--size-4-5);
}
body.is-mobile .workspace-drawer-header-info {
margin-bottom: var(--size-4-2);
}
body.is-mobile .suggestion-container,
body.is-mobile .menu {
width: calc(100% - var(--safe-area-inset-left) - var(--size-4-2) - var(--safe-area-inset-right) - var(--size-4-2));
margin-right: calc(var(--safe-area-inset-right) + var(--size-4-2));
margin-bottom: calc(var(--safe-area-inset-bottom) + var(--size-4-2));
margin-left: calc(var(--safe-area-inset-left) + var(--size-4-2));
background-color: var(--background-secondary-blur);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
body.is-mobile .modal {
border: 1px solid var(--window-border);
}
body.is-mobile .modal.mod-settings .vertical-tab-nav-item {
border-bottom: var(--accent-border-width) solid transparent;
border-radius: var(--radius-m);
}
body.is-mobile .modal.mod-settings .vertical-tab-header-group-items {
border-radius: unset;
}
body.is-mobile .modal.mod-sidebar-layout .modal-title {
background-color: var(--background-secondary);
}
body.is-mobile .vertical-tab-header-group {
width: 100%;
}
body.is-mobile .vertical-tab-header-group-title {
padding-bottom: var(--size-4-2);
}
body.is-mobile .vertical-tab-header-group-title:first-of-type {
margin-top: -1px;
}
body.is-mobile .view-header-nav-buttons,
body.is-mobile .view-header .view-action {
--icon-color: var(--text-muted);
}
body.is-mobile.theme-dark .prompt {
background-color: var(--background-secondary-alt);
}
.mobile-toolbar {
padding: var(--size-4-1);
background-color: var(--background-secondary);
border-top: 1px solid var(--window-border);
}
.AT-multirow .mobile-toolbar {
padding: 0 var(--size-4-1);
}
.mobile-toolbar-options-container {
padding: unset;
}
.mobile-toolbar-option :hover {
color: var(--interactive-accent-tint);
}
.mobile-navbar {
background: var(--background-secondary-blur);
border-top: 1px solid var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.mobile-navbar-actions {
--icon-color: var(--text-muted);
}
.modal.mod-settings .vertical-tab-header {
flex: none;
width: 215px;
min-width: unset;
max-width: unset;
padding: 0;
}
.modal.mod-settings .vertical-tab-header::-webkit-scrollbar-thumb {
border-right: unset;
}
.modal.mod-settings .vertical-tab-header::before {
position: sticky;
top: 0;
z-index: var(--layer-cover);
display: block;
width: -webkit-fill-available;
width: fill-available;
height: 42px;
margin-bottom: -1px;
content: "";
background: var(--background-secondary-blur);
border-bottom: 1px solid var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.is-phone .modal.mod-settings .modal-title::after,
.modal.mod-settings .vertical-tab-header::after {
position: absolute;
top: var(--size-4-2);
left: var(--size-4-2);
z-index: var(--layer-sidedock);
display: inline-flex;
flex-direction: column;
align-content: center;
justify-content: center;
width: fit-content;
height: 24px;
padding: 0 8px;
font-size: 14px;
font-weight: 600;
color: var(--interactive-accent-text);
content: "Prism 3.2.1";
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
.theme-light.is-phone .modal.mod-settings .modal-title::after,
.theme-light .modal.mod-settings .vertical-tab-header::after {
background-color: var(--background-primary);
}
.theme-dark.is-phone .modal.mod-settings .modal-title::after,
.theme-dark .modal.mod-settings .vertical-tab-header::after {
background-color: var(--background-secondary-alt);
}
.is-phone .modal.mod-settings .modal-title::after {
top: 9px;
left: 50px;
}
.vertical-tab-content {
height: calc(100% - 43px);
}
.is-tablet.theme-dark .community-item,
.is-tablet.theme-dark .vertical-tab-content {
background-color: var(--background-secondary-alt);
}
.vertical-tab-content-container::before {
position: relative;
z-index: var(--layer-status-bar);
display: block;
width: -webkit-fill-available;
width: fill-available;
height: 42px;
content: "";
background: var(--background-secondary-blur);
border-bottom: 1px solid var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.vertical-tab-header-group {
padding: unset;
}
.vertical-tab-header-group-title {
font-size: var(--font-ui-medium);
color: var(--text-normal);
text-align: center;
background-color: var(--background-secondary);
border-top: 1px solid var(--window-border);
border-bottom: 1px solid var(--window-border);
}
.vertical-tab-header-group-items {
gap: var(--size-2-1);
padding: var(--size-4-2);
}
:is(.horizontal-tab-content, .vertical-tab-content) {
padding: var(--size-4-8);
}
.theme-light :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
background-color: var(--background-primary);
}
.theme-dark :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
background-color: var(--background-secondary-alt);
}
.installed-plugins-container {
padding-top: var(--size-4-2);
border-top: unset;
}
.plugin-list-plugins:last-child {
padding-top: var(--size-4-1);
}
.vertical-tab-nav-item {
padding: var(--size-2-1) var(--size-4-2);
margin-bottom: unset;
color: var(--text-muted);
border: var(--accent-border-width) solid transparent;
}
@media (hover: hover) {
.horizontal-tab-nav-item:hover,
.vertical-tab-nav-item:hover {
color: var(--icon-color-focused);
}
}
.modal.mod-image-lightbox {
width: var(--modal-width);
max-width: var(--modal-max-width);
height: var(--modal-height);
max-height: var(--modal-max-height);
}
.modal.mod-image-lightbox .modal-content {
display: flex;
align-content: center;
justify-content: center;
height: 100%;
padding: var(--size-4-2);
}
img.community-theme-lightbox {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.modal.mod-community-theme {
max-width: var(--modal-max-width);
max-height: var(--modal-max-height);
}
.community-modal-sidebar {
padding: unset;
}
.theme-light .community-modal-sidebar {
background-color: var(--background-primary);
}
.theme-dark .community-modal-sidebar {
background-color: var(--background-secondary-alt);
}
.community-modal-info {
padding: var(--size-4-8) var(--size-4-12);
}
.community-modal-info hr {
grid-area: seperator;
margin: 1em 0;
}
.community-modal-info-name {
margin-bottom: var(--size-4-2);
}
.community-modal-info-downloads {
margin-top: unset;
}
.community-modal-button-container {
display: flex;
flex-wrap: wrap;
gap: var(--size-4-2);
margin: var(--size-4-2) 0;
}
.community-modal-button-container button {
margin-right: unset;
}
.theme-light .community-modal-search-results-wrapper {
background-color: var(--background-primary);
}
.theme-dark .community-modal-search-results-wrapper {
background-color: var(--background-secondary-alt);
}
.community-item {
padding: var(--size-4-2);
}
.theme-dark .community-item {
background-color: var(--background-secondary-alt);
}
.community-item.is-selected, .community-item.is-selected:hover {
background-color: var(--background-modifier-hover);
}
.community-item-name {
display: inline-flex;
}
.community-item-screenshot {
image-rendering: unset;
}
.community-item .flair {
height: fit-content;
}
.community-modal-controls {
background-color: var(--background-secondary);
}
.community-modal-controls .setting-item:first-child {
padding-left: unset;
margin-bottom: unset;
}
.community-modal-controls input {
width: 100%;
padding-right: unset;
}
.modal-setting-nav-bar {
background-color: var(--background-secondary);
}
.setting-item {
padding: var(--size-4-2) 0;
border-top: unset;
}
.setting-item.setting-item-heading {
margin-bottom: var(--size-4-1);
border-bottom: 1px solid var(--window-border);
}
.setting-item-name {
font-weight: var(--font-medium);
}
.modal-close-button {
z-index: var(--layer-popover);
}
.modal-close-button:hover {
color: var(--highlight-text-normal);
}
body:not(.native-scrollbars, .is-phone) .modal-close-button {
top: var(--size-4-1);
right: var(--size-4-1);
}
.mod-warning {
color: var(--color-red-text);
}
.setting-hotkey {
font-family: var(--font-interface);
}
.checkbox-container {
height: 24px;
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
box-shadow: unset;
}
.checkbox-container:hover {
border-color: var(--interactive-accent-tint);
}
.checkbox-container::after {
border: 1px solid var(--window-border);
box-shadow: unset;
}
.checkbox-container.is-enabled {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
.checkbox-container.is-enabled::after {
border-color: var(--interactive-accent-tint);
transform: translate3d(calc(var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width) - 4px), 0, 0);
}
.checkbox-container.mod-small {
height: 20px;
}
.checkbox-container.mod-small::after {
margin: 1px 0 0;
transform: translate3d(1px, 0, 0);
}
.checkbox-container.mod-small.is-enabled::after {
transform: translate3d(calc(var(--toggle-s-width) - var(--toggle-s-thumb-width) - var(--toggle-s-border-width) - 1px), 0, 0);
}
input[type=range] {
width: 125px;
height: 0.7em;
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
border-radius: var(--size-2-1);
}
input[type=range]:hover {
border-color: var(--interactive-accent-tint);
}
input[type=range]::-webkit-slider-thumb {
height: 19px;
background-color: var(--toggle-thumb-color);
box-shadow: unset;
}
select.dropdown {
font-family: var(--font-interface);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
box-shadow: var(--shadow-s);
}
.theme-light select.dropdown {
background-color: white;
}
.theme-dark select.dropdown {
background-color: var(--background-primary);
}
select.dropdown:hover {
border-color: var(--interactive-accent-tint);
}
select.dropdown option[value*=accent]:not([value*=accent-style]):not([value*=accent-color]) {
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
}
select.dropdown option[value*=red] {
color: var(--color-red-text);
background-color: var(--color-red-base);
}
select.dropdown option[value*=orange] {
color: var(--color-orange-text);
background-color: var(--color-orange-base);
}
select.dropdown option[value*=yellow] {
color: var(--color-yellow-text);
background-color: var(--color-yellow-base);
}
select.dropdown option[value*=green] {
color: var(--color-green-text);
background-color: var(--color-green-base);
}
select.dropdown option[value*=mint] {
color: var(--color-mint-text);
background-color: var(--color-mint-base);
}
select.dropdown option[value*=cyan] {
color: var(--color-cyan-text);
background-color: var(--color-cyan-base);
}
select.dropdown option[value*=blue] {
color: var(--color-blue-text);
background-color: var(--color-blue-base);
}
select.dropdown option[value*=purple] {
color: var(--color-purple-text);
background-color: var(--color-purple-base);
}
select.dropdown option[value*=pink] {
color: var(--color-pink-text);
background-color: var(--color-pink-base);
}
select.dropdown option[value*=grey] {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar,
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar,
body:not(.native-scrollbars) ::-webkit-scrollbar {
width: var(--scroll-bar-size);
height: var(--scroll-bar-size);
background-color: var(--background-secondary);
border-radius: unset;
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:vertical,
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:vertical,
body:not(.native-scrollbars) ::-webkit-scrollbar:vertical {
border-left: 1px solid var(--window-border);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:horizontal,
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:horizontal,
body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal {
border-top: 1px solid var(--window-border);
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
border: 1px solid var(--window-border);
border-radius: unset;
}
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
border-radius: unset;
}
body:not(.native-scrollbars) ::-webkit-scrollbar-corner {
background-color: var(--window-border);
}
::-webkit-scrollbar-track {
margin-top: -1px;
margin-bottom: -1px;
box-shadow: unset;
}
.theme-light div.suggestion-container .suggestion::-webkit-scrollbar-track,
.theme-dark div.suggestion-container .suggestion::-webkit-scrollbar-track {
background-color: unset;
}
.progress-bar {
background-color: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.progress-bar-line {
background-color: var(--interactive-accent-base);
}
.progress-bar-subline {
background-color: var(--interactive-accent-base);
border: 2px solid var(--interactive-accent-tint);
border-radius: var(--radius-s);
}
body:not(.css-settings-manager) .workspace-split.mod-left-split::before {
display: block;
width: -webkit-fill-avaliable;
height: fit-content;
padding: 10px;
font-weight: 600;
text-align: center;
content: "Style Settings Plugin is required for Prism to function correctly!";
background-color: var(--color-red-base);
border: var(--accent-border-width) solid var(--color-red-tint);
border-radius: var(--radius-m);
}
:is(.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle) {
height: calc(var(--divider-vertical-height) - var(--header-height));
}
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
left: -1px;
}
.theme-light .workspace-tabs .workspace-leaf {
background-color: var(--background-primary);
}
.theme-dark .workspace-tabs .workspace-leaf {
background-color: var(--background-secondary-alt);
}
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header) {
width: 100%;
padding: 0 var(--size-4-2);
background: var(--background-secondary);
}
.workspace-tabs .view-header {
margin: unset;
border-bottom: 1px solid var(--window-border);
}
.view-header-title-container {
height: var(--header-height);
}
.view-header-title-container::after {
display: none;
}
.is-focused .workspace-leaf.mod-active .view-header-title,
.view-header-title {
color: var(--interactive-accent-text);
}
.is-focused .workspace-leaf.mod-active .view-header-title:hover,
.view-header-title:hover {
color: var(--text-accent-hover);
}
.view-header-title-parent .view-header-breadcrumb:hover {
color: var(--highlight-text-normal);
}
:is(.workspace-ribbon.mod-left, .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-split.mod-vertical.mod-root) .sidebar-toggle-button {
width: fit-content;
height: calc(var(--header-height) - 9px);
padding: 2px;
margin: 4px;
border: 2px solid transparent;
border-radius: var(--radius-m);
}
.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right {
padding-right: 2px;
}
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header[data-type=markdown]:has(.mod-pinned) .workspace-tab-header-inner-icon,
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header[data-type=empty]:has(.mod-pinned) .workspace-tab-header-inner-icon {
display: flex;
}
.pt-collapsed-pinned-tab .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner-title {
display: none;
}
.pt-collapsed-pinned-tab .workspace .mod-root .workspace-tab-header:has(.mod-pinned),
.pt-collapsed-pinned-tab .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner {
flex: unset;
width: fit-content;
min-width: unset;
}
:is(.mod-active .document-search-container, .document-search-container) {
height: var(--header-height);
padding: var(--size-4-1) 0;
margin: unset;
background: var(--background-secondary-blur);
border-bottom: 1px solid var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
:is(.mod-active .document-search-container, .document-search-container) .document-search-input.mod-no-match {
background-color: var(--color-red-base);
border: 2px solid var(--color-red-tint);
}
.popover {
box-shadow: var(--shadow-l);
}
.theme-light .popover {
background-color: var(--background-primary);
}
.theme-dark .popover {
background-color: var(--background-secondary-alt);
}
.popover.hover-popover {
border: 1px solid var(--window-border);
}
.menu {
background: var(--background-secondary);
border-color: var(--window-border);
box-shadow: var(--shadow-l);
}
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) {
color: var(--highlight-text-normal);
}
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) .menu-item-icon {
color: var(--highlight-text-normal);
}
div.notice-container div.notice {
font-weight: 600;
color: var(--text-normal);
background: var(--interactive-accent-base);
border: 2px solid var(--interactive-accent-tint);
border-radius: var(--radius-m);
box-shadow: var(--shadow-s);
}
.prompt-instructions {
padding-bottom: unset;
}
.tooltip {
display: flex;
font-weight: 600;
color: var(--text-normal);
background: var(--background-secondary-alt);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
.theme-light .tooltip {
background: var(--background-primary);
}
.theme-dark .tooltip {
background: var(--background-secondary-alt);
}
.tooltip .tooltip-arrow {
margin-top: -1px;
border-bottom-color: var(--window-border);
}
.tooltip.mod-top .tooltip-arrow {
margin-top: unset;
margin-top: 1px;
border-top-color: var(--window-border);
}
.tooltip.mod-right .tooltip-arrow {
margin-top: unset;
margin-left: -6px;
border-right-color: var(--window-border);
}
.tooltip.mod-left .tooltip-arrow {
margin-top: unset;
margin-left: -2px;
border-left-color: var(--window-border);
}
.tooltip.mod-error {
color: var(--highlight-text-normal);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
.drag-ghost {
background: var(--background-secondary);
border: 2px solid var(--window-border);
box-shadow: var(--shadow-l);
animation: pop-down 200ms forwards ease-in-out;
}
.modal button:not(.mod-cta):not(.mod-warning) {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
.workspace-tab-header.is-active,
.nav-action-button.is-active,
.vertical-tab-nav-item.is-active,
.nav-file-title.is-active,
.suggestion-hotkey,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
.workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin {
color: var(--highlight-text-normal);
border: var(--accent-border-width) solid;
box-shadow: unset;
}
.is-mobile.is-phone .modal.mod-settings .vertical-tab-nav-item:last-child {
border-bottom: var(--accent-border-width) solid;
}
.nav-action-button.is-active:hover {
color: var(--interactive-accent-hover);
}
:is(.search-result-file-match-destination-file, .search-result-file-match-replace-button) {
color: var(--text-normal);
border: var(--accent-border-width) solid;
border-radius: var(--radius-s);
}
button.mod-cta {
color: var(--highlight-text-normal);
}
:is(.pcr-button, button.mod-cta, button.mod-warning, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .setting-hotkey, .flair.mod-pop, .community-item .flair, button.copy-code-button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
border: var(--accent-border-width) solid;
border-radius: var(--radius-s);
}
.side-dock-ribbon-action.is-active[aria-label="Start/stop recording"] {
padding: var(--size-2-1) var(--size-2-2);
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) {
color: var(--highlight-text-normal);
border: var(--accent-border-width) solid;
border-radius: var(--radius-m);
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) svg.svg-icon {
color: var(--highlight-text-normal);
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) .clickable-icon:hover {
background-color: unset;
}
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover svg.svg-icon {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .canvas-help .setting-hotkey {
background-color: var(--background-primary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--background-secondary);
border-color: var(--background-secondary);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--background-secondary);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-replace-button {
background-color: var(--background-secondary);
border-color: var(--background-secondary);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .search-result-file-match-replace-button:hover {
color: var(--interactive-accent-text);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.mod-cta {
background-color: var(--background-primary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.mod-cta:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--color-red-text);
background-color: var(--background-primary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
color: var(--color-grey-text);
background-color: var(--background-primary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--color-blue-text);
background-color: var(--background-primary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
color: var(--text-normal);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
color: var(--color-red-text);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--color-green-text);
background-color: var(--background-secondary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button {
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) button.copy-code-button:hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) {
background-color: var(--background-primary);
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-plain-dt, .theme-light.pt-accent-style-plain-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-plain-dt.is-mobile, .theme-light.pt-accent-style-plain-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-plain-dt.is-mobile, .theme-light.pt-accent-style-plain-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
border-color: var(--window-border);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .canvas-help .setting-hotkey {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--background-secondary);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--background-secondary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button {
background-color: var(--background-primary);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button:hover {
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta:hover {
color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--text-normal);
background-color: var(--background-primary);
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
color: var(--text-normal);
background-color: var(--background-primary);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--text-normal);
background-color: var(--background-primary);
border-color: var(--color-blue-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--text-normal);
background-color: var(--background-secondary);
border-color: var(--color-green-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button {
color: var(--text-normal);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button:hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) .clickable-icon:hover {
background-color: unset;
}
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-border-dt.is-mobile, .theme-light.pt-accent-style-border-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-border-dt.is-mobile, .theme-light.pt-accent-style-border-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .canvas-help .setting-hotkey {
background-color: var(--interactive-accent-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--interactive-accent-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button {
background-color: var(--color-grey-base);
border-color: var(--color-grey-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button:hover {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta {
background-color: var(--interactive-accent-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta:hover {
color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--text-normal);
background-color: var(--color-red-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--text-normal);
background-color: var(--color-blue-base);
border-color: var(--color-blue-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
background-color: var(--color-grey-base);
border-color: var(--color-grey-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
background-color: var(--color-red-base);
border-color: var(--color-red-base);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--highlight-text-normal);
background-color: var(--color-green-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button:hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) {
background-color: var(--interactive-accent-base);
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-filled-dt.is-mobile, .theme-light.pt-accent-style-filled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-filled-dt.is-mobile, .theme-light.pt-accent-style-filled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
background-color: var(--interactive-accent-base);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-tab-header.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-action-button.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .vertical-tab-nav-item.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-file-title.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .suggestion-hotkey,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-drawer.is-pinned .workspace-drawer-header-icon.mod-pin,
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .canvas-help .setting-hotkey {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file:hover {
color: var(--interactive-accent-hover);
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button {
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button:hover {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta:hover {
color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
color: var(--text-normal);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey {
color: var(--text-normal);
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.flair.mod-pop, .community-item .flair) {
color: var(--text-normal);
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button {
color: var(--text-normal);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button:hover {
color: var(--color-grey-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active) {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left, .popover-action.is-active, .mod-pin-popover.is-active):hover {
color: var(--interactive-accent-hover);
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt.is-mobile, .theme-light.pt-accent-style-borderandfilled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
border-color: transparent;
}
:is(.theme-dark.pt-accent-style-borderandfilled-dt.is-mobile, .theme-light.pt-accent-style-borderandfilled-lt.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
background-color: var(--interactive-accent-base);
border-color: var(--interactive-accent-tint);
}
.theme-light .workspace-split.mod-root .view-content {
background-color: var(--background-primary);
}
.theme-dark .workspace-split.mod-root .view-content {
background-color: var(--background-secondary-alt);
}
p {
margin-block-start: 0.5em;
margin-block-end: 0.5em;
}
.cm-s-obsidian span.cm-formatting-highlight.cm-em:not(.cm-strong),
.cm-s-obsidian span.cm-highlight.cm-em:not(.cm-strong),
.cm-s-obsidian span.cm-quote.cm-em:not(.cm-strong) {
color: var(--italic-color);
}
.cm-s-obsidian span.cm-formatting-highlight.cm-strong:not(.cm-em),
.cm-s-obsidian span.cm-highlight.cm-strong:not(.cm-em),
.cm-s-obsidian span.cm-quote.cm-strong:not(.cm-em) {
color: var(--bold-color);
}
.theme-light :is(em strong, strong em, .cm-em.cm-strong) {
color: var(--text-italic-bold-color-lt);
}
.theme-dark :is(em strong, strong em, .cm-em.cm-strong) {
color: var(--text-italic-bold-color-dt);
}
.cm-strikethrough,
.cm-s-obsidian span.cm-formatting-highlight.cm-strikethrough,
.cm-s-obsidian span.cm-highlight.cm-strikethrough,
del {
color: var(--text-muted);
}
:is(.cm-inline-code:not(.cm-formatting-code), .cm-math) {
padding: 0 var(--size-4-1);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
.cm-s-obsidian .cm-formatting-code.cm-inline-code {
font-family: var(--font-text);
font-size: var(--font-text-size);
}
.cm-s-obsidian span.cm-formatting-highlight.cm-inline-code,
.cm-s-obsidian span.cm-highlight.cm-inline-code {
color: var(--code-normal);
}
:is(.HyperMD-codeblock.HyperMD-codeblock-begin, .cm-s-obsidian div.HyperMD-codeblock-begin-bg) {
border-top: 1px solid var(--window-border);
}
.cm-s-obsidian div.HyperMD-codeblock {
border-right: 1px solid var(--window-border);
border-left: 1px solid var(--window-border);
}
:is(.HyperMD-codeblock.HyperMD-codeblock-end, .cm-s-obsidian div.HyperMD-codeblock-end-bg) {
border-bottom: 1px solid var(--window-border);
}
.cm-s-obsidian .cm-hashtag {
font-weight: 600;
vertical-align: middle;
}
.cm-line .cm-hashtag-begin {
background-color: var(--background-secondary);
border: 2px solid var(--window-border);
border-right: unset;
border-top-left-radius: var(--radius-s);
border-bottom-left-radius: var(--radius-s);
}
.cm-line .cm-hashtag-end {
background-color: var(--background-secondary);
border: 2px solid var(--window-border);
border-left: unset;
border-top-right-radius: var(--radius-s);
border-bottom-right-radius: var(--radius-s);
}
.cm-line .cm-hashtag.cm-meta:not(.cm-hashtag-begin, .cm-hashtag-end) {
background-color: var(--background-secondary);
border: 2px solid var(--window-border);
border-right: unset;
border-left: unset;
}
.cm-s-obsidian span.cm-hmd-escape-backslash {
color: var(--color-red-text);
}
:is(code[class*=language-], pre[class*=language-]) {
line-height: var(--line-height-tight);
}
.markdown-preview-view th,
.table-view-table > thead > tr > th,
.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
padding: var(--size-2-2) var(--size-4-2);
}
.markdown-rendered thead tr:first-child > th {
font-weight: var(--font-semibold);
}
.cm-s-obsidian span.cm-formatting-task {
font-family: var(--font-text);
}
input[type=checkbox] {
border-width: 2px;
}
input[type=checkbox]:checked {
border-color: var(--interactive-accent-tint);
}
input[type=checkbox]:checked::after {
top: -2px;
left: -2px;
}
a.tag {
font-weight: 600;
background-color: var(--background-secondary);
border-color: var(--window-border);
border-radius: var(--radius-s);
}
a.tag:hover {
color: var(--interactive-accent-text);
background-color: var(--background-primary);
border-color: var(--interactive-accent-tint);
transition: all ease 200ms;
}
:is(.markdown-preview-view, .markdown-rendered) :is(code, kbd) {
padding: 0 var(--size-4-1);
font-family: var(--font-monospace);
font-size: var(--code-size);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
.code-block-flair {
font-weight: 600;
border: 1px solid var(--window-border);
}
.theme-light .code-block-flair {
background-color: var(--background-primary-alt);
}
.theme-dark .code-block-flair {
background-color: var(--background-secondary);
}
:is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
padding: var(--size-4-2) var(--size-4-4);
}
.theme-light :is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
background-color: var(--background-primary-alt);
}
.theme-dark :is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
background-color: var(--background-secondary);
}
.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote {
padding-left: var(--size-4-6) !important;
}
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-link {
color: var(--link-external-color);
}
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link {
color: var(--link-color);
}
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link:hover {
color: var(--link-color-hover);
}
.markdown-source-view.mod-cm6 {
--list-bullet-transform: translateX(0.15em);
}
.markdown-source-view.mod-cm6 .cm-embed-block pre {
margin: 1em 0;
}
.markdown-source-view.mod-cm6 .cm-indent::before {
width: 2px;
}
.markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator {
padding-right: 0.7em;
}
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
padding-right: 0.25rem;
}
.list-bullet {
padding-right: 0.6em;
}
ul > li.task-list-item .task-list-item-checkbox {
margin-inline-start: calc(var(--checkbox-size) * -1.2);
}
.markdown-rendered {
--list-bullet-transform: translateX(0.3em);
}
.markdown-rendered .list-collapse-indicator {
padding-right: 1em;
margin-left: -2.35em;
}
.markdown-rendered ul > li.task-list-item > .list-collapse-indicator {
padding-right: 1em;
margin-left: -2.4em;
}
.markdown-rendered.show-indentation-guide li > ol::before,
.markdown-rendered.show-indentation-guide li > ul::before {
left: -0.75em;
}
.theme-light .markdown-rendered mark .internal-link {
color: hsl(var(--link-internal-color-lt));
}
.theme-dark .markdown-rendered mark .internal-link {
color: hsl(var(--link-internal-color-dt));
}
.markdown-rendered mark .internal-link:hover {
color: var(--link-color-hover);
}
.markdown-rendered pre {
border: 1px solid var(--window-border);
}
.markdown-rendered button.copy-code-button {
padding: var(--size-2-1) var(--size-4-1);
margin: var(--size-4-1);
}
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
margin: 0;
}
.cm-s-obsidian .cm-hmd-frontmatter {
color: var(--color-blue);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-atom, .cm-s-obsidian .cm-hmd-frontmatter.cm-meta {
color: var(--text-faint);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-keyword {
color: var(--color-red);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-number {
color: var(--color-green);
}
.cm-s-obsidian .cm-hmd-frontmatter.cm-def {
color: var(--text-faint);
}
.markdown-preview-view .markdown-embed,
.markdown-preview-view .file-embed,
.internal-embed.is-loaded:not(.image-embed) {
display: flex;
flex-direction: column;
max-height: 800px;
overflow: auto;
}
.embed-title {
position: sticky;
top: 0;
z-index: var(--layer-cover);
width: 100%;
padding: var(--size-4-2) var(--size-4-4);
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.file-embed.mod-empty {
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
:is(.markdown-embed-link, .file-embed-link) {
top: var(--size-4-2);
right: var(--size-4-2);
z-index: var(--layer-cover);
}
body:not(.pt-disable-callout-styling) {
--callout-padding: 4px;
--callout-radius: var(--radius-m);
--callout-background-alpha: 20%;
}
body:not(.pt-disable-callout-styling) .callout {
background-color: unset;
}
body:not(.pt-disable-callout-styling) .callout .callout-title {
position: relative;
z-index: 5;
gap: unset;
align-items: center;
min-height: 36px;
border: 2px solid;
border-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout .callout-title:empty + .callout-content {
padding: var(--size-4-1) var(--size-4-3);
border-top-style: solid;
border-top-width: 1px;
border-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout .callout-title-inner {
padding: var(--size-4-1) 0;
margin: 0 var(--size-4-1);
}
body:not(.pt-disable-callout-styling) .callout .callout-icon {
align-self: unset;
margin: 0 var(--size-4-1) 0 var(--size-4-2);
border-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout .callout-fold {
display: flex;
align-self: center;
margin-top: unset;
margin-left: auto;
}
body:not(.pt-disable-callout-styling) .callout .callout-content {
padding: var(--size-4-5) var(--size-4-3) var(--size-4-1) var(--size-4-3);
margin-top: -16px;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-bottom-right-radius: var(--radius-m);
border-bottom-left-radius: var(--radius-m);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=note] > .callout-title {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=note] > .callout-title .callout-icon .svg-icon {
color: var(--color-grey-text);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=note] > .callout-content {
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
border-color: var(--color-grey-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-title {
color: var(--color-cyan-text);
background-color: var(--color-cyan-base);
border-color: var(--color-cyan-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-title .callout-icon .svg-icon {
color: var(--color-cyan-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=abstract], [data-callout=summary], [data-callout=tldr]) > .callout-content {
background-color: hsla(var(--color-cyan-base-hsl), var(--callout-background-alpha));
border-color: var(--color-cyan-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=info], [data-callout=todo]) > .callout-title {
color: var(--color-blue-text);
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=info], [data-callout=todo]) > .callout-title .callout-icon .svg-icon {
color: var(--color-blue-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=info], [data-callout=todo]) > .callout-content {
background-color: hsla(var(--color-blue-base-hsl), var(--callout-background-alpha));
border-color: var(--color-blue-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-title {
color: var(--color-mint-text);
background-color: var(--color-mint-base);
border-color: var(--color-mint-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-title .callout-icon .svg-icon {
color: var(--color-mint-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=tip], [data-callout=hint], [data-callout=important]) > .callout-content {
background-color: hsla(var(--color-mint-base-hsl), var(--callout-background-alpha));
border-color: var(--color-mint-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-title {
color: var(--color-green-text);
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-title .callout-icon .svg-icon {
color: var(--color-green-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=success], [data-callout=check], [data-callout=done]) > .callout-content {
background-color: hsla(var(--color-green-base-hsl), var(--callout-background-alpha));
border-color: var(--color-green-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-title {
color: var(--color-yellow-text);
background-color: var(--color-yellow-base);
border-color: var(--color-yellow-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-title .callout-icon .svg-icon {
color: var(--color-yellow-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=question], [data-callout=help], [data-callout=faq]) > .callout-content {
background-color: hsla(var(--color-yellow-base-hsl), var(--callout-background-alpha));
border-color: var(--color-yellow-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-title {
color: var(--color-orange-text);
background-color: var(--color-orange-base);
border-color: var(--color-orange-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-title .callout-icon .svg-icon {
color: var(--color-orange-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=warning], [data-callout=caution], [data-callout=attention]) > .callout-content {
background-color: hsla(var(--color-orange-base-hsl), var(--callout-background-alpha));
border-color: var(--color-orange-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-title {
color: var(--color-red-text);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-title .callout-icon .svg-icon {
color: var(--color-red-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=failure], [data-callout=fail], [data-callout=missing]) > .callout-content {
background-color: hsla(var(--color-red-base-hsl), var(--callout-background-alpha));
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=danger], [data-callout=error]) > .callout-title {
color: var(--color-red-text);
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=danger], [data-callout=error]) > .callout-title .callout-icon .svg-icon {
color: var(--color-red-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=danger], [data-callout=error]) > .callout-content {
background-color: hsla(var(--color-red-base-hsl), var(--callout-background-alpha));
border-color: var(--color-red-tint);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=bug] > .callout-title {
color: var(--color-pink-text);
background-color: var(--color-pink-base);
border-color: var(--color-pink-tint);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=bug] > .callout-title .callout-icon .svg-icon {
color: var(--color-pink-text);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=bug] > .callout-content {
background-color: hsla(var(--color-pink-base-hsl), var(--callout-background-alpha));
border-color: var(--color-pink-tint);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=example] > .callout-title {
color: var(--color-purple-text);
background-color: var(--color-purple-base);
border-color: var(--color-purple-tint);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=example] > .callout-title .callout-icon .svg-icon {
color: var(--color-purple-text);
}
body:not(.pt-disable-callout-styling) .callout[data-callout=example] > .callout-content {
background-color: hsla(var(--color-purple-base-hsl), var(--callout-background-alpha));
border-color: var(--color-purple-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=quote], [data-callout=cite]) > .callout-title {
color: var(--color-grey-text);
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=quote], [data-callout=cite]) > .callout-title .callout-icon .svg-icon {
color: var(--color-grey-text);
}
body:not(.pt-disable-callout-styling) .callout:is([data-callout=quote], [data-callout=cite]) > .callout-content {
background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha));
border-color: var(--color-grey-tint);
}
.markdown-preview-view progress,
.markdown-rendered progress,
.markdown-source-view.is-live-preview progress {
height: 15px;
vertical-align: middle;
}
.markdown-preview-view progress::before,
.markdown-rendered progress::before,
.markdown-source-view.is-live-preview progress::before {
position: absolute;
width: inherit;
height: inherit;
font-family: var(--font-editor);
font-family: var(--font-text);
font-size: 10px;
font-weight: 700;
text-align: center;
content: attr(value) " %";
}
.theme-light .markdown-preview-view progress::before,
.theme-light .markdown-rendered progress::before,
.theme-light .markdown-source-view.is-live-preview progress::before {
text-shadow: -1px -1px 0 hsla(0, 0%, 100%, 0.5), 1px -1px 0 hsla(0, 0%, 100%, 0.5), -1px 1px 0 hsla(0, 0%, 100%, 0.5), 1px 1px 0 hsla(0, 0%, 100%, 0.5);
}
.theme-dark .markdown-preview-view progress::before,
.theme-dark .markdown-rendered progress::before,
.theme-dark .markdown-source-view.is-live-preview progress::before {
text-shadow: -1px -1px 0 hsla(0, 0%, 0%, 0.5), 1px -1px 0 hsla(0, 0%, 0%, 0.5), -1px 1px 0 hsla(0, 0%, 0%, 0.5), 1px 1px 0 hsla(0, 0%, 0%, 0.5);
}
.markdown-preview-view progress::-webkit-progress-bar,
.markdown-rendered progress::-webkit-progress-bar,
.markdown-source-view.is-live-preview progress::-webkit-progress-bar {
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
.theme-light .markdown-preview-view progress::-webkit-progress-bar,
.theme-light .markdown-rendered progress::-webkit-progress-bar,
.theme-light .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
background-color: var(--background-secondary);
}
.theme-dark .markdown-preview-view progress::-webkit-progress-bar,
.theme-dark .markdown-rendered progress::-webkit-progress-bar,
.theme-dark .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
background-color: var(--background-secondary-alt);
}
.markdown-preview-view progress::-webkit-progress-value,
.markdown-rendered progress::-webkit-progress-value,
.markdown-source-view.is-live-preview progress::-webkit-progress-value {
border: 1px solid;
border-color: transparent;
border-radius: var(--radius-s);
}
.markdown-preview-view progress[value="0"]::-webkit-progress-value,
.markdown-rendered progress[value="0"]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value="0"]::-webkit-progress-value {
border: unset;
}
:is(.markdown-preview-view progress[value="0"], .markdown-preview-view progress[value="1"], .markdown-preview-view progress[value="2"], .markdown-preview-view progress[value="3"], .markdown-preview-view progress[value="4"], .markdown-preview-view progress[value="5"], .markdown-preview-view progress[value="6"], .markdown-preview-view progress[value="7"], .markdown-preview-view progress[value="8"], .markdown-preview-view progress[value="9"], .markdown-preview-view progress[value="10"], .markdown-preview-view progress[value="11"], .markdown-preview-view progress[value="12"], .markdown-preview-view progress[value="13"], .markdown-preview-view progress[value="14"], .markdown-preview-view progress[value="15"], .markdown-preview-view progress[value="16"], .markdown-preview-view progress[value="17"], .markdown-preview-view progress[value="18"], .markdown-preview-view progress[value="19"], .markdown-preview-view progress[value="20"], .markdown-preview-view progress[value="21"], .markdown-preview-view progress[value="22"], .markdown-preview-view progress[value="23"], .markdown-preview-view progress[value="24"],
.markdown-rendered progress[value="0"],
.markdown-rendered progress[value="1"],
.markdown-rendered progress[value="2"],
.markdown-rendered progress[value="3"],
.markdown-rendered progress[value="4"],
.markdown-rendered progress[value="5"],
.markdown-rendered progress[value="6"],
.markdown-rendered progress[value="7"],
.markdown-rendered progress[value="8"],
.markdown-rendered progress[value="9"],
.markdown-rendered progress[value="10"],
.markdown-rendered progress[value="11"],
.markdown-rendered progress[value="12"],
.markdown-rendered progress[value="13"],
.markdown-rendered progress[value="14"],
.markdown-rendered progress[value="15"],
.markdown-rendered progress[value="16"],
.markdown-rendered progress[value="17"],
.markdown-rendered progress[value="18"],
.markdown-rendered progress[value="19"],
.markdown-rendered progress[value="20"],
.markdown-rendered progress[value="21"],
.markdown-rendered progress[value="22"],
.markdown-rendered progress[value="23"],
.markdown-rendered progress[value="24"],
.markdown-source-view.is-live-preview progress[value="0"],
.markdown-source-view.is-live-preview progress[value="1"],
.markdown-source-view.is-live-preview progress[value="2"],
.markdown-source-view.is-live-preview progress[value="3"],
.markdown-source-view.is-live-preview progress[value="4"],
.markdown-source-view.is-live-preview progress[value="5"],
.markdown-source-view.is-live-preview progress[value="6"],
.markdown-source-view.is-live-preview progress[value="7"],
.markdown-source-view.is-live-preview progress[value="8"],
.markdown-source-view.is-live-preview progress[value="9"],
.markdown-source-view.is-live-preview progress[value="10"],
.markdown-source-view.is-live-preview progress[value="11"],
.markdown-source-view.is-live-preview progress[value="12"],
.markdown-source-view.is-live-preview progress[value="13"],
.markdown-source-view.is-live-preview progress[value="14"],
.markdown-source-view.is-live-preview progress[value="15"],
.markdown-source-view.is-live-preview progress[value="16"],
.markdown-source-view.is-live-preview progress[value="17"],
.markdown-source-view.is-live-preview progress[value="18"],
.markdown-source-view.is-live-preview progress[value="19"],
.markdown-source-view.is-live-preview progress[value="20"],
.markdown-source-view.is-live-preview progress[value="21"],
.markdown-source-view.is-live-preview progress[value="22"],
.markdown-source-view.is-live-preview progress[value="23"],
.markdown-source-view.is-live-preview progress[value="24"])::-webkit-progress-value {
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
:is(.markdown-preview-view progress[value="25"], .markdown-preview-view progress[value="26"], .markdown-preview-view progress[value="27"], .markdown-preview-view progress[value="28"], .markdown-preview-view progress[value="29"], .markdown-preview-view progress[value="30"], .markdown-preview-view progress[value="31"], .markdown-preview-view progress[value="32"], .markdown-preview-view progress[value="33"], .markdown-preview-view progress[value="34"], .markdown-preview-view progress[value="35"], .markdown-preview-view progress[value="36"], .markdown-preview-view progress[value="37"], .markdown-preview-view progress[value="38"], .markdown-preview-view progress[value="39"], .markdown-preview-view progress[value="40"], .markdown-preview-view progress[value="41"], .markdown-preview-view progress[value="42"], .markdown-preview-view progress[value="43"], .markdown-preview-view progress[value="44"], .markdown-preview-view progress[value="45"], .markdown-preview-view progress[value="46"], .markdown-preview-view progress[value="47"], .markdown-preview-view progress[value="48"], .markdown-preview-view progress[value="49"],
.markdown-rendered progress[value="25"],
.markdown-rendered progress[value="26"],
.markdown-rendered progress[value="27"],
.markdown-rendered progress[value="28"],
.markdown-rendered progress[value="29"],
.markdown-rendered progress[value="30"],
.markdown-rendered progress[value="31"],
.markdown-rendered progress[value="32"],
.markdown-rendered progress[value="33"],
.markdown-rendered progress[value="34"],
.markdown-rendered progress[value="35"],
.markdown-rendered progress[value="36"],
.markdown-rendered progress[value="37"],
.markdown-rendered progress[value="38"],
.markdown-rendered progress[value="39"],
.markdown-rendered progress[value="40"],
.markdown-rendered progress[value="41"],
.markdown-rendered progress[value="42"],
.markdown-rendered progress[value="43"],
.markdown-rendered progress[value="44"],
.markdown-rendered progress[value="45"],
.markdown-rendered progress[value="46"],
.markdown-rendered progress[value="47"],
.markdown-rendered progress[value="48"],
.markdown-rendered progress[value="49"],
.markdown-source-view.is-live-preview progress[value="25"],
.markdown-source-view.is-live-preview progress[value="26"],
.markdown-source-view.is-live-preview progress[value="27"],
.markdown-source-view.is-live-preview progress[value="28"],
.markdown-source-view.is-live-preview progress[value="29"],
.markdown-source-view.is-live-preview progress[value="30"],
.markdown-source-view.is-live-preview progress[value="31"],
.markdown-source-view.is-live-preview progress[value="32"],
.markdown-source-view.is-live-preview progress[value="33"],
.markdown-source-view.is-live-preview progress[value="34"],
.markdown-source-view.is-live-preview progress[value="35"],
.markdown-source-view.is-live-preview progress[value="36"],
.markdown-source-view.is-live-preview progress[value="37"],
.markdown-source-view.is-live-preview progress[value="38"],
.markdown-source-view.is-live-preview progress[value="39"],
.markdown-source-view.is-live-preview progress[value="40"],
.markdown-source-view.is-live-preview progress[value="41"],
.markdown-source-view.is-live-preview progress[value="42"],
.markdown-source-view.is-live-preview progress[value="43"],
.markdown-source-view.is-live-preview progress[value="44"],
.markdown-source-view.is-live-preview progress[value="45"],
.markdown-source-view.is-live-preview progress[value="46"],
.markdown-source-view.is-live-preview progress[value="47"],
.markdown-source-view.is-live-preview progress[value="48"],
.markdown-source-view.is-live-preview progress[value="49"])::-webkit-progress-value {
background-color: var(--color-orange-base);
border-color: var(--color-orange-tint);
}
:is(.markdown-preview-view progress[value="50"], .markdown-preview-view progress[value="51"], .markdown-preview-view progress[value="52"], .markdown-preview-view progress[value="53"], .markdown-preview-view progress[value="54"], .markdown-preview-view progress[value="55"], .markdown-preview-view progress[value="56"], .markdown-preview-view progress[value="57"], .markdown-preview-view progress[value="58"], .markdown-preview-view progress[value="59"], .markdown-preview-view progress[value="60"], .markdown-preview-view progress[value="61"], .markdown-preview-view progress[value="62"], .markdown-preview-view progress[value="63"], .markdown-preview-view progress[value="64"], .markdown-preview-view progress[value="65"], .markdown-preview-view progress[value="66"], .markdown-preview-view progress[value="67"], .markdown-preview-view progress[value="68"], .markdown-preview-view progress[value="69"], .markdown-preview-view progress[value="70"], .markdown-preview-view progress[value="71"], .markdown-preview-view progress[value="72"], .markdown-preview-view progress[value="73"], .markdown-preview-view progress[value="74"],
.markdown-rendered progress[value="50"],
.markdown-rendered progress[value="51"],
.markdown-rendered progress[value="52"],
.markdown-rendered progress[value="53"],
.markdown-rendered progress[value="54"],
.markdown-rendered progress[value="55"],
.markdown-rendered progress[value="56"],
.markdown-rendered progress[value="57"],
.markdown-rendered progress[value="58"],
.markdown-rendered progress[value="59"],
.markdown-rendered progress[value="60"],
.markdown-rendered progress[value="61"],
.markdown-rendered progress[value="62"],
.markdown-rendered progress[value="63"],
.markdown-rendered progress[value="64"],
.markdown-rendered progress[value="65"],
.markdown-rendered progress[value="66"],
.markdown-rendered progress[value="67"],
.markdown-rendered progress[value="68"],
.markdown-rendered progress[value="69"],
.markdown-rendered progress[value="70"],
.markdown-rendered progress[value="71"],
.markdown-rendered progress[value="72"],
.markdown-rendered progress[value="73"],
.markdown-rendered progress[value="74"],
.markdown-source-view.is-live-preview progress[value="50"],
.markdown-source-view.is-live-preview progress[value="51"],
.markdown-source-view.is-live-preview progress[value="52"],
.markdown-source-view.is-live-preview progress[value="53"],
.markdown-source-view.is-live-preview progress[value="54"],
.markdown-source-view.is-live-preview progress[value="55"],
.markdown-source-view.is-live-preview progress[value="56"],
.markdown-source-view.is-live-preview progress[value="57"],
.markdown-source-view.is-live-preview progress[value="58"],
.markdown-source-view.is-live-preview progress[value="59"],
.markdown-source-view.is-live-preview progress[value="60"],
.markdown-source-view.is-live-preview progress[value="61"],
.markdown-source-view.is-live-preview progress[value="62"],
.markdown-source-view.is-live-preview progress[value="63"],
.markdown-source-view.is-live-preview progress[value="64"],
.markdown-source-view.is-live-preview progress[value="65"],
.markdown-source-view.is-live-preview progress[value="66"],
.markdown-source-view.is-live-preview progress[value="67"],
.markdown-source-view.is-live-preview progress[value="68"],
.markdown-source-view.is-live-preview progress[value="69"],
.markdown-source-view.is-live-preview progress[value="70"],
.markdown-source-view.is-live-preview progress[value="71"],
.markdown-source-view.is-live-preview progress[value="72"],
.markdown-source-view.is-live-preview progress[value="73"],
.markdown-source-view.is-live-preview progress[value="74"])::-webkit-progress-value {
background-color: var(--color-yellow-base);
border-color: var(--color-yellow-tint);
}
:is(.markdown-preview-view progress[value="75"], .markdown-preview-view progress[value="76"], .markdown-preview-view progress[value="77"], .markdown-preview-view progress[value="78"], .markdown-preview-view progress[value="79"], .markdown-preview-view progress[value="80"], .markdown-preview-view progress[value="81"], .markdown-preview-view progress[value="82"], .markdown-preview-view progress[value="83"], .markdown-preview-view progress[value="84"], .markdown-preview-view progress[value="85"], .markdown-preview-view progress[value="86"], .markdown-preview-view progress[value="87"], .markdown-preview-view progress[value="88"], .markdown-preview-view progress[value="89"], .markdown-preview-view progress[value="90"], .markdown-preview-view progress[value="91"], .markdown-preview-view progress[value="92"], .markdown-preview-view progress[value="93"], .markdown-preview-view progress[value="94"], .markdown-preview-view progress[value="95"], .markdown-preview-view progress[value="96"], .markdown-preview-view progress[value="97"], .markdown-preview-view progress[value="98"], .markdown-preview-view progress[value="99"],
.markdown-rendered progress[value="75"],
.markdown-rendered progress[value="76"],
.markdown-rendered progress[value="77"],
.markdown-rendered progress[value="78"],
.markdown-rendered progress[value="79"],
.markdown-rendered progress[value="80"],
.markdown-rendered progress[value="81"],
.markdown-rendered progress[value="82"],
.markdown-rendered progress[value="83"],
.markdown-rendered progress[value="84"],
.markdown-rendered progress[value="85"],
.markdown-rendered progress[value="86"],
.markdown-rendered progress[value="87"],
.markdown-rendered progress[value="88"],
.markdown-rendered progress[value="89"],
.markdown-rendered progress[value="90"],
.markdown-rendered progress[value="91"],
.markdown-rendered progress[value="92"],
.markdown-rendered progress[value="93"],
.markdown-rendered progress[value="94"],
.markdown-rendered progress[value="95"],
.markdown-rendered progress[value="96"],
.markdown-rendered progress[value="97"],
.markdown-rendered progress[value="98"],
.markdown-rendered progress[value="99"],
.markdown-source-view.is-live-preview progress[value="75"],
.markdown-source-view.is-live-preview progress[value="76"],
.markdown-source-view.is-live-preview progress[value="77"],
.markdown-source-view.is-live-preview progress[value="78"],
.markdown-source-view.is-live-preview progress[value="79"],
.markdown-source-view.is-live-preview progress[value="80"],
.markdown-source-view.is-live-preview progress[value="81"],
.markdown-source-view.is-live-preview progress[value="82"],
.markdown-source-view.is-live-preview progress[value="83"],
.markdown-source-view.is-live-preview progress[value="84"],
.markdown-source-view.is-live-preview progress[value="85"],
.markdown-source-view.is-live-preview progress[value="86"],
.markdown-source-view.is-live-preview progress[value="87"],
.markdown-source-view.is-live-preview progress[value="88"],
.markdown-source-view.is-live-preview progress[value="89"],
.markdown-source-view.is-live-preview progress[value="90"],
.markdown-source-view.is-live-preview progress[value="91"],
.markdown-source-view.is-live-preview progress[value="92"],
.markdown-source-view.is-live-preview progress[value="93"],
.markdown-source-view.is-live-preview progress[value="94"],
.markdown-source-view.is-live-preview progress[value="95"],
.markdown-source-view.is-live-preview progress[value="96"],
.markdown-source-view.is-live-preview progress[value="97"],
.markdown-source-view.is-live-preview progress[value="98"],
.markdown-source-view.is-live-preview progress[value="99"])::-webkit-progress-value {
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
.markdown-preview-view progress[value="100"]::-webkit-progress-value,
.markdown-rendered progress[value="100"]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value="100"]::-webkit-progress-value {
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
.cm-vimCursorLayer .cm-fat-cursor {
outline: solid 1px var(--color-red-text);
}
div.cm-focused .cm-vimCursorLayer .cm-fat-cursor {
color: var(--highlight-text-normal);
outline: solid 1px var(--interactive-accent-tint);
}
.ͼo:not(.cm-focused) .cm-fat-cursor {
outline: solid 1px var(--color-red-tint);
}
.theme-light.pt-color-scheme-swan-lt audio {
filter: brightness(100%) contrast(115%);
}
.theme-light.pt-color-scheme-latte-lt audio {
filter: invert(-94%) sepia(4%) saturate(828%) hue-rotate(320deg) brightness(107%) contrast(93%);
}
.theme-light.pt-color-scheme-periwinkle-lt audio {
filter: invert(-98%) sepia(1%) saturate(3004%) hue-rotate(187deg) brightness(96%) contrast(101%);
}
.theme-light.pt-color-scheme-pistachio-lt audio {
filter: invert(-96%) sepia(4%) saturate(313%) hue-rotate(80deg) brightness(103%) contrast(94%);
}
.theme-dark.pt-color-scheme-mocha-dt audio {
filter: sepia(10%) saturate(115%);
}
.theme-dark.pt-color-scheme-indigo-dt audio {
filter: invert(-10%) sepia(10%) saturate(2635%) hue-rotate(205deg) brightness(94%) contrast(97%);
}
.theme-dark.pt-color-scheme-pine-dt audio {
filter: invert(-11%) sepia(15%) saturate(1727%) hue-rotate(82deg) brightness(91%) contrast(91%);
}
.modal-container .prompt {
border: 1px solid var(--window-border);
}
.modal-container .prompt .prompt-results {
padding: var(--size-4-2);
}
.theme-light .modal-container .prompt .prompt-results {
background-color: var(--background-primary);
}
.theme-dark .modal-container .prompt .prompt-results {
background-color: var(--background-secondary-alt);
}
.modal-container .prompt .prompt-results::-webkit-scrollbar-track {
margin-left: 1px solid var(--window-border);
border-radius: unset;
}
.theme-light .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
background-color: var(--background-primary);
}
.theme-dark .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
background-color: var(--background-secondary-alt);
}
.modal-container .prompt .prompt-instructions {
padding: var(--size-2-1) var(--size-4-2);
background-color: var(--background-secondary);
border-top: 1px solid var(--window-border);
}
.modal-container .prompt .suggestion-item.mod-complex .suggestion-hotkey {
font-weight: 600;
border-radius: var(--radius-s);
}
.prompt-input-container {
padding: var(--size-4-2);
margin: unset;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
input.prompt-input {
height: 40px;
padding: 0 var(--size-4-4);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible {
border: 1px solid var(--window-border);
}
.suggestion-container {
max-width: 700px;
background-color: var(--background-secondary-blur);
border: 1px solid var(--window-border);
box-shadow: var(--shadow-l);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.suggestion-container .suggestion {
padding: var(--size-4-2);
}
.suggestion-container .suggestion::-webkit-scrollbar-track {
border-radius: var(--radius-s);
box-shadow: var(--shadow-s);
}
.theme-light .suggestion-container .suggestion::-webkit-scrollbar-track {
background-color: var(--background-secondary);
}
.theme-dark .suggestion-container .suggestion::-webkit-scrollbar-track {
background-color: var(--background-secondary-alt);
}
.suggestion-container .suggestion-item {
padding: var(--size-4-2);
}
.suggestion-item.mod-complex {
align-items: center;
}
.suggestion-item.mod-complex .suggestion-content {
overflow: visible;
}
.suggestion-item.is-selected {
color: var(--highlight-text-normal);
}
.suggestion-prefix {
padding: 0 var(--size-4-1);
margin-right: var(--size-4-2);
font-size: 0.9em;
font-weight: 600;
color: var(--interactive-accent-text);
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
.suggestion-prefix::after {
display: none;
}
.workspace-leaf-content[data-type=file-explorer] .nav-files-container {
padding-top: unset;
padding-right: unset;
padding-left: unset;
}
.workspace-leaf-content[data-type=file-explorer] .nav-folder.mod-root > .nav-folder-children {
padding: var(--size-4-1);
}
.nav-folder.mod-root .nav-folder > .nav-folder-children {
padding-left: var(--size-4-1);
margin: var(--size-4-1) 0 var(--size-4-1) 10px;
border-left: 1px solid var(--window-border);
}
.nav-folder.mod-root .nav-folder > .nav-folder-title {
padding-left: var(--size-4-1);
}
.nav-file-tag {
height: 15px;
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
}
:is(.nav-file:not(.mod-root), .nav-folder:not(.mod-root) > .nav-folder-children > .nav-folder) {
margin-left: var(--file-explorer-left-margin);
}
:is(.nav-file-title, .nav-folder-title) {
min-height: 23px;
padding: 1px var(--size-4-2);
border: 2px solid transparent;
}
:is(.nav-file-title, .nav-folder-title).is-being-dragged-over {
background-color: var(--interactive-accent-base);
border: 2px solid var(--interactive-accent-tint);
}
.nav-folder:not(.is-collapsed) > .nav-folder-title {
color: var(--text-normal);
}
body:not(.is-grabbing) .nav-folder-title:hover .collapse-icon svg.svg-icon {
color: var(--nav-item-color-hover);
}
body:not(.is-grabbing) .nav-file-title.is-active:hover,
body:not(.is-grabbing) .nav-folder-title.is-active:hover {
color: var(--interactive-accent-hover);
}
.mod-active .workspace-tab-header.is-active:hover .workspace-tab-header-inner-icon,
.mod-active .workspace-tab-header.is-active:hover .workspace-tab-header-inner-title {
color: var(--interactive-accent-hover);
}
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title {
background-color: var(--interactive-accent-base);
border: var(--accent-border-width) solid transparent;
border-radius: var(--radius-s);
}
.workspace-leaf.mod-active .nav-file.has-focus {
background-color: var(--interactive-accent-base);
border: unset;
border-radius: var(--radius-s);
}
body:not(.is-grabbing) .nav-file-title.is-being-dragged,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged,
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged {
color: var(--highlight-text-normal);
background-color: var(--interactive-accent-base);
}
.pt-file-explorer-folder-icon .nav-folder-title-content {
display: flex;
align-items: center;
}
.pt-file-explorer-folder-icon .nav-folder-collapse-indicator {
margin-right: 5px;
}
.pt-file-explorer-folder-icon .nav-folder.mod-root .nav-folder > .nav-folder-title:not([data-path="/"]) {
padding-left: var(--size-2-1);
}
.pt-file-explorer-folder-icon .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
display: inline-flex;
width: 17px;
height: -webkit-fill-available;
height: fill-available;
content: " ";
stroke-width: unset;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 17px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
background-color: var(--text-muted);
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder:not(.is-collapsed) .collapse-icon svg.svg-icon {
background-color: var(--interactive-accent-text);
}
.pt-file-explorer-folder-icon .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
display: inline-flex;
width: 17px;
height: -webkit-fill-available;
height: fill-available;
content: " ";
stroke-width: unset;
transform: rotate(0);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 17px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3C/svg%3E");
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-active .nav-folder.is-collapsed .collapse-icon svg.svg-icon, .pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-default .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
background-color: var(--text-muted);
}
.pt-file-explorer-folder-icon.pt-file-explorer-folder-icon-accent .nav-folder.is-collapsed .collapse-icon svg.svg-icon {
background-color: var(--interactive-accent-text);
}
:is(.graph-controls-button.mod-close, .graph-controls-button.mod-reset) {
top: var(--size-2-3);
}
.theme-light :is(.workspace-leaf-content[data-type=graph] .view-content, .workspace-leaf-content[data-type=localgraph] .view-content) {
background-color: var(--background-primary);
}
.theme-dark :is(.workspace-leaf-content[data-type=graph] .view-content, .workspace-leaf-content[data-type=localgraph] .view-content) {
background-color: var(--background-secondary-alt);
}
.graph-controls {
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.graph-controls.is-close {
padding: var(--size-4-1);
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: 1px solid var(--window-border);
}
.graph-controls :not(.is-close) {
max-height: calc(100% - 25px);
}
.graph-control-section {
padding: var(--size-4-2);
}
.graph-control-section:last-child .tree-item-children {
padding-bottom: var(--size-4-2);
}
.graph-control-section > .tree-item-self:hover {
background-color: var(--background-modifier-hover);
}
.graph-control-section > .tree-item-self:hover * {
color: var(--highlight-text-normal);
}
.graph-control-section .tree-item-children {
padding: var(--size-4-1) 0;
}
.graph-control-section .setting-item:not(.mod-search-setting) {
padding: var(--size-2-3) var(--size-4-2);
}
:is(.graph-view.color-fill-unresolved, .graph-view.color-arrow) {
opacity: 1;
}
.theme-light .graph-view.color-line {
color: var(--graph-line-color-lt);
}
.theme-light .graph-view.color-fill {
color: var(--graph-fill-color-lt);
}
.theme-light .graph-view.color-fill-focused {
color: var(--graph-fill-focused-color-lt);
}
.theme-light .graph-view.color-fill-tag {
color: var(--graph-tag-color-lt);
}
.theme-light .graph-view.color-fill-attachment {
color: var(--graph-attachment-color-lt);
}
.theme-light .graph-view.color-fill-unresolved {
color: var(--graph-unresolved-color-lt);
}
.theme-light .graph-view.color-fill-highlight {
color: var(--graph-highlight-color-lt);
}
.theme-light .graph-view.color-line-highlight {
color: var(--graph-highlight-line-color-lt);
}
.theme-dark .graph-view.color-line {
color: var(--graph-line-color-dt);
}
.theme-dark .graph-view.color-fill {
color: var(--graph-fill-color-dt);
}
.theme-dark .graph-view.color-fill-focused {
color: var(--graph-fill-focused-color-dt);
}
.theme-dark .graph-view.color-fill-tag {
color: var(--graph-tag-color-dt);
}
.theme-dark .graph-view.color-fill-attachment {
color: var(--graph-attachment-color-dt);
}
.theme-dark .graph-view.color-fill-unresolved {
color: var(--graph-unresolved-color-dt);
}
.theme-dark .graph-view.color-fill-highlight {
color: var(--graph-highlight-color-dt);
}
.theme-dark .graph-view.color-line-highlight {
color: var(--graph-highlight-line-color-dt);
}
.outline {
padding: var(--size-4-1);
}
.tree-item > .tree-item-children .tree-item {
margin-left: var(--file-explorer-left-margin);
}
.nav-header ~ .search-input-container {
width: 100%;
height: var(--header-height);
margin: unset;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.workspace-drawer .nav-header ~ .search-input-container {
width: 100%;
height: unset;
}
.search-input-container input {
width: -webkit-fill-available;
width: fill-available;
margin: var(--size-4-1);
}
.search-result-container {
padding: var(--size-4-1);
}
.search-result-file-matched-text {
padding: 0 4px;
font-weight: 600;
color: var(--interactive-accent-text);
background-color: var(--interactive-accent-base);
}
.search-result {
margin-bottom: var(--size-4-1);
}
.search-result-file-matches {
margin: var(--size-4-2);
}
.theme-dark .search-result-file-matches {
background-color: var(--background-secondary-alt);
}
.search-result-hover-button {
padding: var(--size-2-1);
}
.search-result-hover-button svg.svg-icon {
width: 14px;
height: 14px;
}
.search-result-file-match-replace-button {
padding: 0 var(--size-4-1);
}
.internal-query .search-result-container {
padding: var(--size-4-2) var(--size-4-1);
background-color: unset;
border-radius: unset;
}
.search-input-container::before {
left: var(--size-4-4);
}
.suggestion-container.mod-search-suggestion {
background-color: unset;
border-radius: unset;
}
.suggestion-container.mod-search-suggestion .suggestion {
padding: unset;
border-radius: unset;
}
.theme-light .suggestion-container.mod-search-suggestion .suggestion {
background-color: var(--background-primary);
}
.theme-dark .suggestion-container.mod-search-suggestion .suggestion {
background-color: var(--background-secondary-alt);
}
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item:not(.mod-group) {
margin: 0 var(--size-4-1) var(--size-2-1);
}
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item:not(.mod-group):last-of-type {
margin-bottom: var(--size-4-1);
}
.suggestion-container.mod-search-suggestion .suggestion .suggestion-item.mod-group {
padding: var(--size-4-1) var(--size-4-1) var(--size-4-1) var(--size-4-2);
margin-bottom: var(--size-4-1);
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.suggestion-container.mod-search-suggestion .suggestion .search-suggest-item.mod-group:not(:first-child) {
margin: var(--size-4-1) 0;
}
.workspace-leaf-content[data-type=starred] .item-list {
padding-top: var(--size-4-1);
padding-right: var(--size-4-1);
padding-left: var(--size-4-1);
}
.workspace-leaf-content[data-type=starred] .item-list::after {
height: calc(38px + 2 * var(--scroll-bar-size));
content: "";
}
.workspace-leaf-content[data-type=starred] .item-list .nav-file {
margin-left: unset;
}
.workspace-leaf-content[data-type=starred] .item-list .nav-file .nav-file-title {
padding-left: var(--size-4-1);
}
.workspace-leaf-content[data-type=starred] .nav-file-icon {
padding-right: var(--size-4-2);
margin: unset;
}
.tag-container {
padding: var(--size-4-1);
}
.tag-container > div > .tree-item > .tree-item-children .tree-item {
margin-left: var(--file-explorer-left-margin);
}
.tag-container .tree-item-children > div:first-child {
display: none;
}
.tree-item .tree-item-self {
align-items: center;
width: 100%;
padding: 1px var(--size-4-1) 1px var(--size-4-1);
border: 2px solid transparent;
}
.tree-item-self {
align-items: center;
}
.tree-item-flair {
padding: 1px 2px;
}
.tree-item-self .tree-item-icon {
width: 16px;
padding-inline-end: unset;
}
.tree-item-children {
padding-left: var(--size-4-1);
margin: var(--size-4-1) 0 var(--size-4-1) 10px;
border-left: 1px solid var(--window-border);
}
.tree-item-children:empty {
display: none;
}
:is(.backlink-pane, .outgoing-link-pane) {
padding: 0;
}
.embedded-backlinks :is(.backlink-pane, .outgoing-link-pane) {
overflow-y: unset;
}
:is(.backlink-pane, .outgoing-link-pane) > .search-result-container {
padding: var(--size-4-1);
}
:is(.backlink-pane, .outgoing-link-pane) .search-result-container .search-result-container {
padding: unset;
margin: var(--size-4-1) var(--size-4-1) var(--size-4-2) var(--size-4-5);
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self {
padding: var(--size-4-1) var(--size-4-2);
margin-bottom: -1px;
background-color: var(--background-secondary);
border-radius: unset;
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:first-child {
border-bottom: 1px solid var(--window-border);
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:nth-last-child(2) {
border-top: 1px solid var(--window-border);
border-bottom: 1px solid var(--window-border);
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self .collapse-icon {
display: flex;
}
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self.is-collapsed:hover, :is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:hover .collapse-icon svg.svg-icon {
color: var(--highlight-text-normal);
}
.tree-item-self.is-clickable:hover svg {
color: var(--nav-item-color-hover);
}
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split) .embedded-backlinks .nav-header {
position: sticky;
top: 0;
}
.embedded-backlinks .nav-header {
position: sticky;
top: 0;
z-index: var(--layer-cover);
justify-content: center;
height: unset;
margin: var(--size-4-2) 0;
background-color: unset;
border-bottom: unset;
}
.embedded-backlinks .backlink-pane {
padding: unset;
border: 1px solid var(--window-border);
}
.embedded-backlinks .backlink-pane > .tree-item-self {
width: unset;
font-size: var(--font-ui-small);
}
.embedded-backlinks .nav-buttons-container {
position: relative;
top: unset;
padding: var(--size-4-1);
pointer-events: auto;
background: var(--background-secondary-blur);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.outgoing-link-pane .tree-item-self .tree-item-icon {
margin-right: var(--size-4-2);
}
body {
--canvas-color: var(--color-grey-tint-hsl);
--canvas-background-color: var(--color-grey-base-hsl);
--canvas-highlight-color: var(--color-grey-text-hsl);
}
body.theme-dark {
--canvas-color: var(--color-grey-tint-hsl);
}
.canvas-group-label {
font-weight: var(--font-semibold);
}
.theme-dark .canvas-wrapper,
.theme-dark .canvas-node-content {
background-color: var(--background-secondary-alt);
}
.canvas-control-item {
background-color: unset;
}
.canvas-control-group,
.canvas-menu,
.canvas-card-menu,
.theme-dark .canvas-card-menu {
gap: var(--size-4-1);
padding: var(--size-4-1);
background-color: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-radius: var(--radius-m);
}
.canvas-control-item,
.canvas-card-menu-button {
padding: var(--size-2-3);
background-color: unset;
border: unset;
border-radius: var(--radius-s);
}
.canvas-control-item:hover,
.canvas-card-menu-button:hover {
color: var(--nav-item-color-hover);
background-color: var(--background-modifier-hover);
}
.canvas-node-container {
border: 4px solid rgb(var(--canvas-color));
}
.canvas-path-label {
border: 4px solid var(--window-border);
}
.mod-canvas-color-1 {
--canvas-color: var(--color-red-tint-hsl);
--canvas-background-color: var(--color-red-base-hsl);
--canvas-highlight-color: var(--color-red-text-hsl);
}
.mod-canvas-color-2 {
--canvas-color: var(--color-orange-tint-hsl);
--canvas-background-color: var(--color-orange-base-hsl);
--canvas-highlight-color: var(--color-orange-text-hsl);
}
.mod-canvas-color-3 {
--canvas-color: var(--color-yellow-tint-hsl);
--canvas-background-color: var(--color-yellow-base-hsl);
--canvas-highlight-color: var(--color-yellow-text-hsl);
}
.mod-canvas-color-4 {
--canvas-color: var(--color-green-tint-hsl);
--canvas-background-color: var(--color-green-base-hsl);
--canvas-highlight-color: var(--color-green-text-hsl);
}
.mod-canvas-color-5 {
--canvas-color: var(--color-cyan-tint-hsl);
--canvas-background-color: var(--color-cyan-base-hsl);
--canvas-highlight-color: var(--color-cyan-text-hsl);
}
.mod-canvas-color-6 {
--canvas-color: var(--color-purple-tint-hsl);
--canvas-background-color: var(--color-purple-base-hsl);
--canvas-highlight-color: var(--color-purple-text-hsl);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-node:not(.is-themed) {
--shadow-border-themed-inset: inset 0 0 0 1px hsl(var(--canvas-color));
--shadow-border-themed: 0 0 0 2px hsl(var(--canvas-color));
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-placeholder::after, .canvas-node:not(.is-themed) .canvas-node-placeholder::after {
background-color: hsla(var(--canvas-color), 20%);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-container, .canvas-node:not(.is-themed) .canvas-node-container {
border: 4px solid hsl(var(--canvas-color));
}
.theme-light .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):not(.canvas-node-group) .canvas-node-container, .theme-light .canvas-node:not(.is-themed):not(.canvas-node-group) .canvas-node-container {
background-color: var(--background-primary);
}
.theme-dark .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):not(.canvas-node-group) .canvas-node-container, .theme-dark .canvas-node:not(.is-themed):not(.canvas-node-group) .canvas-node-container {
background-color: var(--background-secondary-alt);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) .canvas-node-content, .canvas-node:not(.is-themed) .canvas-node-content {
background-color: hsla(var(--canvas-background-color), 20%);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]) {
background-color: hsl(var(--canvas-highlight-color));
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light, .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-dark {
color: var(--background-primary);
}
.canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-selected.is-themed .canvas-node-container, .canvas-node:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-focused.is-themed .canvas-node-container {
border-color: hsl(var(--canvas-highlight-color));
}
.canvas-node:not(.is-themed).canvas-node-group .canvas-group-label:not([contenteditable=true]) {
color: var(--background-primary);
background-color: hsl(var(--canvas-highlight-color));
}
.canvas-node:not(.is-themed).is-selected .canvas-node-container, .canvas-node:not(.is-themed).is-focused .canvas-node-container {
border-color: hsl(var(--canvas-highlight-color));
}
.canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-color-picker-item:first-child {
background-color: hsl(var(--canvas-color));
}
.canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6):hover, .canvas-color-picker-item:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6).is-active, .canvas-color-picker-item:first-child:hover, .canvas-color-picker-item:first-child.is-active {
box-shadow: 0 0 0 2px hsl(var(--canvas-color));
}
.canvas-minimap rect:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-minimap rect:not(.is-themed) {
fill: hsl(var(--canvas-color));
stroke: hsl(var(--canvas-color));
}
.theme-light .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light {
color: var(--background-primary);
}
.theme-dark .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]).mod-foreground-light {
color: var(--text-normal);
}
.canvas-edges g:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) path.canvas-display-path, .canvas-edges g:not(.is-themed) path.canvas-display-path {
stroke: hsl(var(--canvas-highlight-color));
}
.canvas-edges g:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6) polygon.canvas-path-end, .canvas-edges g:not(.is-themed) polygon.canvas-path-end {
fill: hsl(var(--canvas-highlight-color));
stroke: hsl(var(--canvas-highlight-color));
}
.canvas-edges g.is-focused path.canvas-interaction-path,
.canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-interaction-path {
stroke: hsla(var(--canvas-highlight-color), 10%);
}
.canvas-minimap path:is(.mod-canvas-color-1, .mod-canvas-color-2, .mod-canvas-color-3, .mod-canvas-color-4, .mod-canvas-color-5, .mod-canvas-color-6), .canvas-minimap path:not(.is-themed) {
stroke: hsl(var(--canvas-highlight-color));
}
.canvas-card-menu {
top: var(--size-4-2);
bottom: unset;
left: var(--size-4-2);
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--window-border);
transform: unset;
}
.canvas-card-menu .canvas-card-menu-button {
padding: var(--size-4-1);
color: var(--text-muted);
}
.canvas-card-menu .canvas-card-menu-button svg {
width: 24px;
height: 24px;
}
.canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg {
transform: translateX(4px);
}
.pt-custom-vault-banner .nav-folder-title[data-path="/"] {
align-items: center;
min-width: -webkit-fill-available;
min-width: fill-available;
height: var(--header-height);
padding: 0 10px;
margin-bottom: unset;
line-height: 16px;
overflow-wrap: break-word;
white-space: unset;
background: var(--background-secondary-blur);
border: unset;
border-bottom: 1px solid var(--window-border);
border-radius: unset;
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.pt-custom-vault-banner .nav-folder-title[data-path="/"]:hover {
color: var(--nav-item-color-hover);
background-color: var(--nav-item-background-hover);
}
.pt-custom-vault-banner .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator {
display: block;
width: 28px;
height: 28px;
margin: 6px;
background-image: var(--custom-vault-banner-icon-url);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: unset;
}
.pt-custom-vault-banner .nav-folder-title[data-path="/"] .nav-folder-title-content {
margin: 0 4px;
}
.pt-custom-vault-banner.is-mobile .mod-left .workspace-drawer-header::before {
display: block;
width: 32px;
height: 48px;
margin-right: var(--size-4-5);
content: "";
background-image: var(--custom-vault-banner-icon-url);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: unset;
}
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-left .nav-folder-title[data-path="/"] {
justify-content: flex-start;
}
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-center .nav-folder-title[data-path="/"] {
justify-content: center;
}
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-right .nav-folder-title[data-path="/"] {
justify-content: flex-end;
}
.pt-custom-vault-banner.pt-custom-vault-banner-sticky .nav-folder-title[data-path="/"] {
position: sticky;
top: 0;
z-index: var(--layer-popover);
}
.pt-custom-vault-banner.pt-custom-vault-banner-order-ltr .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator.collapse-icon {
order: 0;
}
.pt-custom-vault-banner.pt-custom-vault-banner-order-rtl .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator.collapse-icon {
order: 1;
}
body:not(.pt-disable-mark-highlight-styling) mark[class] {
--mark-highlight-base: var(--interactive-accent-base);
--mark-highlight-tint: var(--interactive-accent-tint);
--mark-highlight-text: var(--interactive-accent-text);
font-weight: 600;
background-color: transparent;
border-radius: var(--radius-s);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
body:not(.pt-disable-mark-highlight-styling) mark[class] .external-link {
background-position-x: calc(100% - 1px);
background-position-y: 2px;
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.red, .Red) {
--mark-highlight-base: var(--color-red-base);
--mark-highlight-tint: var(--color-red-tint);
--mark-highlight-text: var(--color-red-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.orange, .Orange) {
--mark-highlight-base: var(--color-orange-base);
--mark-highlight-tint: var(--color-orange-tint);
--mark-highlight-text: var(--color-orange-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.yellow, .Yellow) {
--mark-highlight-base: var(--color-yellow-base);
--mark-highlight-tint: var(--color-yellow-tint);
--mark-highlight-text: var(--color-yellow-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.green, .Green) {
--mark-highlight-base: var(--color-green-base);
--mark-highlight-tint: var(--color-green-tint);
--mark-highlight-text: var(--color-green-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.mint, .Mint) {
--mark-highlight-base: var(--color-mint-base);
--mark-highlight-tint: var(--color-mint-tint);
--mark-highlight-text: var(--color-mint-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.aqua, .Aqua, .cyan, .Cyan) {
--mark-highlight-base: var(--color-cyan-base);
--mark-highlight-tint: var(--color-cyan-tint);
--mark-highlight-text: var(--color-cyan-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.blue, .Blue) {
--mark-highlight-base: var(--color-blue-base);
--mark-highlight-tint: var(--color-blue-tint);
--mark-highlight-text: var(--color-blue-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.purple, .Purple) {
--mark-highlight-base: var(--color-purple-base);
--mark-highlight-tint: var(--color-purple-tint);
--mark-highlight-text: var(--color-purple-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.pink, .Pink) {
--mark-highlight-base: var(--color-pink-base);
--mark-highlight-tint: var(--color-pink-tint);
--mark-highlight-text: var(--color-pink-text);
}
body:not(.pt-disable-mark-highlight-styling) mark[class]:is(.grey, .Grey) {
--mark-highlight-base: var(--color-grey-base);
--mark-highlight-tint: var(--color-grey-tint);
--mark-highlight-text: var(--color-grey-text);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-default) {
padding: 0;
font-size: 1em;
background-color: unset;
border: unset;
opacity: 1;
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-border, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-border) {
padding: 0 3px;
font-size: var(--font-smallest);
background-color: unset;
border: var(--accent-border-width) solid var(--mark-highlight-tint);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-filled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-filled) {
padding: 0 3px;
font-size: var(--font-smallest);
background-color: var(--mark-highlight-base);
border: var(--accent-border-width) solid var(--mark-highlight-base);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-default-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-default-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-border-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-border-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-filled-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-filled-lt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-style-borderandfilled-dt mark[class].mark-borderandfilled, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-style-borderandfilled-lt mark[class].mark-borderandfilled) {
padding: 0 3px;
font-size: var(--font-smallest);
background-color: var(--mark-highlight-base);
border: var(--accent-border-width) solid var(--mark-highlight-tint);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class].mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]).mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class].mark-text-default, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class].mark-text-default {
color: var(--text-normal);
}
:is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class], body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class]), :is(body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-default-lt mark[class].mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-default-dt mark[class]).mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-light.pt-highlight-text-color-lt mark[class].mark-text-color, body:not(.pt-disable-mark-highlight-styling).theme-dark.pt-highlight-text-color-dt mark[class].mark-text-color {
color: var(--mark-highlight-text);
}
.pt-font-alt-a * {
font-feature-settings: "ss03";
}
.pt-font-alt-g * {
font-feature-settings: "ss04";
}
.pt-font-alt-a.pt-font-alt-g * {
font-feature-settings: "ss03", "ss04";
}
.pt-font-slashed-zero * {
font-variant: slashed-zero;
}
.pt-font-disable-ligatures * {
font-variant-ligatures: none;
}
div.workspace-leaf-content[data-type=style-settings] div.view-content {
padding: var(--file-margins);
}
body.is-mobile div.workspace-leaf-content[data-type=style-settings] div.view-content {
padding: 32px 16px;
}
body:not(.is-mobile) div.workspace-leaf-content[data-type=style-settings] .view-content .style-settings-container .setting-item:not(.setting-item-heading) {
flex-direction: row;
}
.setting-item.setting-item-heading.style-settings-heading {
padding: var(--size-4-2);
}
.setting-item.setting-item-heading.style-settings-heading:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
border-radius: var(--radius-m);
}
.style-settings-container {
padding-bottom: unset;
}
.style-settings-container .setting-item {
padding: var(--size-4-2) var(--size-4-2) var(--size-4-2) var(--size-4-4);
}
.is-phone .style-settings-container .setting-item {
margin-top: unset;
}
.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
margin-left: unset;
}
:is(.setting-item.setting-item-heading.style-settings-heading, .style-settings-container .style-settings-heading) {
border-bottom: unset;
}
.setting-item-heading .setting-item-description {
padding-left: var(--size-4-4);
}
.setting-item.setting-item-heading.is-collapsed {
margin-bottom: unset;
}
.style-settings-container > .setting-item:last-of-type {
padding-bottom: unset;
margin-bottom: var(--size-4-2);
}
:is(.style-settings-heading[data-level="0"] + .style-settings-container, .style-settings-container) {
padding-left: var(--size-4-1);
margin-left: var(--size-4-3);
border-left: 1px solid var(--window-border);
}
.setting-item[data-id=prism-theme] {
display: none;
}
.setting-item.style-settings-heading[data-id=appearance] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "🎨";
}
.setting-item.style-settings-heading[data-id=editor] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "📝";
}
.setting-item.style-settings-heading[data-id=user-interface] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "👆";
}
.setting-item.style-settings-heading[data-id=plugins] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "🧩";
}
.setting-item.style-settings-heading[data-id=feature-toggles] {
margin-bottom: var(--size-4-2);
}
.setting-item.style-settings-heading[data-id=feature-toggles] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "🪠";
}
.setting-item.style-settings-heading[data-id=theme-info],
.style-settings-heading[data-id=support] {
margin-bottom: 0;
pointer-events: none;
}
.setting-item.style-settings-heading[data-id=theme-info] :is(.setting-item-control, .style-settings-collapse-indicator),
.style-settings-heading[data-id=support] :is(.setting-item-control, .style-settings-collapse-indicator) {
display: none;
}
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-name::before,
.style-settings-heading[data-id=support] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
font-weight: initial;
color: unset;
}
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-description,
.style-settings-heading[data-id=support] .setting-item-description {
padding-left: var(--size-4-1);
}
.setting-item.style-settings-heading[data-id=theme-info] {
padding-top: var(--size-4-4);
border-top: 2px solid var(--window-border);
}
.setting-item.style-settings-heading[data-id=theme-info] .setting-item-name::before {
content: "📖";
}
.style-settings-heading[data-id=support] .setting-item-name::before {
content: "❤️";
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons],
.setting-item.style-settings-info-text[data-id=support-buttons] {
padding: 0 var(--size-4-2) var(--size-4-2) var(--size-4-4);
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-name,
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-control,
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-name,
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-control {
display: none;
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .setting-item-description.style-settings-markdown,
.setting-item.style-settings-info-text[data-id=support-buttons] .setting-item-description.style-settings-markdown {
display: flex;
flex-wrap: wrap;
gap: var(--size-4-2);
}
.setting-item.style-settings-info-text[data-id=theme-info-buttons] .styleSettingsButtonEmoji,
.setting-item.style-settings-info-text[data-id=support-buttons] .styleSettingsButtonEmoji {
margin-right: var(--size-4-2);
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
}
.styleSettingsButton {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
font-size: var(--font-ui-medium);
font-weight: var(--input-font-weight);
border: var(--accent-border-width) solid;
border-radius: var(--radius-s);
}
.styleSettingsButton a {
width: 100%;
height: 100%;
padding: var(--size-4-1) var(--size-4-3);
text-decoration-line: unset;
vertical-align: baseline;
}
.styleSettingsButton.prism-wiki {
background-color: var(--color-blue-base);
border-color: var(--color-blue-tint);
}
.styleSettingsButton.prism-wiki a {
color: var(--color-blue-text);
}
.styleSettingsButton.prism-wiki a:hover {
color: var(--color-blue-tint);
}
.styleSettingsButton.prism-roadmap {
background-color: var(--color-green-base);
border-color: var(--color-green-tint);
}
.styleSettingsButton.prism-roadmap a {
color: var(--color-green-text);
}
.styleSettingsButton.prism-roadmap a:hover {
color: var(--color-green-tint);
}
.styleSettingsButton.prism-releases {
background-color: var(--color-orange-base);
border-color: var(--color-orange-tint);
}
.styleSettingsButton.prism-releases a {
color: var(--color-orange-text);
}
.styleSettingsButton.prism-releases a:hover {
color: var(--color-orange-tint);
}
.styleSettingsButton.prism-star {
background-color: var(--color-grey-base);
border-color: var(--color-grey-tint);
}
.styleSettingsButton.prism-star a {
color: var(--color-grey-text);
}
.styleSettingsButton.prism-star a:hover {
color: var(--color-grey-tint);
}
.styleSettingsButton.prism-issue {
background-color: var(--color-red-base);
border-color: var(--color-red-tint);
}
.styleSettingsButton.prism-issue a {
color: var(--color-red-text);
}
.styleSettingsButton.prism-issue a:hover {
color: var(--color-red-tint);
}
.styleSettingsButton.prism-coffee {
background-color: var(--color-yellow-base);
border-color: var(--color-yellow-tint);
}
.styleSettingsButton.prism-coffee a {
color: var(--color-yellow-text);
}
.styleSettingsButton.prism-coffee a:hover {
color: var(--color-yellow-tint);
}
.kanban-plugin {
background-color: unset;
}
.kanban-plugin__lane-header-wrapper {
gap: var(--size-4-1);
padding: var(--size-4-1) var(--size-4-2);
}
.kanban-plugin__lane-wrapper {
width: 272px !important;
margin-right: var(--size-4-4);
}
.theme-dark .kanban-plugin__item-title-wrapper {
background: var(--background-secondary-alt);
}
button.kanban-plugin__new-item-button {
border: 1px solid var(--window-border);
}
button.kanban-plugin__new-item-button:hover {
background-color: var(--background-modifier-hover);
}
.theme-dark .kanban-plugin__item-form .kanban-plugin__item-input-wrapper {
background-color: var(--background-secondary-alt);
}
.kanban-plugin__lane-items {
gap: var(--size-4-1);
padding: var(--size-4-2);
margin: unset;
}
.kanban-plugin__lane-items > div {
margin-top: unset;
}
.theme-light .kanban-plugin__scroll-container.kanban-plugin__vertical {
background-color: var(--background-primary);
}
.theme-dark .kanban-plugin__scroll-container.kanban-plugin__vertical {
background-color: var(--background-secondary-alt);
}
:is(.kanban-plugin__lane-grip, div.kanban-plugin__lane-title-count, .kanban-plugin__lane button.kanban-plugin__lane-settings-button) {
margin: unset;
}
.kanban-plugin__lane button.kanban-plugin__lane-settings-button {
height: unset;
box-shadow: unset;
}
.modal.kanban-plugin__board-settings-modal {
width: var(--modal-width);
max-width: var(--modal-max-width);
height: var(--modal-height);
max-height: var(--modal-max-height);
}
.modal.kanban-plugin__board-settings-modal .modal-title:empty {
display: block;
width: -webkit-fill-available;
width: fill-available;
height: 42px;
margin-bottom: unset;
content: "";
border-bottom: 1px solid var(--window-border);
}
.modal.kanban-plugin__board-settings-modal .modal-content {
padding: var(--size-4-8);
}
.modal.kanban-plugin__board-settings-modal :is(h3, h4) {
margin: var(--size-4-2) 0;
border-bottom: 1px solid var(--window-border);
}
.kanban-plugin__board > div {
padding: var(--size-4-4);
}
.kanban-plugin__markdown-preview-view > div > * {
overflow-x: unset;
}
div.kanban-plugin__lane-title-count {
display: block;
height: fit-content;
padding: 0 4px;
font-size: 0.75em;
font-weight: 600;
line-height: 1.5em;
color: var(--text-normal);
background-color: unset;
border-radius: var(--radius-s);
}
.kanban-plugin__lane-grip,
.kanban-plugin__lane-settings-button-wrapper {
border-radius: var(--radius-s);
}
.kanban-plugin__lane-grip:hover,
.kanban-plugin__lane-settings-button-wrapper:hover {
color: var(--interactive-accent-hover);
background-color: var(--interactive-accent-base);
}
.kanban-plugin__lane-grip {
padding: var(--size-4-1) 0;
}
.pt-center-kanban-title-text .kanban-plugin__lane-title {
align-items: center;
}
.pt-disable-kanban-title-count div.kanban-plugin__lane-title-count {
display: none;
}
.theme-light.pt-kanban-background-dots-lt .kanban-plugin__board {
background-image: radial-gradient(circle, var(--background-secondary) 1px, rgba(0, 0, 0, 0) 1px);
background-attachment: local;
background-size: 8px 8px;
}
.theme-dark.pt-kanban-background-dots-dt .kanban-plugin__board {
background-image: radial-gradient(circle, var(--background-secondary) 1px, rgba(0, 0, 0, 0) 1px);
background-attachment: local;
background-size: 8px 8px;
}
.theme-light.pt-kanban-background-grid-lt .kanban-plugin__board {
background-image: linear-gradient(to right, var(--background-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--background-secondary) 1px, transparent 1px);
background-attachment: local;
background-size: 8px 8px;
}
.theme-dark.pt-kanban-background-grid-dt .kanban-plugin__board {
background-image: linear-gradient(to right, var(--background-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--background-secondary) 1px, transparent 1px);
background-attachment: local;
background-size: 8px 8px;
}
.pt-icon-folder-accent .obsidian-icon-folder-icon {
color: var(--interactive-accent-text);
}
.pt-icons-accent .obsidian-icon {
color: var(--interactive-accent-text);
}
div#cMenuModalBar {
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
div#cMenuModalBar .cMenuCommandItem {
color: var(--text-muted);
background-color: transparent;
}
div#cMenuModalBar button.cMenuCommandItem:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
div#cMenuModalBar.cMenuGlassAesthetic {
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.pt-status-bar-position-floating div#cMenuModalBar {
bottom: calc(var(--size-4-3) + 33px + var(--scroll-bar-size)) !important;
}
.pt-status-bar-position-fixed div#cMenuModalBar {
bottom: calc(var(--size-2-3) + 26px + var(--scroll-bar-size)) !important;
}
.workspace-leaf-content[data-type=calendar] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=calendar] #calendar-container {
padding: unset;
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .nav {
height: var(--header-height);
padding: var(--size-4-3);
margin: unset;
background: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=calendar] #calendar-container td.svelte-egt0yd {
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=calendar] #calendar-container th.svelte-pcimu8 {
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=calendar] #calendar-container div.today {
font-size: 1em;
font-weight: 600;
color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .day.svelte-q3wqg9:active,
.workspace-leaf-content[data-type=calendar] #calendar-container .active.svelte-q3wqg9,
.workspace-leaf-content[data-type=calendar] #calendar-container .active.today.svelte-q3wqg9 {
background-color: var(--interactive-accent-base);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .week-num {
font-size: 0.7em;
}
.workspace-leaf-content[data-type=calendar] #calendar-container .year {
color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .dot.filled {
fill: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .hollow.task {
stroke: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=calendar] #calendar-container .arrow:hover svg,
.workspace-leaf-content[data-type=calendar] #calendar-container .reset-button:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.workspace-leaf-content[data-type=recent-files] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
height: fit-content;
padding: var(--size-4-1);
}
.theme-light .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
background-color: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=dangling-links] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container h3:first-of-type {
display: none;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:first-of-type summary {
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not(:first-of-type) summary {
border-top: 1px solid var(--window-border);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not([open]) {
color: var(--text-faint);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details summary {
position: relative;
padding: var(--size-4-1) var(--size-4-2);
margin-bottom: -1px;
font-size: var(--font-ui-small);
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul {
padding-inline-start: 0;
margin: 8px;
font-family: var(--font-text);
font-size: 14px;
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li {
width: 100%;
padding: var(--size-4-2) var(--size-4-5) var(--size-4-2) var(--size-4-3);
color: var(--text-normal);
color: var(--text-muted);
box-shadow: var(--shadow-s);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:not(:last-of-type) {
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:hover {
color: var(--text-normal);
background-color: var(--text-selection);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li ::marker {
display: none;
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-header {
gap: var(--size-4-1);
color: var(--icon-color);
}
:is(.pt-nav-header-left-sidebar-position-top .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header, .pt-nav-header-right-sidebar-position-top .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header) {
position: sticky;
top: 0;
z-index: var(--layer-popover);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button:hover {
color: var(--icon-color-hover);
background-color: var(--background-modifier-hover);
opacity: var(--icon-opacity-hover);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button svg {
width: var(--icon-size);
height: var(--icon-size);
}
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button path[stroke-width] {
color: var(--interactive-accent-text);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
bottom: unset;
flex-wrap: wrap;
gap: var(--size-4-1);
justify-content: flex-start;
height: unset;
padding: var(--size-4-1);
}
.is-phone :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
gap: var(--size-4-4);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .advanced-tables-buttons > div:first-child {
display: none;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .advanced-tables-row-label {
width: fit-content;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content {
height: fit-content;
padding: unset;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content > div {
min-height: -webkit-fill-available;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-buttons-container {
margin: unset;
box-shadow: unset;
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .widget-icon {
width: var(--icon-size);
height: var(--icon-size);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-action-button:hover {
background-color: var(--background-modifier-hover);
}
:is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-drawer.mod-right) .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-action-button:hover .widget-icon {
fill: var(--highlight-text-normal);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] > div.view-content {
padding: 0;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-pane {
resize: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper {
padding: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .oz-folder-contents {
margin-right: var(--size-4-1);
margin-bottom: var(--size-4-1);
margin-left: 14px !important;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .treeview {
padding: 0 var(--size-4-1) 0 0;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-contents {
padding-left: 0;
margin-left: 15px !important;
border-left: 1px solid var(--window-border);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element {
margin-left: var(--size-4-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-icon-div {
padding-left: var(--size-4-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-flex-container {
height: var(--header-height);
margin-bottom: unset;
background-color: var(--background-secondary-blur);
border: unset;
border-bottom: 1px solid var(--window-border);
border-radius: unset;
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
display: flex;
gap: var(--size-4-2);
align-items: center;
justify-content: center;
padding: unset;
margin-bottom: var(--size-4-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
margin-left: unset;
color: var(--text-muted);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header {
margin-top: unset;
font-weight: var(--font-medium);
background-color: var(--background-secondary-blur);
border-bottom: 1px solid var(--window-border);
border-radius: unset;
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container {
display: flex;
gap: var(--size-4-2);
align-items: center;
justify-content: center;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-action-button {
display: inline-flex;
order: 2;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-buttons-right-block {
gap: var(--size-4-2);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .file-tree-header-fixed {
padding-right: unset;
padding-left: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider {
height: 1px;
margin-bottom: unset;
background-color: var(--window-border);
border-bottom: unset;
opacity: 1;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider:hover {
height: 3px;
background-color: var(--divider-color-hover);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-files {
padding: var(--size-4-1) !important;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file {
margin-bottom: var(--size-2-1);
border: 2px solid transparent;
border-radius: var(--radius-s);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-title {
font-size: var(--font-ui-small);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content {
font-weight: var(--font-normal);
color: unset;
background-color: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title .oz-nav-file-tag,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content .oz-nav-file-tag {
color: var(--highlight-text-normal);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-tag {
background-color: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-block {
padding-top: unset;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .treeview {
padding: 1px;
margin-bottom: var(--size-2-1);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-explorer-container {
padding-right: unset !important;
padding-left: unset !important;
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .is-folder-active {
color: var(--interactive-accent-text);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover {
background-color: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-folder-name,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-tag,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-folder-name,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-tag,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-folder-name,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-title,
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-tag {
color: var(--highlight-text-normal);
}
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
gap: var(--size-4-4);
}
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container {
gap: var(--size-4-4);
}
.is-mobile .workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header-wrapper .oz-flex-container .oz-nav-buttons-right-block {
gap: var(--size-4-4);
}
.workspace-leaf-content[data-type=quiet-outline] .view-content {
padding: unset;
}
.workspace-leaf-content[data-type=quiet-outline] .function-bar {
height: var(--header-height);
padding: var(--size-4-1) var(--size-4-2);
margin-bottom: unset;
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=quiet-outline] .n-button {
width: 32px;
height: 32px;
background-color: unset;
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__icon svg {
display: flex;
align-items: center;
justify-content: center;
color: var(--text-muted) !important;
}
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__border,
.workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__state-border {
display: none;
}
.workspace-leaf-content[data-type=quiet-outline] .n-input {
height: 32px;
border-radius: var(--radius-s);
}
.theme-light .workspace-leaf-content[data-type=quiet-outline] .n-input {
background: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=quiet-outline] .n-input {
background: var(--background-secondary);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__border {
border: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled):hover .n-input__state-border, .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
border: 1px solid var(--interactive-accent-tint);
box-shadow: unset;
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__placeholder {
display: none;
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input {
caret-color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input::placeholder {
color: var(--text-faint);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider {
padding: var(--size-4-4);
margin: unset !important;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail {
background-color: var(--background-secondary-alt);
border: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail .n-slider-rail__fill {
background-color: var(--interactive-accent-tint);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot {
background-color: var(--background-primary);
border: 2px solid var(--window-border);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot.n-slider-dot--active {
border: 2px solid var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-handles .n-slider-handle {
background-color: var(--background-primary);
border: 2px solid var(--interactive-accent-tint);
}
.n-tree .n-tree-node {
height: 23px;
}
.n-slider-handle-indicator {
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
}
.theme-light .n-slider-handle-indicator {
background: var(--background-primary);
}
.theme-dark .n-slider-handle-indicator {
background: var(--background-secondary-alt);
}
.quiet-outline .n-tree-node-indent {
flex: 0 0 12px !important;
}
.quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
background-color: var(--background-modifier-hover);
}
.quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover p {
color: var(--highlight-text-normal);
}
.quiet-outline .n-tree {
padding: var(--size-4-1);
}
.quiet-outline .level-2 .n-tree-node-indent,
.quiet-outline .level-3 .n-tree-node-indent:first-child,
.quiet-outline .level-4 .n-tree-node-indent:first-child,
.quiet-outline .level-5 .n-tree-node-indent:first-child,
.quiet-outline .level-6 .n-tree-node-indent:first-child {
border-right: 1px solid var(--color-orange-tint);
}
.quiet-outline .level-3 .n-tree-node-indent,
.quiet-outline .level-4 .n-tree-node-indent:nth-child(2),
.quiet-outline .level-5 .n-tree-node-indent:nth-child(2),
.quiet-outline .level-6 .n-tree-node-indent:nth-child(2) {
border-right: 1px solid var(--color-yellow-tint);
}
.quiet-outline .level-4 .n-tree-node-indent,
.quiet-outline .level-5 .n-tree-node-indent:nth-child(3),
.quiet-outline .level-6 .n-tree-node-indent:nth-child(3) {
border-right: 1px solid var(--color-green-tint);
}
.quiet-outline .level-5 .n-tree-node-indent,
.quiet-outline .level-6 .n-tree-node-indent:nth-child(4) {
border-right: 1px solid var(--color-blue-tint);
}
.quiet-outline .level-6 .n-tree-node-indent {
border-right: 1px solid var(--color-purple-tint);
}
.status-bar-item.left-region {
padding: unset;
}
#quick-explorer {
padding: 0 var(--size-4-2);
}
body.is-frameless.is-hidden-frameless:not(.qe-hide-breadcrumbs) .status-bar,
body:not(.is-frameless):not(.qe-hide-breadcrumbs) .status-bar {
position: var(--status-bar-position);
}
#quick-explorer .explorable.selected,
#quick-explorer .explorable:hover,
.qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected {
background-color: var(--background-modifier-hover);
}
.view-header-breadcrumb.is-exploring,
.view-header-title-parent.is-exploring::before {
color: var(--highlight-accent-text);
}
.view-header-title-parent::before {
display: none;
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-files-container {
padding: unset;
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder.mod-root {
padding: var(--size-4-1);
}
.workspace-leaf-content[data-type=tagfolder-view] .tagfolder-quantity .itemscount {
font-size: var(--font-ui-smaller);
color: var(--text-faint);
background-color: unset;
}
.workspace-leaf-content[data-type=tagfolder-view] .search-input-container {
position: sticky;
top: 0;
z-index: var(--layer-popover);
display: flex;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=tagfolder-view] .nav-folder-title-content:hover div.tagfolder-quantity span {
background-color: unset;
}
.workspace-leaf-content[data-type=map] .leaflet-control:not(.leaflet-control-attribution) {
padding: var(--size-4-1);
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type=map] .leaflet-control-zoom a:hover,
.workspace-leaf-content[data-type=map] .leaflet-bar.leaflet-control a:hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.workspace-leaf-content[data-type=map] .leaflet-bar a {
color: var(--text-muted);
background-color: unset;
border-bottom: unset;
}
.workspace-leaf-content[data-type=map] .leaflet-control-attribution {
padding: var(--size-2-1) var(--size-4-1);
color: var(--text-muted);
background: var(--background-secondary-blur);
border-top: 1px solid var(--window-border);
border-left: 1px solid var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf-content[data-type=map] .leaflet-control-attribution a {
color: var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=map] .leaflet-control-attribution a:hover {
color: var(--text-accent-hover);
}
.workspace-leaf-content[data-type=map] .map-view-graph-controls {
padding: var(--size-4-2);
background: var(--background-secondary-blur);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.workspace-leaf-content[data-type=map] .search-input-container {
display: flex;
}
.workspace-leaf-content[data-type=map] .graph-control-follow-div {
display: flex;
align-items: center;
}
.workspace-leaf-content[data-type=map] .graph-control-div:first-of-type .graph-control-content {
padding-top: var(--size-4-1);
}
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content {
padding: var(--size-4-3) var(--size-4-2) var(--size-2-3);
}
.workspace-leaf-content[data-type=map] .graph-control-div:not(:first-of-type) .graph-control-content > *:not(:last-child) {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
.workspace-leaf-content[data-type=map] .leaflet-popup-content-wrapper,
.workspace-leaf-content[data-type=map] .leaflet-popup-tip {
color: var(--text-normal);
background-color: var(--background-secondary);
border-radius: var(--radius-m);
box-shadow: var(--shadow-s);
}
.workspace-leaf-content[data-type=dictionary-view] .view-content {
display: flex;
flex-flow: column;
padding: unset;
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type=dictionary-view] .search-input-container {
display: flex;
margin-top: -1px;
background-color: var(--background-secondary);
border-top: 1px solid var(--window-border);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=dictionary-view] .nav-buttons-container {
min-height: var(--header-height);
padding: var(--size-4-2);
}
.workspace-leaf-content[data-type=dictionary-view] .nav-action-button:not(.is-active) {
color: var(--text-muted);
}
.workspace-leaf-content[data-type=dictionary-view] .nav-action-button:not(.is-active):hover {
color: var(--highlight-text-normal);
background-color: var(--background-modifier-hover);
}
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5.svelte-17ilbu5 {
padding: unset;
margin-top: unset;
background-color: unset;
border-radius: unset;
}
.workspace-leaf-content[data-type=dictionary-view] .container.svelte-17ilbu5.svelte-17ilbu5 h3 {
padding: var(--size-4-1) var(--size-4-2);
margin: -1px 0 0;
font-size: var(--font-ui-small);
font-weight: var(--font-medium);
background-color: var(--background-secondary);
border-top: 1px solid var(--window-border);
border-bottom: 1px solid var(--window-border);
}
.workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5.svelte-17ilbu5 {
height: 100%;
}
.theme-light .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5.svelte-17ilbu5 {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .contents.svelte-17ilbu5.svelte-17ilbu5 {
background-color: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
margin: var(--size-4-2);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
}
.theme-light .workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
.theme-light .workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
background-color: var(--background-primary);
}
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .main.svelte-1ufvm6z.svelte-1ufvm6z,
.theme-dark .workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
background-color: var(--background-secondary-alt);
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts.svelte-5jhpts {
padding: unset;
}
.workspace-leaf-content[data-type=dictionary-view] .main.svelte-5jhpts .mark {
box-shadow: inset 0 -2px var(--interactive-accent-text);
}
.workspace-leaf-content[data-type=dictionary-view] .opener.svelte-5jhpts.svelte-5jhpts {
padding: var(--size-4-1) var(--size-4-2);
}
.workspace-leaf-content[data-type=dictionary-view] .definition.svelte-5jhpts.svelte-5jhpts {
padding: var(--size-4-2) var(--size-4-4);
}
.hover-editor {
--he-title-bar-active-fg: var(--interactive-accent-text);
--he-title-bar-active-pinned-bg: var(--background-secondary);
--he-title-bar-inactive-bg: var(--background-secondary);
--he-title-bar-inactive-pinned-bg: var(--background-secondary);
}
.hover-editor.show-navbar .view-header {
border-bottom: 1px solid var(--window-border);
}
.hover-editor.is-pinned {
border-color: var(--interactive-accent-tint);
}
.hover-editor .view-header .view-header-icon {
margin-right: unset;
}
.hover-editor .view-content {
height: 100%;
}
.hover-editor .popover-titlebar {
padding: var(--size-2-1) 0;
border-bottom: 1px solid var(--window-border);
}
.hover-editor :is(.popover-action, .mod-pin-popover) {
padding: 0 var(--size-2-1);
}
.emoji-mart-bar {
background-color: var(--background-secondary);
border-bottom-color: var(--window-border);
}
.emoji-mart-bar:last-child {
border-top-color: var(--window-border);
}
.emoji-mart-search {
display: flex;
padding: var(--size-4-1);
margin-top: unset;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.emoji-mart-search-icon {
top: unset;
}
.emoji-mart-scroll {
padding: unset;
}
.emoji-mart-category-label {
background-color: var(--background-secondary-blur);
border-bottom: 1px solid var(--window-border);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
}
.emoji-mart-category-label span {
background-color: unset;
}
.modal#emoji-modal .emoji-mart-emoji {
display: unset;
}
.emoji-mart-anchor svg {
color: var(--text-muted);
}
.emoji-mart-anchor-selected svg {
color: var(--interactive-accent-text);
}
.emoji-mart-anchor-bar {
background-color: var(--interactive-accent-tint) !important;
}
.emoji-mart-category .emoji-mart-emoji:hover::before,
.emoji-mart-category .emoji-mart-emoji:focus::before {
background-color: var(--background-modifier-hover);
}
.flatpickr-calendar {
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-l);
}
.flatpickr-calendar.arrowTop::before {
border-bottom-color: var(--window-border);
}
.flatpickr-calendar .flatpickr-months {
background: var(--background-secondary);
border-bottom: 1px solid var(--window-border);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
display: flex;
align-items: center;
justify-content: center;
height: unset;
padding: var(--size-2-3) var(--size-4-1);
margin: var(--size-4-1);
border-radius: var(--radius-s);
fill: var(--text-muted);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
background-color: var(--background-modifier-hover);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
fill: var(--highlight-text-normal);
}
.flatpickr-calendar .flatpickr-current-month {
display: flex;
align-items: center;
justify-content: center;
padding-top: unset;
}
.flatpickr-calendar .flatpickr-current-month input.cur-year {
padding-left: unset;
}
.flatpickr-calendar .flatpickr-monthDropdown-months {
font-weight: 600;
color: var(--text-normal);
text-align: center;
background-color: var(--background-secondary);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
.flatpickr-calendar .numInputWrapper {
width: 7ch;
padding-left: var(--size-4-2);
}
.flatpickr-calendar .numInput.cur-year {
font-weight: 800;
color: var(--interactive-accent-text);
box-shadow: unset;
}
.theme-light .flatpickr-calendar .flatpickr-days {
background-color: var(--background-primary);
}
.theme-dark .flatpickr-calendar .flatpickr-days {
background-color: var(--background-secondary-alt);
}
.flatpickr-calendar .dayContainer span.flatpickr-day,
.flatpickr-calendar .dayContainer span.flatpickr-day.prevMonthDay,
.flatpickr-calendar .dayContainer span.flatpickr-day.nextMonthDay {
border: unset;
border-radius: var(--radius-s) !important;
}
.flatpickr-calendar span.flatpickr-day {
font-weight: 600;
color: var(--text-normal);
}
.flatpickr-calendar span.flatpickr-day:hover {
font-weight: 600;
background-color: var(--background-primary);
border-radius: var(--radius-s);
transition: unset;
}
.flatpickr-calendar span.flatpickr-day.today {
font-weight: 800;
color: var(--interactive-accent-text);
}
.flatpickr-calendar span.flatpickr-day.prevMonthDay,
.flatpickr-calendar span.flatpickr-day.nextMonthDay {
opacity: 0.2;
}
.flatpickr-calendar span.flatpickr-day.selected {
background: var(--interactive-accent-base);
box-shadow: var(--shadow-s);
}
.flatpickr-calendar span.flatpickr-day.selected:hover {
font-weight: 600;
background-color: var(--background-primary);
border-radius: var(--radius-s);
transition: unset;
}
.flatpickr-calendar .flatpickr-weekdays {
border-bottom: 1px solid var(--window-border);
}
.flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
font-size: 10px;
font-weight: bold;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 1px;
}
.settings-search-container .vertical-tab-header-group-items {
padding: unset;
background-color: var(--background-secondary);
}
.settings-search-container .settings-search-input {
padding: unset;
}
.settings-search-container .search-input-container::before {
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
}
.settings-search-container .vertical-tab-nav-item {
border: unset;
}
/* @settings
name: Prism Theme
id: obsidian-prism-theme
collapsed: false
settings:
-
id: appearance
title: Appearance
description: Options which change how Prism styles Obsidian.
type: heading
level: 1
collapsed: true
-
id: accent-color-schemes-and-style
title: Accent, Color Schemes and Style
description: Main visual options for Prism.
type: heading
level: 2
collapsed: true
-
id: accent-colors-styles-lt
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: color-schemes-lt
title: Color Scheme
description: The `Custom` option allows you to use a CSS snippet with your own colors. Refer to the Prism Wiki guide `Custom Color Schemes` for more info.
type: class-select
allowEmpty: false
default: pt-color-scheme-swan-lt
options:
-
label: Swan
value: pt-color-scheme-swan-lt
-
label: Latte
value: pt-color-scheme-latte-lt
-
label: Periwinkle
value: pt-color-scheme-periwinkle-lt
-
label: Pistachio
value: pt-color-scheme-pistachio-lt
-
label: Custom
value: pt-color-scheme-custom-lt
-
id: accent-style-lt
title: Accent Style
description: Adjusts the style used by the Accented elements in the UI.
type: class-select
allowEmpty: false
default: pt-accent-style-borderandfilled-lt
options:
-
label: Plain
value: pt-accent-style-plain-lt
-
label: Border
value: pt-accent-style-border-lt
-
label: Filled
value: pt-accent-style-filled-lt
-
label: Border & Filled
value: pt-accent-style-borderandfilled-lt
-
id: light-accent-color-preset
title: Accent Color Preset
description: Changes the Light Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
type: class-select
allowEmpty: false
default: pt-accent-color-purple-lt
options:
-
label: Custom
value: pt-accent-color-custom-lt
-
label: Red
value: pt-accent-color-red-lt
-
label: Orange
value: pt-accent-color-orange-lt
-
label: Yellow
value: pt-accent-color-yellow-lt
-
label: Green
value: pt-accent-color-green-lt
-
label: Mint
value: pt-accent-color-mint-lt
-
label: Cyan
value: pt-accent-color-cyan-lt
-
label: Blue
value: pt-accent-color-blue-lt
-
label: Purple
value: pt-accent-color-purple-lt
-
label: Pink
value: pt-accent-color-pink-lt
-
label: Grey
value: pt-accent-color-grey-lt
-
id: highlight-text-accent-lt
title: Accent Text Color Preset
description: Adjusts the color used by the text in the Light Theme Accented elements of the UI.
type: class-select
allowEmpty: false
default: pt-highlight-text-accent-lt
options:
-
label: Custom
value: pt-highlight-text-custom-lt
-
label: Dark
value: pt-highlight-text-dark-lt
-
label: Light
value: pt-highlight-text-light-lt
-
label: Accent Color
value: pt-highlight-text-accent-lt
-
id: highlight-text-accent-custom-lt
title: Custom Accent Text Color
description: Make sure you selected 'Custom' in Light Theme Accent Text Color for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FFFFFF'
-
id: color-accent-custom-lt
title: Custom Accent Color Tuning
description: Make sure you selected 'Custom' in Accent Color Preset for this to work.
type: heading
level: 4
collapsed: true
-
id: color-accent-base-lt
title: Custom Accent Base Color
description: Accent Base Color should ideally be the lightest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-tint-lt
title: Custom Accent Tint Color
description: Accent Tint Color should ideally be between Base and Text in terms of lightness.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-text-lt
title: Custom Accent Text Color
description: Accent Text Color Lightness should ideally be the darkest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: accent-colors-styles-dt
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: color-schemes-dt
title: Color Scheme
description: The `Custom` option allows you to use a CSS snippet with your own colors. Refer to the Prism Wiki guide `Custom Color Schemes` for more info.
type: class-select
allowEmpty: false
default: pt-color-scheme-raven-dt
options:
-
label: Raven
value: pt-color-scheme-raven-dt
-
label: Mocha
value: pt-color-scheme-mocha-dt
-
label: Indigo
value: pt-color-scheme-indigo-dt
-
label: Pine
value: pt-color-scheme-pine-dt
-
label: Custom
value: pt-color-scheme-custom-dt
-
id: accent-style-dt
title: Accent Style
description: Adjusts the style used by the Accented elements in the UI.
type: class-select
allowEmpty: false
default: pt-accent-style-borderandfilled-dt
options:
-
label: Plain
value: pt-accent-style-plain-dt
-
label: Border
value: pt-accent-style-border-dt
-
label: Filled
value: pt-accent-style-filled-dt
-
label: Border & Filled
value: pt-accent-style-borderandfilled-dt
-
id: dark-accent-color-preset
title: Accent Color Preset
description: Changes the Dark Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
type: class-select
allowEmpty: false
default: pt-accent-color-purple-dt
options:
-
label: Custom
value: pt-accent-color-custom-dt
-
label: Red
value: pt-accent-color-red-dt
-
label: Orange
value: pt-accent-color-orange-dt
-
label: Yellow
value: pt-accent-color-yellow-dt
-
label: Green
value: pt-accent-color-green-dt
-
label: Mint
value: pt-accent-color-mint-dt
-
label: Cyan
value: pt-accent-color-cyan-dt
-
label: Blue
value: pt-accent-color-blue-dt
-
label: Purple
value: pt-accent-color-purple-dt
-
label: Pink
value: pt-accent-color-pink-dt
-
label: Grey
value: pt-accent-color-grey-dt
-
id: highlight-text-accent-dt
title: Accent Text Color Preset
description: Adjusts the color used by the text in the Dark Theme Accented elements of the UI.
type: class-select
allowEmpty: false
default: pt-highlight-text-accent-dt
options:
-
label: Custom
value: pt-highlight-text-custom-dt
-
label: Dark
value: pt-highlight-text-dark-dt
-
label: Light
value: pt-highlight-text-light-dt
-
label: Accent Color
value: pt-highlight-text-accent-dt
-
id: highlight-text-accent-custom-dt
title: Custom Accent Text Color
description: Make sure you selected 'Custom' in Dark Theme Accent Text Color for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FFFFFF'
-
id: color-accent-custom-dt
title: Custom Accent Color Tuning
description: Make sure you selected 'Custom' in Accent Color Preset for this to work.
type: heading
level: 4
collapsed: true
-
id: color-accent-base-dt
title: Custom Accent Base Color
description: Accent Base Color should ideally be the darkest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-tint-dt
title: Custom Accent Tint Color
description: Accent Tint Color should ideally be between Base and Text in terms of lightness.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: color-accent-text-dt
title: Custom Accent Text Color
description: Accent Text Color Lightness should ideally be the lightest of the 3.
type: variable-color
format: hsl-values
opacity: false
default: '#FF0000'
-
id: graph-view-colors
title: Graph Color Customisation
description: Define the colors used in the Graph View. In order to see changes you need to refresh the Graph View (restart Obsidian or toggle the Light/Dark theme).
type: heading
level: 2
collapsed: true
-
id: graph-view-light-theme
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: pt-graph-line-color-lt
title: Graph Lines Color
description: The color of a Graph lines connecting Graph Nodes.
type: heading
level: 4
collapsed: true
-
id: graph-line-color-lt
title: Graph Line Presets
type: variable-select
allowEmpty: false
default: var(--background-secondary-alt)
options:
-
label: Default
value: var(--background-secondary-alt)
-
label: Custom
value: var(--graph-line-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-line-custom-color-lt
title: Graph Lines Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Lines Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#C4C7CA'
-
id: graph-line-opacity-lt
title: Graph Lines Opacity
type: variable-number-slider
default: 1
min: 0
max: 1
step: 0.05
-
id: pt-graph-fill-color-lt
title: Graph Note Color
description: The color of a Graph Node representing a note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-color-lt
title: Graph Note Color Presets
type: variable-select
allowEmpty: false
default: var(--color-grey-text)
options:
-
label: Custom
value: var(--graph-fill-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-fill-custom-color-lt
title: Graph Note Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Note Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#C4C7CA'
-
id: pt-graph-fill-focused-color-lt
title: Graph Note Focused Color
description: The color of a Graph Node representing currently focused note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-focused-color-lt
title: Graph Note Focused Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-fill-focused-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-fill-focused-custom-color-lt
title: Graph Note Focused Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Note Focused Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#8670FF'
-
id: pt-graph-tag-color-lt
title: Graph Tag Color
description: The color of a Graph Node representing a tag.
type: heading
level: 4
collapsed: true
-
id: graph-tag-color-lt
title: Graph Tag Color Presets
type: variable-select
allowEmpty: false
default: var(--color-blue-text)
options:
-
label: Custom
value: var(--graph-tag-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-tag-custom-color-lt
title: Graph Tag Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Tag Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#619EFF'
-
id: pt-graph-attachment-color-lt
title: Graph Attachment Color
description: The color of a Graph Node representing an attachment.
type: heading
level: 4
collapsed: true
-
id: graph-attachment-color-lt
title: Graph Attachment Color Presets
type: variable-select
allowEmpty: false
default: var(--color-yellow-text)
options:
-
label: Custom
value: var(--graph-attachment-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-attachment-custom-color-lt
title: Graph Attachment Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Attachment Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FDDB6D'
-
id: pt-graph-unresolved-color-lt
title: Graph Unresolved Color
description: The color of a Graph Node representing an unresolved note.
type: heading
level: 4
collapsed: true
-
id: graph-unresolved-color-lt
title: Graph Unresolved Color Presets
type: variable-select
allowEmpty: false
default: var(--color-red-text)
options:
-
label: Custom
value: var(--graph-unresolved-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-unresolved-custom-color-lt
title: Graph Unresolved Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Unresolved Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#FF7070'
-
id: pt-graph-highlight-color-lt
title: Graph Highlight Color
description: The color of a Graph Node when highlighted.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-color-lt
title: Graph Highlight Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-highlight-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-highlight-custom-color-lt
title: Graph Highlight Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#8670FF'
-
id: pt-graph-highlight-line-color-lt
title: Graph Highlight Line Color
description: The color of the lines connected to a highlighted Graph Node.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-line-color-lt
title: Graph Highlight Line Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-highlight-line-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-highlight-line-custom-color-lt
title: Graph Highlight Line Custom Color
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#8670FF'
-
id: graph-view-dark-theme
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: pt-graph-line-color-dt
title: Graph Lines Color
description: The color of a Graph lines connecting Graph Nodes.
type: heading
level: 4
collapsed: true
-
id: graph-line-color-dt
title: Graph Lines Presets
type: variable-select
allowEmpty: false
default: var(--background-primary-alt)
options:
-
label: Default
value: var(--background-primary-alt)
-
label: Custom
value: var(--graph-line-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-line-custom-color-dt
title: Graph Lines Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Lines Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#C4C7CA'
-
id: pt-graph-fill-color-dt
title: Graph Note Color
description: The color of a Graph Node representing a note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-color-dt
title: Graph Note Color Presets
type: variable-select
allowEmpty: false
default: var(--color-grey-text)
options:
-
label: Custom
value: var(--graph-fill-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-fill-custom-color-dt
title: Graph Note Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Note Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#878787'
-
id: pt-graph-fill-focused-color-dt
title: Graph Note Focused Color
description: The color of a Graph Node representing currently focused note file.
type: heading
level: 4
collapsed: true
-
id: graph-fill-focused-color-dt
title: Graph Note Focused Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-fill-focused-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-fill-focused-custom-color-dt
title: Graph Note Focused Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Note Focused Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#4C3AB6'
-
id: pt-graph-tag-color-dt
title: Graph Tag Color
description: The color of a Graph Node representing a tag.
type: heading
level: 4
collapsed: true
-
id: graph-tag-color-dt
title: Graph Tag Color Presets
type: variable-select
allowEmpty: false
default: var(--color-blue-text)
options:
-
label: Custom
value: var(--graph-tag-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-tag-custom-color-dt
title: Graph Tag Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Tag Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#3663AB'
-
id: pt-graph-attachment-color-dt
title: Graph Attachment Color
description: The color of a Graph Node representing an attachment.
type: heading
level: 4
collapsed: true
-
id: graph-attachment-color-dt
title: Graph Attachment Color Presets
type: variable-select
allowEmpty: false
default: var(--color-yellow-text)
options:
-
label: Custom
value: var(--graph-attachment-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-attachment-custom-color-dt
title: Graph Attachment Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Attachment Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#AF943C'
-
id: pt-graph-unresolved-color-dt
title: Graph Unresolved Color
description: The color of a Graph Node representing an unresolved note.
type: heading
level: 4
collapsed: true
-
id: graph-unresolved-color-dt
title: Graph Unresolved Color Presets
type: variable-select
allowEmpty: false
default: var(--color-red-text)
options:
-
label: Custom
value: var(--graph-unresolved-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-unresolved-custom-color-dt
title: Graph Unresolved Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Unresolved Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#B63A3A'
-
id: pt-graph-highlight-color-dt
title: Graph Highlight Color
description: The color of a Graph Node when highlighted.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-color-dt
title: Graph Highlight Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-highlight-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-highlight-custom-color-dt
title: Graph Highlight Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#4C3AB6'
-
id: pt-graph-highlight-line-color-lt
title: Graph Highlight Line Color
description: The color of the lines connected to a highlighted Graph Node.
type: heading
level: 4
collapsed: true
-
id: graph-highlight-line-color-dt
title: Graph Highlight Line Color Presets
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text)
options:
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--graph-highlight-line-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: graph-highlight-line-custom-color-dt
title: Graph Highlight Line Custom Color
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
type: variable-color
format: hsl
opacity: false
default: '#4C3AB6'
-
id: custom-vault-banner
title: Custom Vault Banner
description: Custom Vault Banner in the File Explorer with a custom icon option.
type: heading
level: 2
collapsed: true
-
id: pt-custom-vault-banner
title: Enable Custom Vault Banner
description: Enables the Custom Vault Banner in the File Explorer.
type: class-toggle
default: true
-
id: custom-vault-banner-horizontal-align
title: Custom Vault Banner Alignment
description: Horizontally aligns the Custom Vault Banner content.
type: class-select
allowEmpty: false
default: pt-custom-vault-banner-justify-content-center
options:
-
label: Left
value: pt-custom-vault-banner-justify-content-left
-
label: Center
value: pt-custom-vault-banner-justify-content-center
-
label: Right
value: pt-custom-vault-banner-justify-content-right
-
id: custom-vault-banner-order
title: Custom Vault Banner Order
description: Select the order in which the content appears in the Custom Vault Banner.
type: class-select
allowEmpty: false
default: pt-custom-vault-banner-order-ltr
options:
-
label: Left to Right
value: pt-custom-vault-banner-order-ltr
-
label: Right to Left
value: pt-custom-vault-banner-order-rtl
-
id: pt-custom-vault-banner-sticky
title: Custom Vault Banner Sticky
description: Make the Custom Vault Banner stick to the top of the File Explorer.
type: class-toggle
default: true
-
id: custom-vault-banner-icon-url
title: Vault Banner Icon (URL)
description: Customise the Vault Banner Icon. Insert a URL to an image in between the brackets of 'url()'.
type: variable-text
default: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E)
-
id: editor
title: Editor
description: Settings for elements inside the Editor / Preview area of Obsidian.
type: heading
level: 1
collapsed: true
-
id: file-line-width
title: Custom Readable Line Length (px)
description: Changes the maximum width of the Readable Line Length (px). Enable 'Readable line length' in the Editor tab in Settings for this to apply.
type: variable-number-slider
level: 2
min: 100
max: 1800
step: 5
default: 700
format: px
-
id: font-options
title: Font Specific Options
description: Options for the default Sans Serif 3 font.
type: heading
level: 2
collapsed: true
-
id: pt-font-alt-a
title: Alternative lower case 'a' appearance
default: false
type: class-toggle
-
id: pt-font-alt-g
title: Alternative lower case 'g' appearance
default: false
type: class-toggle
-
id: pt-font-slashed-zero
title: Alternative '0' appearance (Slashed Zero)
default: false
type: class-toggle
-
id: pt-font-disable-ligatures
title: Disable Ligatures
default: true
type: class-toggle
-
id: header-styles
title: Headers
description: Customisation options for the Headers (H1 - H6).
type: heading
level: 2
collapsed: true
-
id: header-font-size
title: Header Font Size
description: The sizes are scalled based on the Font Size selected in the Appearance tab of the Settings.
type: heading
level: 3
collapsed: true
-
id: inline-title-size
title: Inline Title Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 2.2
format: em
-
id: h1-size
title: Header 1 (H1) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 2.2
format: em
-
id: h2-size
title: Header 2 (H2) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 2
format: em
-
id: h3-size
title: Header 3 (H3) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.8
format: em
-
id: h4-size
title: Header 4 (H4) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.6
format: em
-
id: h5-size
title: Header 5 (H5) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.4
format: em
-
id: h6-size
title: Header 6 (H6) Font Size (em)
type: variable-number-slider
min: 0.5
max: 5
step: 0.05
default: 1.2
format: em
-
id: header-text-color
title: Header Text Color
description: Options for changing the color of each header type.
type: heading
level: 3
collapsed: true
-
id: header-text-color-lt
title: Light Theme
type: heading
level: 4
collapsed: true
-
id: inline-title-color-lt
title: Inline Title Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--inline-title-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: inline-title-color-custom-lt
title: Inline Title Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Inline Title Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h1-text-color-lt
title: Header 1 (H1) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h1-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h1-text-color-custom-lt
title: Header 1 (H1) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 1 (H1) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h2-text-color-lt
title: Header 2 (H2) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h2-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h2-text-color-custom-lt
title: Header 2 (H2) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 2 (H2) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h3-text-color-lt
title: Header 3 (H3) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h3-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h3-text-color-custom-lt
title: Header 3 (H3) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 3 (H3) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h4-text-color-lt
title: Header 4 (H4) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h4-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h4-text-color-custom-lt
title: Header 4 (H4) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 4 (H4) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h5-text-color-lt
title: Header 5 (H5) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h5-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h5-text-color-custom-lt
title: Header 5 (H5) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 5 (H5) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h6-text-color-lt
title: Header 6 (H6) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h6-text-color-custom-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h6-text-color-custom-lt
title: Header 6 (H6) Custom Text Color
description: Make sure you selected 'Custom' in Light Theme Header 6 (H6) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: header-text-color-dt
title: Dark Theme
type: heading
level: 4
collapsed: true
-
id: inline-title-color-dt
title: Inline Title Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--inline-title-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: inline-title-color-custom-dt
title: Inline Title Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Inline Title Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h1-text-color-dt
title: Header 1 (H1) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h1-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h1-text-color-custom-dt
title: Header 1 (H1) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 1 (H1) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h2-text-color-dt
title: Header 2 (H2) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h2-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h2-text-color-custom-dt
title: Header 2 (H2) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 2 (H2) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h3-text-color-dt
title: Header 3 (H3) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h3-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h3-text-color-custom-dt
title: Header 3 (H3) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 3 (H3) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h4-text-color-dt
title: Header 4 (H4) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h4-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h4-text-color-custom-dt
title: Header 4 (H4) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 4 (H4) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h5-text-color-dt
title: Header 5 (H5) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h5-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h5-text-color-custom-dt
title: Header 5 (H5) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 5 (H5) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: h6-text-color-dt
title: Header 6 (H6) Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--h6-text-color-custom-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: h6-text-color-custom-dt
title: Header 6 (H6) Custom Text Color
description: Make sure you selected 'Custom' in Dark Theme Header 6 (H6) Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: editor-text-styles
title: Editor Text Color
description: Adjust the color of different types of text in the Editor.
type: heading
level: 2
collapsed: true
-
id: editor-text-light-theme
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: text-bold-color-lt
title: Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-bold-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-bold-custom-color-lt
title: Bold Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Bold Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-italic-color-lt
title: Italic Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-custom-color-lt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-italic-bold-color-lt
title: Italic and Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-bold-custom-color-lt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-bold-custom-color-lt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: link-internal-color-lt
title: Internal Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-internal-custom-color-lt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-internal-custom-color-lt
title: Internal Link Custom Color
description: Make sure you selected 'Custom' in Light Theme Internal Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: link-external-color-lt
title: External Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-external-custom-color-lt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-external-custom-color-lt
title: External Link Custom Color
description: Make sure you selected 'Custom' in Light Theme External Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: editor-text-dark-theme
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: text-bold-color-dt
title: Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-bold-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-bold-custom-color-dt
title: Bold Text Custom Color
description: Make sure you selected 'Custom' in Dark Theme Bold Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-italic-color-dt
title: Italic Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-custom-color-dt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Dark Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: text-italic-bold-color-dt
title: Italic and Bold Text Color Preset
type: variable-select
allowEmpty: false
default: var(--text-normal)
options:
-
label: Default
value: var(--text-normal)
-
label: Accent Color
value: var(--interactive-accent-text)
-
label: Custom
value: var(--text-italic-bold-custom-color-dt)
-
label: Red
value: var(--color-red-text)
-
label: Orange
value: var(--color-orange-text)
-
label: Yellow
value: var(--color-yellow-text)
-
label: Green
value: var(--color-green-text)
-
label: Mint
value: var(--color-mint-text)
-
label: Cyan
value: var(--color-cyan-text)
-
label: Blue
value: var(--color-blue-text)
-
label: Purple
value: var(--color-purple-text)
-
label: Pink
value: var(--color-pink-text)
-
label: Grey
value: var(--color-grey-text)
-
id: text-italic-bold-custom-color-dt
title: Italic Text Custom Color
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: link-internal-color-dt
title: Internal Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-internal-custom-color-dt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-internal-custom-color-dt
title: Internal Link Custom Color
description: Make sure you selected 'Custom' in Dark Theme Internal Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: link-external-color-dt
title: External Link Color Preset
type: variable-select
allowEmpty: false
default: var(--interactive-accent-text-hsl)
options:
-
label: Accent Color
value: var(--interactive-accent-text-hsl)
-
label: Custom
value: var(--link-external-custom-color-dt)
-
label: Red
value: var(--color-red-text-hsl)
-
label: Orange
value: var(--color-orange-text-hsl)
-
label: Yellow
value: var(--color-yellow-text-hsl)
-
label: Green
value: var(--color-green-text-hsl)
-
label: Mint
value: var(--color-mint-text-hsl)
-
label: Cyan
value: var(--color-cyan-text-hsl)
-
label: Blue
value: var(--color-blue-text-hsl)
-
label: Purple
value: var(--color-purple-text-hsl)
-
label: Pink
value: var(--color-pink-text-hsl)
-
label: Grey
value: var(--color-grey-text-hsl)
-
id: link-external-custom-color-dt
title: External Link Custom Color
description: Make sure you selected 'Custom' in Dark Theme External Link Color Preset for this to work.
type: variable-color
format: hsl-values
opacity: false
default: '#2B2B2B'
-
id: mark-highlight-styles
title: Mark Highlight
description: Adjusts the style used by the <mark> tag highlight system. Colors available = red, orange, yellow, green, mint, cyan, blue, purple, pink and grey. e.g. <mark class="red">Your Red text</mark>
type: heading
level: 2
collapsed: true
-
id: mark-highlight-light-theme
title: Light Theme
type: heading
level: 3
collapsed: true
-
id: light-mark-highlight-style
title: Mark Highlight Style
type: class-select
allowEmpty: false
default: pt-highlight-style-borderandfilled-lt
options:
-
label: Default
value: pt-highlight-style-default-lt
-
label: Border
value: pt-highlight-style-border-lt
-
label: Filled
value: pt-highlight-style-filled-lt
-
label: Border & Filled
value: pt-highlight-style-borderandfilled-lt
-
id: light-mark-highlight-text-color-preset
title: Mark Highlight Text Color Preset
type: class-select
allowEmpty: false
default: pt-highlight-text-color-lt
options:
-
label: Default
value: pt-highlight-text-default-lt
-
label: Color
value: pt-highlight-text-color-lt
-
id: mark-highlight-dark-theme
title: Dark Theme
type: heading
level: 3
collapsed: true
-
id: dark-mark-highlight-style
title: Mark Highlight Style
type: class-select
allowEmpty: false
default: pt-highlight-style-borderandfilled-dt
options:
-
label: Default
value: pt-highlight-style-default-dt
-
label: Border
value: pt-highlight-style-border-dt
-
label: Filled
value: pt-highlight-style-filled-dt
-
label: Border & Filled
value: pt-highlight-style-borderandfilled-dt
-
id: dark-mark-highlight-text-color-preset
title: Mark Highlight Text Color Preset
type: class-select
allowEmpty: false
default: pt-highlight-text-color-dt
options:
-
label: Default
value: pt-highlight-text-default-dt
-
label: Color
value: pt-highlight-text-color-dt
-
id: user-interface
title: User Interface
description: Settings for spacing, position, alignment and other adjustments of different UI elements.
type: heading
level: 1
collapsed: true
-
id: window-adjustments
title: Window Adjustments
description: Settings for changing the gaps between windows and border radius around all UI elements.
type: heading
level: 2
collapsed: true
-
id: radius-m
title: Border Radius Medium (px)
description: The size of the border radius around larger elements of the UI.
type: variable-number-slider
format: 'px'
default: 8
level: 2
min: 0
max: 20
step: 1
-
id: radius-s
title: Border Radius Small (px)
description: The size of the border radius around smaller elements of the UI.
type: variable-number-slider
format: 'px'
default: 4
level: 2
min: 0
max: 20
step: 1
-
id: sidebar-elements
title: Sidebar Elements
description: Settings for positioning, alignment, etc. of different UI elements within the Sidebars.
type: heading
level: 2
collapsed: true
-
id: tab-label
title: Tab Label
description: Settings for positioning, alignment, etc. of the Tab Labels.
type: heading
level: 3
collapsed: true
-
id: left-sidebar-tab-label-alignment
title: Left Sidebar Tab Label Alignment
description: Horizontal Alignment of the Tab Labels in the Left Sidebar.
type: class-select
allowEmpty: false
default: pt-tab-label-left-sidebar-left
options:
-
label: Left
value: pt-tab-label-left-sidebar-left
-
label: Center
value: pt-tab-label-left-sidebar-center
-
label: Right
value: pt-tab-label-left-sidebar-right
-
id: right-sidebar-tab-label-alignment
title: Right Sidebar Tab Label Alignment
description: Horizontal Alignment of the Tab Labels in the Right Sidebar.
type: class-select
allowEmpty: false
default: pt-tab-label-right-sidebar-left
options:
-
label: Left
value: pt-tab-label-right-sidebar-left
-
label: Center
value: pt-tab-label-right-sidebar-center
-
label: Right
value: pt-tab-label-right-sidebar-right
-
id: nav-header
title: Nav Header
description: Settings for positioning, alignment, etc. of the Nav Headers.
type: heading
level: 3
collapsed: true
-
id: nav-header-left-sidebar-position
title: Left Sidebar Nav Header Position
description: Vertical Position of the Nav Header in the Left Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-left-sidebar-position-bottom
options:
-
label: Top
value: pt-nav-header-left-sidebar-position-top
-
label: Bottom
value: pt-nav-header-left-sidebar-position-bottom
-
id: nav-header-left-sidebar-alignment
title: Left Sidebar Nav Header Alignment
description: Horizontal Alignment of the Nav Header in the Left Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-left-sidebar-align-center
options:
-
label: Left
value: pt-nav-header-left-sidebar-align-left
-
label: Center
value: pt-nav-header-left-sidebar-align-center
-
label: Right
value: pt-nav-header-left-sidebar-align-right
-
id: nav-header-right-sidebar-position
title: Right Sidebar Nav Header Position
description: Vertical Position of the Nav Header in the Right Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-right-sidebar-position-bottom
options:
-
label: Top
value: pt-nav-header-right-sidebar-position-top
-
label: Bottom
value: pt-nav-header-right-sidebar-position-bottom
-
id: nav-header-right-sidebar-alignment
title: Right Sidebar Nav Header Alignment
description: Horizontal Alignment of the Nav Header in the Right Sidebar Workspace Leaf.
type: class-select
allowEmpty: false
default: pt-nav-header-right-sidebar-align-center
options:
-
label: Left
value: pt-nav-header-right-sidebar-align-left
-
label: Center
value: pt-nav-header-right-sidebar-align-center
-
label: Right
value: pt-nav-header-right-sidebar-align-right
-
id: file-explorer
title: File Explorer
description: Customisation options for the File Explorer module.
type: heading
level: 3
collapsed: true
-
id: file-explorer-left-margin
title: File Explorer File/Folder Left Margin (px)
description: Increases the Left Margin for Files/Folders in order indent them within another folder.
type: variable-number-slider
format: 'px'
default: 0
min: 0
max: 25
step: 1
-
id: pt-file-explorer-folder-icon
title: Enable Folder Dropdown Icon
description: Replaces the Arrow dropdown icon with a Folder icon (different icons for closed and open folders).
default: false
type: class-toggle
-
id: pt-file-explorer-folder-icon-color
title: Folder Dropdown Icon Color
description: Different presets for the Folder Dropdown Icon Color. Make sure to enable the option above `Enable Folder Dropdown Icon` for this to apply.
type: class-select
allowEmpty: false
default: pt-file-explorer-folder-icon-default
options:
-
label: Default
value: pt-file-explorer-folder-icon-default
-
label: Accent Color
value: pt-file-explorer-folder-icon-accent
-
label: Accent Color on Open Folders
value: pt-file-explorer-folder-icon-active
-
id: titlebar
title: Titlebar
description: Settings for changing the style of the Titlebar.
type: heading
level: 2
collapsed: true
-
id: pt-titlebar-hide-text
title: Hide Titlebar Title Text
description: Hides the Titlebar Title Text (Useful when the Statusbar is at the top).
type: class-toggle
default: false
-
id: status-bar
title: Status Bar
description: Settings for the Status Bar. Adjust position, Change the order of items, etc.
type: heading
level: 2
collapsed: true
-
id: pt-status-bar-style
title: Status Bar Style
description: Change the Position of the Status Bar.
type: class-select
allowEmpty: false
default: pt-status-bar-position-floating
options:
-
label: Hidden
value: pt-status-bar-position-hidden
-
label: Floating
value: pt-status-bar-position-floating
-
label: Fixed
value: pt-status-bar-position-fixed
-
id: pt-fixed-status-bar-align
title: Fixed Status Bar Horizontal Alignment
description: Change the Horizontal Alignment of the Fixed Status Bar.
type: class-select
allowEmpty: false
default: pt-fixed-status-bar-align-center
options:
-
label: Left
value: pt-fixed-status-bar-align-left
-
label: Center
value: pt-fixed-status-bar-align-center
-
label: Right
value: pt-fixed-status-bar-align-right
-
id: status-bar-customisation-lt
title: Light Theme Customisation
type: heading
level: 3
collapsed: true
-
id: status-bar-preset-lt
title: Status Bar Preset
description: Choose between Default and Custom colors for the Light Theme Status Bar.
default: pt-status-bar-default-lt
type: class-select
options:
-
label: Default
value: pt-status-bar-default-lt
-
label: Custom
value: pt-status-bar-custom-lt
-
id: status-bar-background-color-lt
title: Status Bar Background Color
description: Make sure you selected 'Custom' in Light Theme Status Bar Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#EBECEF'
-
id: status-bar-text-color-lt
title: Status Bar Text/Icons Color
description: Choose the color used for the Light Theme Status Bar Text/Icons.
default: pt-status-bar-text-dark-lt
type: class-select
options:
-
label: Light
value: pt-status-bar-text-light-lt
-
label: Dark
value: pt-status-bar-text-dark-lt
-
label: Accent Color
value: pt-status-bar-text-accent-lt
-
id: status-bar-customisation-dt
title: Dark Theme Customisation
type: heading
level: 3
collapsed: true
-
id: status-bar-preset-dt
title: Status Bar Preset
description: Choose between Default and Custom colors for the Dark Theme Status Bar.
default: pt-status-bar-default-dt
level: 2
type: class-select
options:
-
label: Default
value: pt-status-bar-default-dt
-
label: Custom
value: pt-status-bar-custom-dt
-
id: status-bar-background-color-dt
title: Status Bar Background Color
description: Make sure you selected 'Custom' in Dark Theme Status Bar Preset for this to work.
type: variable-color
format: hsl
opacity: false
default: '#2B2B2B'
-
id: status-bar-text-color-dt
title: Status Bar Text/Icons Color
description: Choose the color used for the Dark Theme Status Bar Text/Icons.
default: pt-status-bar-text-light-dt
type: class-select
options:
-
label: Light
value: pt-status-bar-text-light-dt
-
label: Dark
value: pt-status-bar-text-dark-dt
-
label: Accent Color
value: pt-status-bar-text-accent-dt
-
id: scrollbar
title: Scrollbar
description: Settings for the Scrollbar. Adjust the width, Add Scroll Buttons, etc.
type: heading
level: 2
collapsed: true
-
id: scroll-bar-size
title: Scrollbar Width
description: Change the width of the Scrollbar (px).
type: variable-number-slider
default: 12
min: 5
max: 20
format: px
-
id: plugins
title: Plugins
description: Plugin Specific Settings.
type: heading
level: 1
collapsed: true
-
id: kanban-settings
title: Kanban
description: Mgmeyers Obsidian Kanban Plugin (https://github.com/mgmeyers/obsidian-kanban).
type: heading
level: 2
collapsed: true
-
id: pt-disable-kanban-title-count
title: Disable Kanban Title Card Count
description: Removes the Card Count in the Kanban Lane Title.
type: class-toggle
default: false
-
id: pt-center-kanban-title-text
title: Center Kanban Title Text
description: Aligns the Kanban Lane Title to the center.
type: class-toggle
default: true
-
id: pt-kanban-background-lt
title: Light Theme Kanban Background
description: Change the Light Theme background of the Kanban board.
type: class-select
allowEmpty: false
default: pt-kanban-background-grid-lt
options:
-
label: Solid Color
value: pt-kanban-background-default-lt
-
label: Dots
value: pt-kanban-background-dots-lt
-
label: Grid
value: pt-kanban-background-grid-lt
-
id: pt-kanban-background-dt
title: Dark Theme Kanban Background
description: Change the Dark Theme background of the Kanban board.
type: class-select
allowEmpty: false
default: pt-kanban-background-grid-dt
options:
-
label: Solid Color
value: pt-kanban-background-default-dt
-
label: Dots
value: pt-kanban-background-dots-dt
-
label: Grid
value: pt-kanban-background-grid-dt
-
id: icon-folder-settings
title: Icon Folder
description: Florian Woelki Icon Folder (https://github.com/FlorianWoelki/obsidian-icon-folder).
type: heading
level: 2
collapsed: true
-
id: pt-icon-folder-accent
title: Use UI Accent Color for Icon Folder
description: Makes the Folder Icons inherit the UI Accent Color.
type: class-toggle
default: true
-
id: icons-settings
title: Icons
description: visini Icons (https://github.com/visini/obsidian-icons-plugin).
type: heading
level: 2
collapsed: true
-
id: pt-icons-accent
title: Use UI Accent Color for Icons
description: Makes the Icons inherit the UI Accent Color.
type: class-toggle
default: false
-
id: feature-toggles
title: Feature Toggles
description: Disable / hide certain aspects of the theme.
type: heading
level: 1
collapsed: true
-
id: pt-fade-inactive-tabs
title: Fade Inactive Tabs
description: Fades out inactive UI tabs to help distinguish the currently active tab.
default: false
type: class-toggle
-
id: pt-disable-blur
title: Disable Blurred Background Effect
description: Disables the blur background in all elements that use it by making them opaque.
default: false
type: class-toggle
-
id: pt-disable-callout-styling
title: Disable Prism Callout Styling
description: This option removes the custom Callout Styling introduced with Prism and reverts to a completely default look. This should be used if you prefer the default callout styling or have CSS Snippets that use it's customisation options.
default: false
type: class-toggle
-
id: pt-disable-mark-highlight-styling
title: Disable Mark Highlight Styling
description: This option removes the Prism Mark Highlight Styling (reverts to default look). This will be handy for those that already use a different <mark> tag based highlighting system.
default: false
type: class-toggle
-
id: pt-collapsed-pinned-tab
title: Collapsed Pinned Tabs
description: This option removes the title from pinned tabs and adds back the default file icon for the markdown files. Helps reduce the horizontal space wasted by pinned tabs. You can still see the title when you hover over the icon. NOTE - This option requires Installer Version 1.1.9+ due to use of CSS `has()`. Also, might not work on certain Mobile clients.
default: false
type: class-toggle
-
id: theme-info
title: Theme Info
description: Additional help and information regarding Prism.
type: heading
level: 1
collapsed: false
-
id: theme-info-buttons
type: info-text
markdown: true
description: '<div class="styleSettingsButton prism-wiki"><a href="https://github.com/damiankorcz/Prism-Theme/wiki"><span class="styleSettingsButtonEmoji">🏛️</span>Prism Wiki</a></div><div class="styleSettingsButton prism-roadmap"><a href="https://github.com/users/damiankorcz/projects/5"><span class="styleSettingsButtonEmoji">🗺️</span>Prism Roadmap</a></div><div class="styleSettingsButton prism-releases"><a href="https://github.com/damiankorcz/Prism-Theme/releases"><span class="styleSettingsButtonEmoji">📦</span>Prism Releases & Changelog</a></div>'
-
id: support
title: Support the Development of Prism
description: If you are enjoying the theme, here are some ways to support its development.
type: heading
level: 1
collapsed: false
-
id: support-buttons
type: info-text
markdown: true
description: '<div class="styleSettingsButton prism-star"><a href="https://github.com/damiankorcz/Prism-Theme"><span class="styleSettingsButtonEmoji">🌠</span>Star the project on GitHub</a></div><div class="styleSettingsButton prism-issue"><a href="https://github.com/damiankorcz/Prism-Theme/issues"><span class="styleSettingsButtonEmoji">⚠️</span>Submit an Issue</a></div><div class="styleSettingsButton prism-coffee"><a href="https://www.buymeacoffee.com/DamianKorcz"><span class="styleSettingsButtonEmoji">☕</span> Buy me a coffee!</a></div>'
-
id: prism-theme
title: Prism Theme Class
type: class-select
allowEmpty: false
default: prism-theme
options:
-
label: Prism theme
value: prism-theme
*/
/* @plugins
core:
- audio-recorder
- backlink
- canvas
- command-palette
- daily-notes
- file-explorer
- file-recovery
- global-search
- graph
- markdown-importer
- note-composer
- open-with-default-app
- outgoing-link
- outline
- page-preview
- publish
- random-note
- slash-commands
- slides
- starred
- sync
- switcher
- tag-pane
- templates
- word-count
- workspaces
- zk-prefixer
community:
- table-editor-obsidian
- obsidian-kanban
- quick-explorer
- calendar
- cmenu-plugin
- obsidian-dangling-links
- pane-relief
- obsidian-icon-folder
- obsidian-map-view
- obsidian-emoji-toolbar
- obsidian-tagfolder
- obsidian-dictionary-plugin
- obsidian-icons-plugin
- obsidian-jump-to-date-plugin
- obsidian-hover-editor
- obsidian-quiet-outline
- recent-files-obsidian
- file-tree-alternative
- settings-search
*/