This repository has been archived on 2023-07-05. You can view files and clone it, but cannot push or open issues/pull-requests.
notes/.obsidian/themes/Prism/theme.css

8685 lines
1.3 MiB
CSS
Raw Normal View History

2023-07-01 00:31:53 +00:00
/*!
Prism Theme for Obsidian.md (Version: 3.1.0)
> 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+uV7A578sgqquUMiybMxHYQtkNLm
}
@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+//8yg4gjDIiIWGMSryft1FvrZvHr7iFEzgX1fpmhK32VznSLYN5ZxvN73wQCJHulY2lp00mhXpOHJhM5t4loiZDd2yWpKZUsKJk
}
/*! 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/sAJYAGkCWAAjAlgAXAJYAFoCWABcAlgAPAJYAFoCWABQAlgARAJYAFwCWABYAlgANwJYAF8CWAAyAlgAXQJYADICWABVAlgAVQJYABkCWABeAlgAVQJYAFUCWAA8AlgAWgJYADcCWAAoAlgANgJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABVAlgANwJYAFoCWABQAlgAXAJYAFwCWAA2AlgADwJYAFoCWABaAlgAaQJYAEQCWABbAlgAUAJYAFoCWABIAlgARgJYAEYCWABVAlgAQAJYAFACWABCAlgAQAJYAFgCWACRAlgAmwJYAJcCWACIAlgAkgJYAIkCWACRAlgAmwJYAJYCWACSAlgAkQJYAJsCWACXAlgAiAJYAJICWACJAlgAkQJYAJsCWACWAlgAkgJYAFoCWAAeAlgAHgJYABoCWABMAlgA2QJYAKUCWADZAlgAqgJYADwCWADhAlgA4QJYAIICWABuAlgA2QJYALQCWAAjAlgAzQJYAJYCWAA
}
@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+AlgAsgJYALoCWAA1AlgAigJYAGUCWAA
}
/*! Theme Code below is distributed under the MIT License. See https://github.com/damiankorcz/Obsidian-Prism/blob/main/LICENSE for more information. */
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.25em;
--list-bullet-size: 6px;
--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);
--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: 8px;
--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);
--blur-intensity: 8px;
--accent-border-width: 2px;
--scroll-bar-size: 12px;
--callout-background-alpha: 20%;
--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(0deg, 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;
}
.mod-left-split .workspace-tabs .workspace-tab-header-spacer,
.mod-right-split .workspace-tabs .workspace-tab-header-spacer {
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;
}
.workspace-split.mod-left-split .workspace-tab-header-container {
}
.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;
}
.workspace-split.mod-right-split .workspace-tab-header-container {
}
.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);
}
body.is-mobile .mod-root .cm-scroller::-webkit-scrollbar-track,
body.is-mobile .mod-root .view-content::-webkit-scrollbar-track {
margin-bottom: 47px !important;
}
.mobile-toolbar {
position: absolute;
bottom: 0;
z-index: var(--layer-cover);
display: flex;
align-self: center;
width: fit-content;
max-width: -webkit-fill-available;
max-width: fill-available;
height: unset;
margin: 4px;
background-color: unset;
border: unset;
}
.mobile-toolbar-options-container {
padding: unset;
background-color: 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));
}
.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::before {
position: sticky;
top: 0;
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);
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.1.0";
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);
}
body:not(.native-scrollbars, .is-phone) .modal-close-button {
top: var(--size-4-1);
right: var(--size-4-1);
z-index: var(--layer-popover);
}
.modal-close-button:hover {
color: var(--highlight-text-normal);
}
.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;
}
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;
}
::-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::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-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);
}
:is(.mod-active .document-search-container, .document-search-container) {
position: relative;
right: var(--scroll-bar-size);
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);
}
:is(.markdown-embed-link, .file-embed-link) {
right: calc(var(--scroll-bar-size) + var(--size-4-1));
}
.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 {
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 {
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 {
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 {
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;
}
.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);
}
:is(.cm-inline-code, .cm-math) {
padding: 0 var(--size-4-1);
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
: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-source-view.mod-cm6 .cm-embed-block pre {
margin: 1em 0;
}
.markdown-source-view.mod-cm6 .cm-foldPlaceholder {
color: var(--interactive-accent-text);
}
.markdown-source-view.mod-cm6 .list-bullet {
padding-inline-end: 0.4em;
}
.markdown-source-view.mod-cm6 .cm-indent::before {
transform: translateX(0);
}
.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);
}
.markdown-source-view.mod-cm6 .HyperMD-list-line .task-list-label {
margin-left: -6px;
}
.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);
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);
}
.theme-dark .code-block-flair {
background-color: var(--background-secondary-alt);
}
: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);
border-top: 1px solid var(--blockquote-border-color);
border-right: 1px solid var(--blockquote-border-color);
border-bottom: 1px solid var(--blockquote-border-color);
}
.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote {
padding-left: var(--size-4-6) !important;
}
.file-embed.mod-empty {
border: 1px solid var(--window-border);
border-radius: var(--radius-s);
}
: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-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before {
left: -13px;
}
.theme-light .markdown-rendered mark .internal-link {
color: var(--link-internal-color-lt);
}
.theme-dark .markdown-rendered mark .internal-link {
color: var(--link-internal-color-dt);
}
.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);
}
body:not(.pt-disable-callout-styling) {
--callout-padding: 4px;
--callout-radius: var(--radius-m);
}
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 {
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-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-rendered progress,
.markdown-source-view.is-live-preview progress {
height: 15px;
vertical-align: middle;
}
.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-rendered progress::before,
.theme-light .markdown-source-view.is-live-preview progress::before {
text-shadow:
-1px -1px 0 hsla(0deg, 0%, 100%, 0.5),
1px -1px 0 hsla(0deg, 0%, 100%, 0.5),
-1px 1px 0 hsla(0deg, 0%, 100%, 0.5),
1px 1px 0 hsla(0deg, 0%, 100%, 0.5);
}
.theme-dark .markdown-rendered progress::before,
.theme-dark .markdown-source-view.is-live-preview progress::before {
text-shadow:
-1px -1px 0 hsla(0deg, 0%, 0%, 0.5),
1px -1px 0 hsla(0deg, 0%, 0%, 0.5),
-1px 1px 0 hsla(0deg, 0%, 0%, 0.5),
1px 1px 0 hsla(0deg, 0%, 0%, 0.5);
}
.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-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-rendered progress::-webkit-progress-bar,
.theme-dark .markdown-source-view.is-live-preview progress::-webkit-progress-bar {
background-color: var(--background-secondary-alt);
}
.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-rendered progress[value="0"]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value="0"]::-webkit-progress-value {
border: unset;
}
:is(.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-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-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-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-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);
}
.\37co: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 {
background-color: var(--background-secondary);
}
: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);
}
: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 {
top: calc((var(--input-height) - var(--search-icon-size) + var(--size-4-2)) / 2);
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-2);
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);
}
.theme-dark .canvas-wrapper,
.theme-dark .canvas-node-content {
background-color: var(--background-secondary-alt);
}
.canvas-controls-group,
.canvas-card-menu,
.canvas-menu {
gap: var(--size-4-1);
padding: var(--size-4-1);
background: var(--background-secondary-blur);
-webkit-backdrop-filter: blur(var(--blur-intensity));
backdrop-filter: blur(var(--blur-intensity));
border-radius: var(--radius-m);
}
.canvas-card-menu {
border: 1px solid var(--window-border);
}
.canvas-controls button,
button.canvas-menu-item {
padding: var(--size-2-3);
background-color: unset;
border: unset;
border-radius: var(--radius-s);
}
.canvas-controls button:hover,
button.canvas-menu-item:hover {
color: var(--nav-item-color-hover);
background-color: var(--background-modifier-hover);
}
.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;
}
.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;
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-4);
}
: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: "\1f3a8";
}
.setting-item.style-settings-heading[data-id=editor] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "\1f4dd";
}
.setting-item.style-settings-heading[data-id=user-interface] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "\1f446";
}
.setting-item.style-settings-heading[data-id=plugins] .style-settings-collapse-indicator::after {
margin-left: var(--size-4-2);
content: "\1f9e9";
}
.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: "\1faa0";
}
.style-settings-heading[data-id=prism-wiki] {
margin-top: 10px;
margin-bottom: 0;
pointer-events: none;
cursor: text;
border-top: 2px solid var(--window-border);
}
.style-settings-heading[data-id=prism-wiki] .setting-item-control,
.style-settings-heading[data-id=prism-wiki] .style-settings-collapse-indicator {
display: none;
}
.style-settings-heading[data-id=prism-wiki] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family:
"Segoe UI Emoji",
"Apple Color Emoji",
sans-serif;
font-weight: initial;
color: unset;
content: "\1f4d6";
}
.style-settings-heading[data-id=prism-wiki] .setting-item-description {
padding-left: var(--size-4-1);
}
.setting-item.style-settings-heading[data-id=prism-wiki-link] {
padding: unset;
margin-bottom: 0;
cursor: default;
}
.setting-item.style-settings-heading[data-id=prism-wiki-link]:hover {
background-color: unset;
}
.setting-item.style-settings-heading[data-id=prism-wiki-link] .setting-item-name,
.setting-item.style-settings-heading[data-id=prism-wiki-link] .setting-item-control,
.setting-item.style-settings-heading[data-id=prism-wiki-link] .style-settings-collapse-indicator {
display: none;
}
.setting-item.style-settings-heading[data-id=prism-wiki-link] .setting-item-description {
color: var(--interactive-accent-text);
cursor: text;
user-select: all;
}
.style-settings-heading[data-id=support] {
margin-bottom: 0;
pointer-events: none;
cursor: text;
}
.style-settings-heading[data-id=support] :is(.setting-item-control, .style-settings-collapse-indicator) {
display: none;
}
.style-settings-heading[data-id=support] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: 8px;
font-family:
"Segoe UI Emoji",
"Apple Color Emoji",
sans-serif;
font-weight: initial;
color: unset;
content: "\2764\fe0f";
}
.style-settings-heading[data-id=support] .setting-item-description {
padding-left: var(--size-4-1);
}
:is(.style-settings-heading[data-id=support-star-repo], .style-settings-heading[data-id=support-submit-issue], .style-settings-heading[data-id=support-donate], .style-settings-heading[data-id=prism-wiki-link]) {
padding-bottom: 0;
margin-bottom: 0;
}
:is(.style-settings-heading[data-id=support-star-repo], .style-settings-heading[data-id=support-submit-issue], .style-settings-heading[data-id=support-donate], .style-settings-heading[data-id=prism-wiki-link]) :is(.setting-item-control, .style-settings-collapse-indicator) {
display: none;
}
.setting-item.style-settings-heading[data-id=support-star-repo],
.setting-item.style-settings-heading[data-id=support-submit-issue],
.setting-item.style-settings-heading[data-id=support-donate] {
cursor: default;
}
.setting-item.style-settings-heading[data-id=support-star-repo]:hover,
.setting-item.style-settings-heading[data-id=support-submit-issue]:hover,
.setting-item.style-settings-heading[data-id=support-donate]:hover {
background-color: unset;
}
.setting-item.style-settings-heading[data-id=support-star-repo] .setting-item-name::before,
.setting-item.style-settings-heading[data-id=support-submit-issue] .setting-item-name::before,
.setting-item.style-settings-heading[data-id=support-donate] .setting-item-name::before {
display: inline-block;
width: 20px;
height: fit-content;
padding-right: var(--size-4-2);
font-family:
"Segoe UI Emoji",
"Apple Color Emoji",
sans-serif;
font-weight: initial;
color: unset;
}
.setting-item.style-settings-heading[data-id=support-star-repo] .setting-item-description,
.setting-item.style-settings-heading[data-id=support-submit-issue] .setting-item-description,
.setting-item.style-settings-heading[data-id=support-donate] .setting-item-description {
color: var(--interactive-accent-text);
cursor: text;
user-select: all;
}
.setting-item.style-settings-heading[data-id=support-star-repo] .setting-item-name::before {
content: "\2b50";
}
.setting-item.style-settings-heading[data-id=support-submit-issue] .setting-item-name::before {
content: "\26a0\fe0f";
}
.setting-item.style-settings-heading[data-id=support-donate] .setting-item-name::before {
content: "\2615";
}
.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 {
}
.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
name: Prism Theme
id: obsidian-prism-theme
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
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
-
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
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
-
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: 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-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-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-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 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: prism-wiki
title: Prism Wiki
description: Visit the Wiki section of the GitHub Repository for additional detailed descriptions for theme specific features and customisation options.
type: heading
level: 1
collapsed: false
-
id: prism-wiki-link
description: https://github.com/damiankorcz/Prism-Theme/wiki
type: heading
level: 2
collapsed: true
-
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-star-repo
title: Star the project on GitHub
description: https://github.com/damiankorcz/Prism-Theme
type: heading
level: 2
collapsed: true
-
id: support-submit-issue
title: Submit an issue with the theme
description: https://github.com/damiankorcz/Prism-Theme/issues
type: heading
level: 2
collapsed: true
-
id: support-donate
title: Buy Me a Coffee
description: https://www.buymeacoffee.com/DamianKorcz
type: heading
level: 2
collapsed: true
-
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
*/