2023-08-28 16:05:38 +00:00
/ *
Prism Theme for Obsidian . md ( Version : 3 . 4 . 1 )
2023-07-05 18:29:11 +00:00
> 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 )
2023-08-28 16:05:38 +00:00
Theme Code is distributed under the MIT License .
See https : / / github . com / damiankorcz / Obsidian-Prism / blob / main / LICENSE for more information .
2023-07-05 18:29:11 +00:00
2023-08-28 16:05:38 +00:00
Copyright ( c ) 2021-2023 Damian Korcz < https : / / github . com / damiankorcz >
2023-07-05 18:29:11 +00:00
* /
2023-08-28 16:05:38 +00:00
. theme-light . pt-color-scheme-swan-lt ,
. theme-light : not ( . css-settings-manager ) {
--color-grey-base-hsl : 0 , 0 % , 90 % ;
--color-red-base-hsl : 7 , 90 % , 92 % ;
--color-orange-base-hsl : 26 , 85 % , 89 % ;
--color-yellow-base-hsl : 42 , 88 % , 83 % ;
--color-green-base-hsl : 101 , 49 % , 85 % ;
--color-mint-base-hsl : 152 , 62 % , 85 % ;
--color-cyan-base-hsl : 184 , 60 % , 85 % ;
--color-blue-base-hsl : 217 , 76 % , 92 % ;
--color-purple-base-hsl : 251 , 87 % , 94 % ;
--color-pink-base-hsl : 328 , 79 % , 93 % ;
--color-grey-tint-hsl : 0 , 0 % , 73 % ;
--color-red-tint-hsl : 7 , 82 % , 78 % ;
--color-orange-tint-hsl : 27 , 80 % , 69 % ;
--color-yellow-tint-hsl : 44 , 67 % , 58 % ;
--color-green-tint-hsl : 99 , 50 % , 59 % ;
--color-mint-tint-hsl : 158 , 59 % , 55 % ;
--color-cyan-tint-hsl : 184 , 61 % , 56 % ;
--color-blue-tint-hsl : 219 , 73 % , 78 % ;
--color-purple-tint-hsl : 252 , 84 % , 83 % ;
--color-pink-tint-hsl : 327 , 72 % , 79 % ;
--color-grey-text-hsl : 0 , 0 % , 47 % ;
--color-red-text-hsl : 3 , 68 % , 52 % ;
--color-orange-text-hsl : 31 , 100 % , 36 % ;
--color-yellow-text-hsl : 38 , 62 % , 37 % ;
--color-green-text-hsl : 93 , 100 % , 27 % ;
--color-mint-text-hsl : 161 , 100 % , 26 % ;
--color-cyan-text-hsl : 184 , 100 % , 28 % ;
--color-blue-text-hsl : 221 , 67 % , 56 % ;
--color-purple-text-hsl : 258 , 75 % , 63 % ;
--color-pink-text-hsl : 320 , 60 % , 50 % ;
--text-normal-hsl : 0 , 0 % , 15 % ;
--text-muted-hsl : 0 , 0 % , 20 % ;
--text-faint-hsl : 0 , 0 % , 35 % ;
--background-primary-hsl : 0 , 0 % , 100 % ;
--background-primary-alt-hsl : 0 , 0 % , 96 % ;
--background-secondary-hsl : 0 , 0 % , 93 % ;
--background-secondary-blur-hsl : 0 , 0 % , 92 % ;
--background-secondary-alt-hsl : 0 , 0 % , 69 % ;
--shadow-color-hsl : 0 , 0 % , 0 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 3 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 3 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 3 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 3 % ) 0 6px 12px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. theme-dark . pt-color-scheme-raven-dt ,
. theme-dark : not ( . css-settings-manager ) {
--color-grey-base-hsl : 0 , 0 % , 16 % ;
--color-red-base-hsl : 2 , 55 % , 19 % ;
--color-orange-base-hsl : 26 , 65 % , 15 % ;
--color-yellow-base-hsl : 43 , 73 % , 12 % ;
--color-green-base-hsl : 124 , 54 % , 12 % ;
--color-mint-base-hsl : 165 , 88 % , 10 % ;
--color-cyan-base-hsl : 195 , 65 % , 13 % ;
--color-blue-base-hsl : 225 , 50 % , 20 % ;
--color-purple-base-hsl : 271 , 48 % , 21 % ;
--color-pink-base-hsl : 325 , 55 % , 18 % ;
--color-grey-tint-hsl : 0 , 0 % , 40 % ;
--color-red-tint-hsl : 3 , 49 % , 46 % ;
--color-orange-tint-hsl : 27 , 53 % , 37 % ;
--color-yellow-tint-hsl : 44 , 59 % , 31 % ;
--color-green-tint-hsl : 123 , 43 % , 32 % ;
--color-mint-tint-hsl : 166 , 73 % , 26 % ;
--color-cyan-tint-hsl : 195 , 52 % , 34 % ;
--color-blue-tint-hsl : 224 , 44 % , 49 % ;
--color-purple-tint-hsl : 271 , 43 % , 51 % ;
--color-pink-tint-hsl : 325 , 47 % , 45 % ;
--color-grey-text-hsl : 0 , 0 % , 67 % ;
--color-red-text-hsl : 4 , 74 % , 74 % ;
--color-orange-text-hsl : 26 , 85 % , 63 % ;
--color-yellow-text-hsl : 44 , 60 % , 53 % ;
--color-green-text-hsl : 124 , 48 % , 54 % ;
--color-mint-text-hsl : 166 , 67 % , 45 % ;
--color-cyan-text-hsl : 195 , 69 % , 58 % ;
--color-blue-text-hsl : 225 , 61 % , 75 % ;
--color-purple-text-hsl : 267 , 52 % , 75 % ;
--color-pink-text-hsl : 330 , 64 % , 74 % ;
--text-normal-hsl : 0 , 0 % , 91 % ;
--text-muted-hsl : 0 , 0 % , 86 % ;
--text-faint-hsl : 0 , 0 % , 81 % ;
--background-primary-hsl : 0 , 0 % , 18 % ;
--background-primary-alt-hsl : 0 , 0 % , 30 % ;
--background-secondary-hsl : 0 , 0 % , 12 % ;
--background-secondary-blur-hsl : 0 , 0 % , 13 % ;
--background-secondary-alt-hsl : 0 , 0 % , 8 % ;
--shadow-color-hsl : 0 , 0 % , 0 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 5 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 5 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 5 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 5 % ) 0 6px 12px ;
}
2023-07-05 18:29:11 +00:00
. theme-light . pt-color-scheme-latte-lt {
2023-08-28 16:05:38 +00:00
--color-grey-base-hsl : 0 , 0 % , 90 % ;
--color-red-base-hsl : 11 , 100 % , 92 % ;
--color-orange-base-hsl : 30 , 90 % , 88 % ;
--color-yellow-base-hsl : 41 , 88 % , 84 % ;
--color-green-base-hsl : 101 , 47 % , 86 % ;
--color-mint-base-hsl : 153 , 61 % , 85 % ;
--color-cyan-base-hsl : 184 , 58 % , 86 % ;
--color-blue-base-hsl : 220 , 75 % , 92 % ;
--color-purple-base-hsl : 252 , 81 % , 94 % ;
--color-pink-base-hsl : 329 , 73 % , 93 % ;
--color-grey-tint-hsl : 0 , 0 % , 73 % ;
--color-red-tint-hsl : 10 , 91 % , 78 % ;
--color-orange-tint-hsl : 30 , 79 % , 68 % ;
--color-yellow-tint-hsl : 43 , 65 % , 59 % ;
--color-green-tint-hsl : 99 , 48 % , 60 % ;
--color-mint-tint-hsl : 158 , 56 % , 56 % ;
--color-cyan-tint-hsl : 184 , 58 % , 58 % ;
--color-blue-tint-hsl : 220 , 70 % , 78 % ;
--color-purple-tint-hsl : 253 , 75 % , 83 % ;
--color-pink-tint-hsl : 327 , 67 % , 79 % ;
--color-grey-text-hsl : 0 , 0 % , 47 % ;
--color-red-text-hsl : 3 , 64 % , 53 % ;
--color-orange-text-hsl : 33 , 100 % , 35 % ;
--color-yellow-text-hsl : 37 , 55 % , 39 % ;
--color-green-text-hsl : 91 , 93 % , 27 % ;
--color-mint-text-hsl : 162 , 100 % , 27 % ;
--color-cyan-text-hsl : 184 , 100 % , 28 % ;
--color-blue-text-hsl : 221 , 64 % , 56 % ;
--color-purple-text-hsl : 257 , 69 % , 63 % ;
--color-pink-text-hsl : 321 , 57 % , 51 % ;
--text-normal-hsl : 28 , 42 % , 15 % ;
--text-muted-hsl : 28 , 42 % , 20 % ;
--text-faint-hsl : 28 , 42 % , 35 % ;
--background-primary-hsl : 28 , 42 % , 98 % ;
--background-primary-alt-hsl : 28 , 42 % , 94 % ;
--background-secondary-hsl : 28 , 42 % , 90 % ;
--background-secondary-blur-hsl : 28 , 42 % , 88 % ;
--background-secondary-alt-hsl : 28 , 42 % , 66 % ;
--shadow-color-hsl : 28 , 42 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 6px 12px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . pt-color-scheme-mocha-dt {
2023-08-28 16:05:38 +00:00
--color-grey-base-hsl : 0 , 0 % , 17 % ;
--color-red-base-hsl : 2 , 50 % , 20 % ;
--color-orange-base-hsl : 26 , 58 % , 16 % ;
--color-yellow-base-hsl : 43 , 64 % , 13 % ;
--color-green-base-hsl : 122 , 47 % , 13 % ;
--color-mint-base-hsl : 165 , 75 % , 11 % ;
--color-cyan-base-hsl : 196 , 57 % , 15 % ;
--color-blue-base-hsl : 225 , 47 % , 21 % ;
--color-purple-base-hsl : 271 , 45 % , 22 % ;
--color-pink-base-hsl : 326 , 50 % , 20 % ;
--color-grey-tint-hsl : 0 , 0 % , 41 % ;
--color-red-tint-hsl : 4 , 46 % , 47 % ;
--color-orange-tint-hsl : 26 , 49 % , 38 % ;
--color-yellow-tint-hsl : 43 , 53 % , 32 % ;
--color-green-tint-hsl : 123 , 39 % , 33 % ;
--color-mint-tint-hsl : 164 , 61 % , 29 % ;
--color-cyan-tint-hsl : 195 , 47 % , 36 % ;
--color-blue-tint-hsl : 225 , 42 % , 50 % ;
--color-purple-tint-hsl : 271 , 41 % , 51 % ;
--color-pink-tint-hsl : 326 , 44 % , 46 % ;
--color-grey-text-hsl : 0 , 0 % , 65 % ;
--color-red-text-hsl : 4 , 69 % , 72 % ;
--color-orange-text-hsl : 26 , 74 % , 61 % ;
--color-yellow-text-hsl : 43 , 53 % , 52 % ;
--color-green-text-hsl : 123 , 43 % , 54 % ;
--color-mint-text-hsl : 165 , 56 % , 46 % ;
--color-cyan-text-hsl : 196 , 60 % , 57 % ;
--color-blue-text-hsl : 226 , 56 % , 72 % ;
--color-purple-text-hsl : 267 , 48 % , 73 % ;
--color-pink-text-hsl : 329 , 60 % , 71 % ;
--text-normal-hsl : 25 , 40 % , 91 % ;
--text-muted-hsl : 25 , 40 % , 86 % ;
--text-faint-hsl : 25 , 40 % , 81 % ;
--background-primary-hsl : 25 , 40 % , 18 % ;
--background-primary-alt-hsl : 25 , 40 % , 28 % ;
--background-secondary-hsl : 25 , 40 % , 12 % ;
--background-secondary-blur-hsl : 25 , 40 % , 13 % ;
--background-secondary-alt-hsl : 25 , 40 % , 8 % ;
--shadow-color-hsl : 25 , 40 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 50 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 50 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 50 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 50 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 50 % ) 0 6px 12px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-light . pt-color-scheme-periwinkle-lt {
2023-08-28 16:05:38 +00:00
--color-grey-base-hsl : 0 , 0 % , 92 % ;
--color-red-base-hsl : 6 , 100 % , 94 % ;
--color-orange-base-hsl : 30 , 100 % , 91 % ;
--color-yellow-base-hsl : 42 , 80 % , 88 % ;
--color-green-base-hsl : 100 , 52 % , 89 % ;
--color-mint-base-hsl : 153 , 65 % , 88 % ;
--color-cyan-base-hsl : 185 , 63 % , 88 % ;
--color-blue-base-hsl : 220 , 100 % , 94 % ;
--color-purple-base-hsl : 250 , 100 % , 95 % ;
--color-pink-base-hsl : 329 , 86 % , 94 % ;
--color-grey-tint-hsl : 0 , 0 % , 75 % ;
--color-red-tint-hsl : 8 , 88 % , 81 % ;
--color-orange-tint-hsl : 31 , 90 % , 69 % ;
--color-yellow-tint-hsl : 45 , 60 % , 64 % ;
--color-green-tint-hsl : 99 , 52 % , 62 % ;
--color-mint-tint-hsl : 159 , 64 % , 55 % ;
--color-cyan-tint-hsl : 184 , 67 % , 58 % ;
--color-blue-tint-hsl : 219 , 96 % , 81 % ;
--color-purple-tint-hsl : 252 , 100 % , 86 % ;
--color-pink-tint-hsl : 327 , 77 % , 81 % ;
--color-grey-text-hsl : 0 , 0 % , 50 % ;
--color-red-text-hsl : 3 , 73 % , 55 % ;
--color-orange-text-hsl : 31 , 100 % , 38 % ;
--color-yellow-text-hsl : 39 , 78 % , 37 % ;
--color-green-text-hsl : 93 , 100 % , 28 % ;
--color-mint-text-hsl : 161 , 100 % , 28 % ;
--color-cyan-text-hsl : 184 , 100 % , 29 % ;
--color-blue-text-hsl : 221 , 87 % , 60 % ;
--color-purple-text-hsl : 257 , 92 % , 68 % ;
--color-pink-text-hsl : 321 , 67 % , 54 % ;
--text-normal-hsl : 221 , 55 % , 15 % ;
--text-muted-hsl : 221 , 55 % , 20 % ;
--text-faint-hsl : 221 , 55 % , 35 % ;
--background-primary-hsl : 221 , 55 % , 98 % ;
--background-primary-alt-hsl : 221 , 55 % , 95 % ;
--background-secondary-hsl : 221 , 55 % , 92 % ;
--background-secondary-blur-hsl : 221 , 55 % , 91 % ;
--background-secondary-alt-hsl : 221 , 55 % , 72 % ;
--shadow-color-hsl : 221 , 55 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 6px 12px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . pt-color-scheme-indigo-dt {
2023-08-28 16:05:38 +00:00
--color-grey-base-hsl : 0 , 0 % , 17 % ;
--color-red-base-hsl : 2 , 50 % , 20 % ;
--color-orange-base-hsl : 26 , 58 % , 16 % ;
--color-yellow-base-hsl : 43 , 64 % , 13 % ;
--color-green-base-hsl : 124 , 48 % , 14 % ;
--color-mint-base-hsl : 165 , 75 % , 11 % ;
--color-cyan-base-hsl : 196 , 57 % , 15 % ;
--color-blue-base-hsl : 225 , 47 % , 21 % ;
--color-purple-base-hsl : 271 , 45 % , 22 % ;
--color-pink-base-hsl : 326 , 50 % , 20 % ;
--color-grey-tint-hsl : 0 , 0 % , 41 % ;
--color-red-tint-hsl : 4 , 46 % , 47 % ;
--color-orange-tint-hsl : 26 , 49 % , 38 % ;
--color-yellow-tint-hsl : 43 , 53 % , 32 % ;
--color-green-tint-hsl : 123 , 39 % , 33 % ;
--color-mint-tint-hsl : 164 , 61 % , 29 % ;
--color-cyan-tint-hsl : 196 , 48 % , 36 % ;
--color-blue-tint-hsl : 225 , 42 % , 50 % ;
--color-purple-tint-hsl : 271 , 41 % , 51 % ;
--color-pink-tint-hsl : 326 , 44 % , 46 % ;
--color-grey-text-hsl : 0 , 0 % , 65 % ;
--color-red-text-hsl : 4 , 69 % , 72 % ;
--color-orange-text-hsl : 26 , 74 % , 61 % ;
--color-yellow-text-hsl : 43 , 53 % , 52 % ;
--color-green-text-hsl : 123 , 43 % , 54 % ;
--color-mint-text-hsl : 165 , 56 % , 46 % ;
--color-cyan-text-hsl : 196 , 60 % , 57 % ;
--color-blue-text-hsl : 226 , 56 % , 72 % ;
--color-purple-text-hsl : 267 , 48 % , 73 % ;
--color-pink-text-hsl : 329 , 60 % , 71 % ;
--text-normal-hsl : 225 , 40 % , 91 % ;
--text-muted-hsl : 225 , 40 % , 86 % ;
--text-faint-hsl : 225 , 40 % , 81 % ;
--background-primary-hsl : 225 , 40 % , 20 % ;
--background-primary-alt-hsl : 225 , 40 % , 33 % ;
--background-secondary-hsl : 225 , 40 % , 13 % ;
--background-secondary-blur-hsl : 225 , 40 % , 14 % ;
--background-secondary-alt-hsl : 225 , 40 % , 9 % ;
--shadow-color-hsl : 225 , 40 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 6px 12px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-light . pt-color-scheme-pistachio-lt {
2023-08-28 16:05:38 +00:00
--color-grey-base-hsl : 0 , 0 % , 90 % ;
--color-red-base-hsl : 8 , 100 % , 93 % ;
--color-orange-base-hsl : 26 , 89 % , 89 % ;
--color-yellow-base-hsl : 41 , 90 % , 84 % ;
--color-green-base-hsl : 109 , 52 % , 86 % ;
--color-mint-base-hsl : 152 , 65 % , 85 % ;
--color-cyan-base-hsl : 184 , 63 % , 85 % ;
--color-blue-base-hsl : 220 , 85 % , 92 % ;
--color-purple-base-hsl : 250 , 100 % , 94 % ;
--color-pink-base-hsl : 327 , 84 % , 93 % ;
--color-grey-tint-hsl : 0 , 0 % , 73 % ;
--color-red-tint-hsl : 7 , 85 % , 79 % ;
--color-orange-tint-hsl : 27 , 83 % , 69 % ;
--color-yellow-tint-hsl : 44 , 70 % , 56 % ;
--color-green-tint-hsl : 108 , 52 % , 60 % ;
--color-mint-tint-hsl : 160 , 61 % , 52 % ;
--color-cyan-tint-hsl : 184 , 64 % , 55 % ;
--color-blue-tint-hsl : 220 , 78 % , 78 % ;
--color-purple-tint-hsl : 252 , 90 % , 84 % ;
--color-pink-tint-hsl : 326 , 76 % , 79 % ;
--color-grey-text-hsl : 0 , 0 % , 47 % ;
--color-red-text-hsl : 2 , 71 % , 52 % ;
--color-orange-text-hsl : 30 , 100 % , 36 % ;
--color-yellow-text-hsl : 39 , 71 % , 36 % ;
--color-green-text-hsl : 116 , 42 % , 37 % ;
--color-mint-text-hsl : 160 , 100 % , 27 % ;
--color-cyan-text-hsl : 185 , 100 % , 28 % ;
--color-blue-text-hsl : 221 , 72 % , 56 % ;
--color-purple-text-hsl : 259 , 80 % , 64 % ;
--color-pink-text-hsl : 319 , 65 % , 50 % ;
--text-normal-hsl : 101 , 35 % , 15 % ;
--text-muted-hsl : 101 , 35 % , 20 % ;
--text-faint-hsl : 101 , 35 % , 35 % ;
--background-primary-hsl : 101 , 35 % , 99 % ;
--background-primary-alt-hsl : 101 , 35 % , 95 % ;
--background-secondary-hsl : 101 , 35 % , 91 % ;
--background-secondary-blur-hsl : 101 , 35 % , 90 % ;
--background-secondary-alt-hsl : 101 , 35 % , 62 % ;
--shadow-color-hsl : 101 , 35 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 6px 12px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . pt-color-scheme-pine-dt {
2023-08-28 16:05:38 +00:00
--color-grey-base-hsl : 0 , 0 % , 17 % ;
--color-red-base-hsl : 2 , 50 % , 20 % ;
--color-orange-base-hsl : 26 , 59 % , 15 % ;
--color-yellow-base-hsl : 43 , 66 % , 13 % ;
--color-green-base-hsl : 122 , 48 % , 13 % ;
--color-mint-base-hsl : 164 , 75 % , 11 % ;
--color-cyan-base-hsl : 196 , 56 % , 14 % ;
--color-blue-base-hsl : 225 , 48 % , 21 % ;
--color-purple-base-hsl : 272 , 45 % , 21 % ;
--color-pink-base-hsl : 326 , 52 % , 19 % ;
--color-grey-tint-hsl : 0 , 0 % , 40 % ;
--color-red-tint-hsl : 3 , 46 % , 47 % ;
--color-orange-tint-hsl : 26 , 49 % , 38 % ;
--color-yellow-tint-hsl : 43 , 52 % , 32 % ;
--color-green-tint-hsl : 123 , 39 % , 33 % ;
--color-mint-tint-hsl : 165 , 60 % , 28 % ;
--color-cyan-tint-hsl : 195 , 48 % , 35 % ;
--color-blue-tint-hsl : 225 , 42 % , 49 % ;
--color-purple-tint-hsl : 271 , 41 % , 51 % ;
--color-pink-tint-hsl : 327 , 44 % , 46 % ;
--color-grey-text-hsl : 0 , 0 % , 66 % ;
--color-red-text-hsl : 5 , 70 % , 73 % ;
--color-orange-text-hsl : 26 , 78 % , 63 % ;
--color-yellow-text-hsl : 43 , 56 % , 53 % ;
--color-green-text-hsl : 123 , 44 % , 55 % ;
--color-mint-text-hsl : 165 , 56 % , 48 % ;
--color-cyan-text-hsl : 196 , 63 % , 58 % ;
--color-blue-text-hsl : 226 , 56 % , 74 % ;
--color-purple-text-hsl : 268 , 48 % , 74 % ;
--color-pink-text-hsl : 330 , 59 % , 73 % ;
--text-normal-hsl : 123 , 39 % , 93 % ;
--text-muted-hsl : 123 , 39 % , 88 % ;
--text-faint-hsl : 123 , 39 % , 83 % ;
--background-primary-hsl : 123 , 39 % , 15 % ;
--background-primary-alt-hsl : 123 , 39 % , 23 % ;
--background-secondary-hsl : 123 , 39 % , 9 % ;
--background-secondary-blur-hsl : 123 , 39 % , 10 % ;
--background-secondary-alt-hsl : 123 , 39 % , 6 % ;
--shadow-color-hsl : 123 , 39 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 6px 12px ;
}
. theme-light . pt-color-scheme-peach-lt {
--color-grey-base-hsl : 0 , 0 % , 90 % ;
--color-red-base-hsl : 9 , 90 % , 92 % ;
--color-orange-base-hsl : 25 , 96 % , 89 % ;
--color-yellow-base-hsl : 41 , 91 % , 83 % ;
--color-green-base-hsl : 101 , 53 % , 85 % ;
--color-mint-base-hsl : 153 , 64 % , 84 % ;
--color-cyan-base-hsl : 184 , 63 % , 85 % ;
--color-blue-base-hsl : 221 , 85 % , 92 % ;
--color-purple-base-hsl : 250 , 100 % , 94 % ;
--color-pink-base-hsl : 328 , 84 % , 93 % ;
--color-grey-tint-hsl : 0 , 0 % , 73 % ;
--color-red-tint-hsl : 7 , 79 % , 78 % ;
--color-orange-tint-hsl : 26 , 89 % , 69 % ;
--color-yellow-tint-hsl : 44 , 70 % , 56 % ;
--color-green-tint-hsl : 98 , 52 % , 58 % ;
--color-mint-tint-hsl : 160 , 61 % , 52 % ;
--color-cyan-tint-hsl : 184 , 63 % , 54 % ;
--color-blue-tint-hsl : 219 , 78 % , 78 % ;
--color-purple-tint-hsl : 252 , 90 % , 84 % ;
--color-pink-tint-hsl : 326 , 76 % , 79 % ;
--color-grey-text-hsl : 0 , 0 % , 47 % ;
--color-red-text-hsl : 4 , 67 % , 51 % ;
--color-orange-text-hsl : 29 , 100 % , 37 % ;
--color-yellow-text-hsl : 39 , 70 % , 36 % ;
--color-green-text-hsl : 95 , 100 % , 26 % ;
--color-mint-text-hsl : 160 , 100 % , 26 % ;
--color-cyan-text-hsl : 185 , 100 % , 28 % ;
--color-blue-text-hsl : 221 , 72 % , 56 % ;
--color-purple-text-hsl : 259 , 81 % , 64 % ;
--color-pink-text-hsl : 319 , 66 % , 49 % ;
--text-normal-hsl : 3 , 55 % , 15 % ;
--text-muted-hsl : 3 , 55 % , 20 % ;
--text-faint-hsl : 3 , 55 % , 35 % ;
--background-primary-hsl : 3 , 55 % , 98 % ;
--background-primary-alt-hsl : 3 , 55 % , 95 % ;
--background-secondary-hsl : 3 , 55 % , 93 % ;
--background-secondary-blur-hsl : 3 , 55 % , 92 % ;
--background-secondary-alt-hsl : 3 , 55 % , 74 % ;
--shadow-color-hsl : 3 , 55 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 4 % ) 0 6px 12px ;
}
. theme-dark . pt-color-scheme-cherry-dt {
--color-grey-base-hsl : 0 , 0 % , 17 % ;
--color-red-base-hsl : 2 , 50 % , 20 % ;
--color-orange-base-hsl : 26 , 59 % , 16 % ;
--color-yellow-base-hsl : 43 , 64 % , 13 % ;
--color-green-base-hsl : 124 , 48 % , 14 % ;
--color-mint-base-hsl : 165 , 75 % , 11 % ;
--color-cyan-base-hsl : 196 , 57 % , 15 % ;
--color-blue-base-hsl : 225 , 47 % , 21 % ;
--color-purple-base-hsl : 272 , 45 % , 22 % ;
--color-pink-base-hsl : 326 , 50 % , 20 % ;
--color-grey-tint-hsl : 0 , 0 % , 41 % ;
--color-red-tint-hsl : 4 , 46 % , 47 % ;
--color-orange-tint-hsl : 26 , 49 % , 38 % ;
--color-yellow-tint-hsl : 43 , 53 % , 32 % ;
--color-green-tint-hsl : 123 , 39 % , 33 % ;
--color-mint-tint-hsl : 164 , 61 % , 29 % ;
--color-cyan-tint-hsl : 196 , 48 % , 36 % ;
--color-blue-tint-hsl : 225 , 42 % , 50 % ;
--color-purple-tint-hsl : 272 , 42 % , 51 % ;
--color-pink-tint-hsl : 326 , 44 % , 46 % ;
--color-grey-text-hsl : 0 , 0 % , 67 % ;
--color-red-text-hsl : 4 , 70 % , 74 % ;
--color-orange-text-hsl : 26 , 80 % , 63 % ;
--color-yellow-text-hsl : 43 , 57 % , 54 % ;
--color-green-text-hsl : 123 , 45 % , 55 % ;
--color-mint-text-hsl : 165 , 56 % , 48 % ;
--color-cyan-text-hsl : 195 , 64 % , 59 % ;
--color-blue-text-hsl : 226 , 56 % , 74 % ;
--color-purple-text-hsl : 268 , 48 % , 75 % ;
--color-pink-text-hsl : 330 , 60 % , 74 % ;
--text-normal-hsl : 2 , 48 % , 93 % ;
--text-muted-hsl : 2 , 48 % , 88 % ;
--text-faint-hsl : 2 , 48 % , 83 % ;
--background-primary-hsl : 2 , 48 % , 19 % ;
--background-primary-alt-hsl : 2 , 48 % , 29 % ;
--background-secondary-hsl : 2 , 48 % , 12 % ;
--background-secondary-blur-hsl : 2 , 48 % , 13 % ;
--background-secondary-alt-hsl : 2 , 48 % , 8 % ;
--shadow-color-hsl : 2 , 48 % , 7 % ;
--shadow-s : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px 0 ;
--shadow-l : hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 1px 2px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 2px 4px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 4px 8px , hsla ( var ( --shadow-color-hsl ) , 10 % ) 0 6px 12px ;
}
/* Source Sans - Distributed under the SIL Open Font Licence 1.1 - https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md */
2023-07-05 18:29:11 +00:00
@ font-face {
font-family : "Source Sans 3" ;
font-style : normal ;
font-weight : 200 900 ;
font-stretch : normal ;
2023-08-28 16:05:38 +00:00
src : url ( " data : application / octet-stream ; base64 , AAEAAAAVAQAABABQQkFTRWUeXb0ACd1EAAAARkRTSUcAAAABAAL6cAAAAAhHREVGC + 6Z1AAJ14gAAAWPR1BPU4yAN5MABWq8AARszEdTVUIwxGokAAUC8AAAZ8xIVkFSkQ8ZRQAE7YgAABVnTVZBUnkJbwAABO1AAAAARk9TLzJ + S1MFAAAB2AAAAGBTVEFU757 / 4wAC + uQAAADmYXZhcpg6iSYACd0YAAAAKmNtYXC4pT0gAAAo8AAAQk5mdmFyjSl2xgAC + ngAAABqZ2x5ZtKgUE4AAH6gAAH / 5Gd2YXKkYUgWAAL7zAAB8XJoZWFkJdCsMQAAAVwAAAA2aGhlYQoNDzwAAAGUAAAAJGhtdHiJKYCTAAACOAAAJrZsb2NhP9m8QgAAa0AAABNebWF4cAnIAQIAAAG4AAAAIG5hbWW34f40AAJ + hAAAHNBwb3N0NkPangACm1QAAF8bAAEAAAADDVBYAi5lXw889QADA + gAAAAA4EqtuAAAAADgSq3A / bL + 4AhwA6YAAAAGAAIAAAAAAAAAAQAAA + j + ugAACJj9sv48CHAAAQAAAAAAAAAAAAAAAAAACa0AAQAACa4AkAAMAG4ACQABAAAAAAAAAAAAAAAAAAQAAwAEAe0AyAAFAAACigJYAAAASwKKAlgAAAFeADIBHgAAAgsDAwMEAwICBOAAAv8AACADAAAAAAAAAABBREJPAAAAIP / / A + j + ugAAA + gBRiAAAZ8AAAAAAd4ClAAAACAABQJwAGAAyAAAAggACgI + AGQCMgA4AlgAZAH + AGQB1gBkAlgAOAJ6AGQA6ABkAcgALAImAGQBzABkAroAZAJ4AGQCiAA4Ah4AZAKIADgCFgBkAgQAMAIIAB4CdgBiAeIABgL8AB4B1gASAbQABAIaADQB5gA8AhoAYAG + ADYCHAA2Ad4ANgD8AB4B4AA2AgoAYADeAE4A3v / iAcQAYADmAGADJgBgAg4AYAIUADYCHABgAhwANgEyAGABkAAiAS4AHgIMAFgBpgAMAqAAGAGIAA4BqAAMAYwAGgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAggACgIIAAoCCAAKAyQAGgMkABoDJAAaAggACgJOABYCwAAwAj4AZAI + AGQCMgA4AjIAOAIyADgCMgA4AjIAOAIyADgCWABkAlgAZAJYAGQCWABkAlgAZAJsABYC5AAwAf4AZAH + AGQB / gBkAf4AZAH + AGQB / gBkAf4AZAH + AGQB / gBkAf4APAH + AGQB / gBkAf4AZAH + AGQB / gBkAf4AWgH + AGQB / gBkAf4AZAH + AGQB / gAuAiIAMAHWAGQCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AoYAOAJYADgCWAA4AnoAZAJ6AGQCegBkAnoAZAJ6AGQCegAkAnoAZAJ6AGQCogAWAOj / / ADoAC4A6P / eAOj / 1ADo / / QA6P / 8AOj / 8ADoAFIA6P / eAOj / jgDoACIA6ABCAOgAVAEQABYB0ABkAcgALAHIACwB3AAsAiYAZAImAGQCJgBkAcwALgHMAGQBzABkAcwAZAHM / / wBzABkAdIABAHcABYB3AAWAhIAGgHg / / 4BzABkAroAZAK6AGQCugBkAngAZAJ4AGQCeABkAngAZAJ4AGQCeABkAngAZAJ4AGQCYgBkAngAZAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA4AogAOAKIADgCiAA6AogAOgM8ADgB4gAGAjIAKAQuADgCiAA4AogAPAKIADwCiAA8AogAPAKIADwCiAA8Ah4AZAIWAGQCFgBkAhYAZAIWAGQCFgBkAhYAZAIWAGQCBAAwAgQAMAIEADACBAAwAgQAMAIEADACBAAwAgQAMAJ8AGQCCAAeAggAHgIIAB4CCAAeAggAHgIIAB4CCAAeAggAHgIIABgCdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgJ2AGICdgBiAnYAYgKeABQCdgBiAoAAYgKAAGICgABiAoAAYgKAAGICgABiAeIABgL8AB4C / AAeAvwAHgL8AB4BtAAEAbQABAG0AAQBtAAEAbQABAG0AAQBtAAEAbQABAIaADQCGgA0AhoANAIaADQCGgA0AhoANAJsABYCLABkAh4AZAHkACACIgAwAiIAMAJ6AEACiAAeAh4AZAJMAB4CTAAaAcwAEgIWAGQBxgAsAh4AZAIIAB4B4gAGAOoAZAG0AAQCjAAuAdYAEgG6AAAA + AAwAPgANAOYAGQB0AAuAggACgH + AGQA6AAiAogAOAJ2AGICIgAwAbQABAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gAyAeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AeYAPAHmADwB5gA8AwgAPAMIADwDCAA8AeYAPAIuABYCGgBgAhoAYAIaAGABvgA2Ab4ANgG + ADYBvgA2Ab4ANgG + ADYCHAA2AhwANgIcADYCHAA2AhwANgIwADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gA2Ad4ANgHeADYB3gAyAd4ANgHeADYB3gA2Ad4ANgHeACYA / AAeAeAANgHgADYB4AA2AeAANgHgADYB4AA2AeAANgIwADYB4AA2AhwANgIKAGACCgBgAgoAYAIKAGACCgBgAgoAFAIKAGACCgBgAh4AFgDeAAAA3gAoAN7 / 2ADe / 84A3v / 4AN7 / 9gDe / 9wA3gBOAN7 / 2ADe / 7AA3gAeAN4APAEGABYA3gBgAbwATgDe / 9oA3v / aAQb / 9gDe / + IBxABgAcQAYAHEAGABxABgAOYAKADeAGAA5gAyAOYAYADm / / YA5gAKAPoAAAEEABYBBAAWAST / 8gD8 / / 4BIABgAyYAYAMmAGADJgBgAg4AYAIOAGACDgBgAg4AYAIOAGACDgBgAg4AYAIOAGACvwA2Ag4AYAIOAGACFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIUADYCFAA2AhQALgIUAC4DVAA2AaYADAG + ABoDjAA2AgoAMgIUADYCFAA2AhQANgIUADYCFAA2AhQANgIcAGABMgBgATIAMgEyAGABMgAeATIATgEyAE4BMv / 2AZAAIgGQACIBkAAiAZAAIgGQACIBkAAiAZAAIgGQACICEgBgAOwAIgEuAB4BLgAeAS4AHgEuAB4BLgAeAS4AHgEuAAwBLgAeAS4ACgIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgCDABYAgwAWAIMAFgBpgAMAqAAGAKgABgCoAAYAqAAGAGoAAwBqAAMAagADAGoAAwBqAAMAagADAGoAAwBqAAMAYwAGgGMABoBjAAaAYwAGgGMABoBjAAaAhQAPgIcAGACCABgAZ4ADAGMAAIBjAACAd4AJgIGAD4BRgBgAcwAIgHMAAoA5gA8AdAAYAFYABgBRgBgAZ4AHgGIABgA + AAwAPgANAIGAGABvAAoAeYAPAHeADYA3gAeAhQANgIMAFgBpgA2AeYAUgIkADYCJAA8AewAYAIYAGABvgA2AbwAEgIcADYCHAA2AyYANgMkADYDMAA2AzAANgIGAD4CBgA + Ad4AJgJsACYBpgA2AbgAKAIcACgCEgA2AQb / 9gIcADYB4gA2AaYADAHiADYCDg
2023-07-05 18:29:11 +00:00
}
@ font-face {
font-family : "Source Sans 3" ;
font-style : italic ;
font-weight : 200 900 ;
font-stretch : normal ;
2023-08-28 16:05:38 +00:00
src : url ( " data : application / octet-stream ; base64 , AAEAAAAVAQAABABQQkFTRWUeXb0ABgikAAAARkRTSUcAAAABAAKVEAAAAAhHREVG58 + SvQAGBHwAAAP5R1BPU87Z4kkABJRcAAFwHkdTVUJJIqg7AARJbAAASu5IVkFSjSNo3AAEN / QAABF2TVZBUnkJbwAABDesAAAARk9TLzJ + TFMyAAAB2AAAAGBTVEFU757 / 4QAClYQAAADmYXZhcpg6iSYABgh4AAAAKmNtYXAmbEIcAAAhcAAAQk5mdmFyjSl2xgAClRgAAABqZ2x5Zg5dWzEAAHNgAAG63md2YXISzbZOAAKWbAABoUBoZWFkJWqsSAAAAVwAAAA2aGhlYQpoEHQAAAGUAAAAJGhtdHh9UQ7 + AAACOAAAHzZsb2NhKVS3BwAAY8AAAA + ebWF4cAfoASAAAAG4AAAAIG5hbWVMctjPAAIuQAAAHehwb3N0Bln + pAACTCgAAEjlAAEAAAADDVBCHFf8Xw889QADA + gAAAAA4EqtxgAAAADgSq3J / Z7 + 4AgcA6YAAgAGAAIAAAAAAAAAAQAAA + j + ugAACED9nv30CBwD6ADC / 9EAAAAAAAAAAAAAB80AAQAAB84AkAAMAIwACQABAAAAAAAAAAAAAAAAAAQAAwAEAd0AyAAFAAACigJY / / EASwKKAlgARAFeADIBHgAAAgsDAwMEAwkCBOAAAv8AACADAAAAAAAAAABBREJPAAEAIP / / A + j + ugAAA + gBRiAAAZ8AAAAAAd4ClAAAACAABQJYACoAyAAAAeD / 1gImACgCGAA6AjwAKAHkACgBwAAoAjoAOgJWACgA1AAoAawAAgIKACgBsAAoAqQAKAJYACgCZAA + AgwAKAJkAD4CCgAoAegAEgHsAGQCUgBSAcIAVALWAGwBvv / cAaYAVgH2AAICDAAuAgoALAGsACwCDgAuAdQALAD2ADACBgAGAfgALADWACwA1v + KAbQALADiADIDCAAsAfgALAH0AC4CCAAAAggALgE0ACwBgAAAASIARgH4AEABmAA6AqIARAF8 / 9ABmP + sAYD / 9gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAeD / 0gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAeD / 1gHg / 9YB4P / WAwb / 4AMG / + ADBv / gAeD / 1gI + ABYCmABAAiYAKAImACgCGAA6AhgAOgIYADoCGAA6AhgAOgIYADoCPAAoAjwAKAI8ACgCPAAoAjwAKAJQADYCrgBAAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5AAoAeQAKAHkACgB5P / 4AgwAFgHAACgCOgA6AjoAOgI6ADoCOgA6AjoAOgI6ADoCOgA6AmIAOgI6ADoCOgA6AlYAKAJWACgCVgAoAlYAKAJWACgCVv + 6AlYAKAJWACgCfgA8ANQAKADUACgA1AAoANQAKADUACgA1AAoANQAKADUACgA1AAoANT / 9gDU / 8wA1AAoANT / 8gD8ADABqAAoAawAAgGsAAIBwgACAgoAKAIKACgCCgAoAbAAKAGwACgBsAAoAbAAKAGwACgBsAAoAbr / / gHEADABxAAoAewAGgHIAAoBsAAoAqQAKAKkACgCpAAoAlgAKAJYACgCWAAoAlgAKAJYACgCWAAoAlgAKAJYACgCSAAoAlIAKAJkAD4CZAA + AmQAPgJkAD4CZAA + AmQAPgJkAD4CZAA + AmQAPgJkAD4CZAA + AmQAPgJkAD4CZAA + AmQAPgJkAD4CZAA + AmQAPgJkAD4CZAACAmQAAgMiAD4BvP / SAhgAEAQCAD4ChgAwAmQAPgJkAD4CZAA + AmQAPgJkAD4CZAA + AgwAKAIKACgCCgAoAgoAKAIKACgCCgAoAgoAKAIKACgB6AASAegAEgHoABIB6AASAegAEgHoABIB6AASAegAEgJaACgB7ABkAewAZAHsAEYB7ABSAewAZAHsADwB7ABkAewAZAHs / + YCUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJSAFICUgBSAlIAUgJ6ACwCUgBSAlgAUgJYAFICWABSAlgAUgJYAFICWABSAcIAVALWAGwC1gBsAtYAbALWAGwBpgBWAaYAVgGmAFYBpgBWAaYAVgGmAFYBpgBWAaYAVgH2AAIB9gACAfYAAgH2AAIB9gACAfYAAgJQADYCGAAoAgwADAHSAAQCDAAJAgwACQJiAD4CbwA + AggADAI4AAYCOP / nAbAAVgIAAAwB2AA2AggADAHsADoBmAA6ANQALgGm / 8oCcABAAcP / vgHOAFgA7gAUAO4AbgNgACgBqAAoAeD / 1gHkACgA1P / MAmQAPgJSAFICDAAWAab / ygIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAgwALgIMAC4CDAAuAv4AKAL + ACgC / gAoAgwALgIeAEACCgAsAgoALAIKACwBrAAsAawALAGsACwBrAAsAawALAGsACwCDgAuAggALgIOAC4CDgAuAg4ALgIKAC4B1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACwB1AAsAdQALAHUACIA9gAwAgYABgIGAAYCBgAGAgYABgIGAAYCBgAGAgYABgIGAAYCBgAGAgYABgH4ACwB + AAsAfgALAH4ACwB + AAsAfj / vAH4ACwB + AAsAgwAQADWACwA1gAsANYAHgDWABwA1gAsANYALADWACwA1v / 8ANYALADWABQA1v / QANYALADmABQA1gAsAawALADW / 4oA1v + KAP7 / ngDW / 4oBtAAsAbQALAG0ACwBtAAsAOIAMgDSADIA4v / UAOIAEADiABAA4v + + APYAGAEKACgBCgAcAToAHAEEABYBAgAyAwgALAMIACwDCAAsAfgALAH4ACwB + AAsAfgALAH4ACwB + AAsAfgALAH4ACwCogBgAfgALAH4ACwB9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgH0AC4B9AAuAfQAAAH0AAADOAAuAZj / 6AGr / + wDZgAuAgoAMgH0AC4B9AAuAfQALgH0AC4B9AAuAfQALgIIAAABNAAsATQALAE0ACwBNP / KATQABgE0AAYBNP + 0AYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAACAAAsAPYAMAEiAEYBIgBGASIAKgEiAB4BIgBGASIACAEiAEYBIgAaASL / 2AH4AEAB + ABAAfgAQAH4AEAB + ABAAfgAQAH4AEAB + ABAAfgAQAH4AEAB + ABGAfgARgH4AEAB + ABAAfgAQAH4AEAB + ABAAfgAQAH4AEACDABAAgwAQAIMAEACDABAAgwAQAIMAEABmAA6AqIARAKiAEQCogBEAqIARAGY / 6wBmP + sAZj / rAGY / 6wBmP + sAZj / rAGY / 6wBmP + sAYD / 9gGA / / YBgP / 2AYD / 9gGA / / YBgP / 2AgIAMgIIAAAB / AAAAY7 / 8AGM / 7oBjP + 6AdQAIgHuADABSAAAAbr / / AG6 / 9QA4gAKAcIAAAFKACwBSAAAAZAALAGIAEAA7gAUAO4ASgHkADIBrAAsAgwALgHUACwA1v / QAfQALgH4AEYBjAAWAdoASgIMAC4CDAAwAcoALAIIAAABrAAJAar / 5AIOAC4CDgAuAvwALgMIAC4DEgAuAwgALgHuADAB6AA0AdQAHAJYAAwBjAAWAYwAAAIUAAAB1AAuAP7 / ngIGAAYBzgAsAZgALgHOACwCAg
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
/* JetBrains Mono - Distributed under the SIL Open Font Licence 1.1 - https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt */
2023-07-05 18:29:11 +00:00
@ font-face {
font-family : "JetBrains Mono" ;
font-style : normal ;
font-weight : 100 800 ;
2023-08-28 16:05:38 +00:00
src : url ( " data : application / octet-stream ; base64 , AAEAAAAUAQAABABAR0RFRs4oWGkAAmVoAAADLEdQT1PbPsP7AAJolAAAKi5HU1VCKNvJiAACksQAAGIUSFZBUtUy1EAAAvTYAAADik9TLzISNQuEAAAByAAAAGBTVEFU7MXb6AAC + GQAAACqYXZhcgrTIAEAAvkQAAAAKmNtYXBaJFjaAAAdZAAAQmpmdmFykulplgAC + TwAAABkZ2FzcAAAABAAAmVgAAAACGdseWbecj6hAABteAABpB5ndmFyXqs7ugAC + aAAAaaIaGVhZBsfX9MAAAFMAAAANmhoZWEANQdXAAABhAAAACRobXR4VPZKDwAAAigAABs8bG9jYSyzlPAAAF / YAAANoG1heHAHUwKMAAABqAAAACBuYW1lYC8bGwACEZgAAAeScG9zdF1amgQAAhksAABMM3ByZXBoBoyFAABf0AAAAAcAAQAAAAJN0 + IAdXhfDzz1AAMD6AAAAADf6GZ5AAAAAN / oZ9T5Of5wAv0EYAAAAAYAAgAAAAAAAAABAAAD / P7UAAACWPk5 / 1sC / QABAAAAAAAAAAAAAAAAAAAGzwABAAAGzwG4AG4A0gASAAEAAAAAAAAAAAAAAAAAAwABAAQCWAGQAAUAAAKKAlgAAABLAooCWAAAAV4AMgFAAAACAAAJAAAAAAAAoAQC / xIA + fsCAAA8AAAAAEpCAAAAwAAN / / 8D / P7UAAAD / AEsIAABn9 / XAAACJgLaAAAAIAAGAlgAWgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAHgJYAB4CWABdAlgAXAJYAFwCWABcAlgAXAJYAFwCWABcAlgAXAJYAAoCWABcAlgACgJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAQgJYAGQCWABfAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAF0CWAAKAlgAXQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAC0CWAAtAlgAXAJYAFwCWACCAlgAdQJYAIICWACCAlgAggJYABQCWABIAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYACMCWAAjAlgAWAJYACgCWABcAlgAWgJYAFACWABdAlgAXQJYAF0CWABdAlgASAJYAEgCWABIAlgASAJYAEgCWABIAlgAXAJYAFoCWAA3AlgANwJYADcCWAA3AlgANwJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWAAyAlgAFAJYABQCWAAUAlgAFAJYABQCWAAoAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAVQJYAFUCWABVAlgAVQJYABkCWAAZAlgAGQJYABkCWAAZAlgAXQJYAF0CWABYAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWAAfAlgAHwJYAFwCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABXAlgARgJYAD8CWABaAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFgCWABUAlgAWgJYADcCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAXAJYAAACWP / UAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABhAlgAYQJYAGcCWAAeAlgAHgJYADICWAAeAlgAHgJYAAoCWAAeAlgAPAJYAFwCWABcAlj / 9gJYAFwCWABcAlgAXgJYAFwCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAVAJYAFQCWABUAlgAWAJYACMCWAAjAlgAVAJYACMCWABcAlgAVwJYAFcCWABwAlgAcAJYAHACWAAjAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAXAJYAKUCWAAvAlgALwJYAC8CWAAvAlgALwJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYADYCWAAfAlgAHwJYAB8CWAAfAlgAHwJYADICWAA2AlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgANgJYADYCWABaAlgAWgJYAFoCWABaAlgAXAJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYACMCWAAjAlgAIwJYACMCWAAjAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAFoCWABaAlgAWgJY / / sCWP / 7Alj / + wJY / / sCWP / 7Alj / + wJYADwCWAAiAlgAIgJYACICWAAiAlgAIgJYAGQCWABkAlgAZAJYAEECWABGAlgARgJYAEYCWABGAlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgANgJYADYCWAA2AlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYACMCWABBAlgANwJYAK8CWAC5AlgAMgJYAF4CWABdAlgAggJYAIICWACCAlgAGQJYAGQCWABkAlgABgJYADQCWABaAlgAWgJYAFwCWABcAlgAFAJYAEgCWABdAlgAWAJYAF4CWABcAlgAXAJYADcCWAAyAlgAMgJYAC4CWAAoAlgASwJYAF4CWAA8AlgAPAJYAF4CWABeAlj / + wJYADwCWP / 7AlgANQJYAEgCWABcAlgATgJYAGkCWABpAlgALQJYAAACWAA8AlgAOAJYAAACWAAeAlgAUQJYAFkCWAAjAlgAIwJYAEECWABfAlgAVAJYAAYCWAA0AlgAWgJYAFgCWABaAlgASwJYAAoCWABdAlgAXQJYAFgCWAAyAlgAMgJYAAACWABDAlgAVgJYAFwCWACHAlgAhwJYAIICWAAbAlgAVAJYAFQCWAAPAlgARgJYAFwCWABcAlgAZwJYAGcCWAAZAlgASAJYAFwCWABUAlgAXAJYAFwCWABYAlgANwJYADYCWAA2AlgAMAJYADICWABOAlgAXAJYADwCWAA8AlgAXAJYAGkCWAAZAlgAPAJYAAUCWAA + AlgAVQJYAFcCWABQAlgAVQJYAFUCWABVAlgAAAJYADwCWAA / AlgAAAJYADICWABcAlgAWwJYADwCWAA8AlgASQJYAGQCWABUAlgADwJYAEYCWABcAlgAVAJYAFoCWABOAlgAWgJYAAoCWABkAlgAZAJYAGQCWAA2AlgANgJYAAACWAAyAlgAXQJYAIICWAAyAlgAZAJYAFUCWABdAlgAWAJYAGkCWABcAlgAMgJYAEgCWABaAlgAUAJYAFgCWABeAlgAXAJYAEsCWAA3AlgAIwJYAC4CWAAoAlgANgJYADICWAAKAlj / jQJY / 40CWP
2023-07-05 18:29:11 +00:00
}
@ font-face {
font-family : "JetBrains Mono" ;
font-style : italic ;
font-weight : 100 800 ;
font-stretch : normal ;
2023-08-28 16:05:38 +00:00
src : url ( " data : application / octet-stream ; base64 , AAEAAAAUAQAABABAR0RFRsIKOd4AAnMwAAADlEdQT1NOeNBSAAJ2xAAALXRHU1VCkqlKQAACpDgAAGE + SFZBUtIe0TwAAwV4AAADe09TLzISNgtwAAAByAAAAGBTVEFU7Prb5AADCPQAAACmYXZhcgrTIAEAAwmcAAAAKmNtYXAh3ET8AAAdLAAAQmpmdmFykulplgADCcgAAABkZ2FzcAAAABAAAnMoAAAACGdseWZXBjAtAABtKAABsapndmFyFtG9GwADCiwAAaxsaGVhZBsWX5kAAAFMAAAANmhoZWEAyAsvAAABhAAAACRobXR4Mg752QAAAigAABsEbG9jYexYfjMAAF + gAAANhm1heHAHRgKMAAABqAAAACBuYW1lxdpKvAACHtQAAAjEcG9zdPPWb24AAieYAABLkHByZXBoBoyFAABfmAAAAAcAAQAAAAJN0yJA3fRfDzz1AAMD6AAAAADf6GY / AAAAAN / oZ9T5Lv5wAv0EYAACAAYAAgAAAAAAAAABAAAD / P7UAAACWPku / 1sC / QPoAJ4AAAAAAAAAAAAAAAAGwAABAAAGwgG4AG4A0gASAAEAAAAAAAAAAAAAAAAAAwABAAQCWAGQAAUAAAKKAlj / 9ABLAooCWAA3AV4AMgFAAAACAAAJAAAAAAAAoAQC / xIA + fsCAAA8AAAAAEpCAAAAgQAN / / 8D / P7UAAAD / AEsIAABn9 / XAAACJgLaAAAAIAAGAlgAWgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlj / 8gJY / / ICWAAxAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgAMAJYAAoCWAAwAlgACgJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAMgJYADgCWAAzAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYADECWAAxAlgAMQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYABICWAASAlgAMAJYADACWABWAlgAVgJYAFYCWABWAlgAVgJYAAwCWAAcAlgALgJYAC4CWAAuAlgALgJYAC4CWAAuAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJY / / ECWP / xAlgAQgJYABACWAAwAlgALgJYADoCWAAxAlgAMQJYADECWAAxAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMAJYAEQCWAByAlgAcQJYAHICWAByAlgAbAJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWABEAlgAPgJYAD4CWAB6AlgAPwJYAD8CWAA / AlgAPwJYAD8CWP / 8AlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAKQJYACkCWAApAlgAKQJYADYCWAA2AlgANgJYADYCWAA2AlgAMQJYADECWABCAlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAAAAlgAAAJYADACWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABBAlgAMgJYACMCWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAEICWAA + AlgARAJYAAACWABDAlgAQwJYAEMCWABDAlgAQwJYAEMCWABDAlgAMAJYAC4CWAAcAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAARAlgAEQJYABECWAA1AlgANQJYADUCWABZAlgAWQJYAAcCWABZAlgAWQJYAEUCWABZAlgAEAJYADACWAAwAlgAJgJYADACWAAwAlgAMgJYADACWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJY / / ICWP / yAlgAQgJYAAMCWAATAlgADgJYAEICWABEAlgARAJYAEQCWP / RAlgANgJYADYCWAA2AlgANgJYADYCWAA2Alj / ewJY / 9ECWABNAlgATQJYAE0CWABNAlgATQJYAD8CWAA / AlgAPwJYAD8CWAA / AlgAPwJYAD8CWAA / AlgAPwJYAD8CWAA / AlgAPwJYAD8CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA / AlgAPwJYAD4CWAA / AlgAPwJYAGECWABKAlgASgJYAEoCWABKAlgASgJYAAsCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWAAuAlgALgJYAC4CWAAuAlgAMAJYABUCWAAVAlgAFQJYABUCWAAVAlgAFQJYAEECWABBAlgAQQJYAEECWABBAlj / + gJY / / oCWP / 6Alj / + gJY / / oCWP / 6Alj / + gJYACYCWAAmAlgAJgJYADYCWAA2AlgANgJYADYCWAA2AlgAEQJYABACWABAAlgAQAJYAEACWABAAlgAQAJYADgCWAA4AlgAOAJYABUCWAAaAlgAGgJYABoCWAAaAlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA + AlgAPgJYAD4CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA + AlgAPgJYAD4CWAA + AlgAPgJY / 9QCWAAVAlj / 8wJYANICWADdAlgABgJYADICWAAxAlgAVgJYAFYCWABWAlj / 1wJYADgCWAA4Alj / 2gJYAB8CWAAuAlgALgJYADACWAAwAlj / 5wJYABwCWAAxAlgAQgJYADICWAAwAlgARgJYAHICWAB6AlgAegJYACICWP / 8AlgAWQJYADICWAASAlgAEAJYADICWAAyAlgANgJYABACWP / OAlgACQJYADICWABGAlgAOAJYAD0CWAA9AlgAEgJYADsCWAAQAlgADAJYADsCWAAmAlgAJQJYAC0CWABrAlgAawJYAE8CWAAXAlgAPgJY / 9oCWAAfAlgALgJYAEICWAA + AlgAWQJY / 94CWAAxAlgAMQJYACwCWAAWAlgAFgJYAAACWAA9AlgAOgJYADECWAA1AlgANQJYAFYCWAA + AlgAPgJYAD4CWP / jAlgAKgJYAD4CWAA + AlgANQJYADUCWP / sAlgAIAJYADICWABCAlgAMgJYABMCWABAAlgAVgJYAEYCWABGAlj / 9wJYAAsCWABOAlgAMAJYABICWAAQAlgAMgJYAD0CWAAeAlgAEAJY / 9gCWAAUAlgANgJYAEQCWAA6AlgAJAJYACQCWAARAlgALgJYABICWAATAlgALgJYADECWAAwAlgALwJYAGgCWABFAlgASQJYADkCWAA7Alj / 4wJYACoCWAA + AlgAQgJYAEQCWABOAlgAJgJY / 94CWAA4AlgAOAJYADgCWAAAAlgABgJYADECWABWAlgABgJYADgCWAApAlgAMQJYAEICWAA9AlgAMAJYAAYCWAAcAlgALgJYACQCWABCAlgAMgJYADACWAAfAlgAcgJYAGsCWAAiAlj / / AJYADcCWAAGAlgABgJY / 7sCWP + 7Alj / uwJY / 94CWP + xAlj / zwJYAD0CWABrAlgAMAJYADECWAAxAlgAPQJYABMCWA
2023-07-05 18:29:11 +00:00
}
body {
2023-08-28 16:05:38 +00:00
--blur-intensity : 8px ;
--accent-border-width : 2px ;
--scroll-bar-size : 12px ;
--window-border : 1px solid var ( --window-border-color ) ;
--fade-away-opacity : 0 . 25 ;
--fade-away-delay : 850ms ;
--custom-vault-banner-icon-url : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E" ) ;
--mark-highlight-base : var ( --color-yellow-base ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--h1-line-height : 1 . 3 ;
--h2-line-height : 1 . 3 ;
--h3-line-height : 1 . 35 ;
--h4-line-height : 1 . 4 ;
--list-indent : 1 . 4em ;
--list-bullet-size : 0 . 35em ;
2023-07-05 18:29:11 +00:00
--indentation-guide-width : 2px ;
--tag-padding-y : 0 ;
--tag-padding-x : 0 . 75ch ;
--tag-border-width : 2px ;
--tag-size : var ( --font-smallest ) ;
2023-08-28 16:05:38 +00:00
--p-spacing : 0 . 5em ;
2023-07-05 18:29:11 +00:00
--file-folding-offset : 20px ;
2023-08-28 16:05:38 +00:00
--nav-item-padding : var ( --size-2-1 ) var ( --size-4-2 ) var ( --size-2-1 ) var ( --size-4-6 ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--background-modifier-border : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
--background-modifier-border-focus : var ( --interactive-accent-base ) ;
--background-modifier-border-hover : var ( --interactive-accent-tint ) ;
2023-08-28 16:05:38 +00:00
--indentation-guide-color-active : var ( --interactive-accent-tint ) ;
--nav-item-children-margin-left : 13px ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--blockquote-border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--modal-border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--scrollbar-thumb-bg : var ( --background-primary-alt ) ;
2023-07-05 18:29:11 +00:00
--text-on-accent : var ( --highlight-text-normal ) ;
2023-08-28 16:05:38 +00:00
--prompt-border-color : var ( --window-border-color ) ;
--embed-border-top : 1px solid var ( --window-border-color ) ;
--embed-border-bottom : 1px solid var ( --window-border-color ) ;
--embed-border-right : 1px solid var ( --window-border-color ) ;
--embed-padding : unset ;
--code-comment : var ( --color-grey-text ) ;
--graph-controls-width : 150px ;
--pdf-shadow : unset ;
--pdf-thumbnail-shadow : unset ;
--metadata-gap : var ( --size-2-1 ) ;
--pill-radius : var ( --radius-s ) ;
--collapse-icon-color-collapsed : var ( --text-normal ) ;
--embed-max-height : 800px ;
2023-07-05 18:29:11 +00:00
--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 ) ) ;
2023-08-28 16:05:38 +00:00
--text-normal : hsl ( var ( --text-normal-hsl ) ) ;
--text-muted : hsl ( var ( --text-muted-hsl ) ) ;
--text-faint : hsl ( var ( --text-faint-hsl ) ) ;
--background-primary : hsl ( var ( --background-primary-hsl ) ) ;
--background-primary-alt : hsl ( var ( --background-primary-alt-hsl ) ) ;
--background-secondary : hsl ( var ( --background-secondary-hsl ) ) ;
--background-secondary-blur : hsla ( var ( --background-secondary-blur-hsl ) , 80 % ) ;
--background-secondary-alt : hsl ( var ( --background-secondary-alt-hsl ) ) ;
--input-shadow : unset ;
--input-shadow-hover : unset ;
--tab-stacked-shadow : 0 ;
--background-modifier-hover : hsla ( var ( --interactive-accent-base-hsl ) , 90 % ) ;
--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 ) ;
2023-07-05 18:29:11 +00:00
--color-red : var ( --color-red-text ) ;
--color-orange : var ( --color-orange-text ) ;
--color-yellow : var ( --color-yellow-text ) ;
2023-08-28 16:05:38 +00:00
--color-green : var ( --color-green-text ) ;
2023-07-05 18:29:11 +00:00
--color-cyan : var ( --color-cyan-text ) ;
--color-blue : var ( --color-blue-text ) ;
--color-purple : var ( --color-purple-text ) ;
--color-pink : var ( --color-pink-text ) ;
--color-accent-base-lt : var ( --color-red-base-hsl ) ;
--color-accent-tint-lt : var ( --color-red-tint-hsl ) ;
--color-accent-text-lt : var ( --color-red-text-hsl ) ;
--color-accent-base-dt : var ( --color-red-base-hsl ) ;
--color-accent-tint-dt : var ( --color-red-tint-hsl ) ;
--color-accent-text-dt : var ( --color-red-text-hsl ) ;
--color-accent-hsl : var ( --interactive-accent-text-hsl ) ;
--color-accent : var ( --interactive-accent-text ) ;
--color-accent-1 : var ( --interactive-accent-tint ) ;
--color-accent-2 : var ( --interactive-accent-base ) ;
}
body : is ( . theme-light , . theme-dark ) . pt-disable-blur {
--background-secondary-blur : var ( --background-secondary ) ;
}
body . theme-light {
2023-08-28 16:05:38 +00:00
--window-border-color : var ( --background-secondary-alt ) ;
--h1-color : var ( --h1-text-color-lt ) ;
--h2-color : var ( --h2-text-color-lt ) ;
--h3-color : var ( --h3-text-color-lt ) ;
--h4-color : var ( --h4-text-color-lt ) ;
--h5-color : var ( --h5-text-color-lt ) ;
--h6-color : var ( --h6-text-color-lt ) ;
--bold-color : var ( --text-bold-color-lt ) ;
--italic-color : var ( --text-italic-color-lt ) ;
--link-color : hsl ( var ( --link-internal-color-lt ) ) ;
--link-color-hover : hsla ( var ( --link-internal-color-lt ) , 60 % ) ;
--link-external-color : hsl ( var ( --link-external-color-lt ) ) ;
--link-external-color-hover : hsla ( var ( --link-external-color-lt ) , 60 % ) ;
--link-unresolved-color : hsl ( var ( --link-internal-color-lt ) ) ;
--inline-title-color : var ( --inline-title-color-lt ) ;
--code-background : var ( --background-primary ) ;
--blockquote-background-color : var ( --background-primary-alt ) ;
--checkbox-color : var ( --background-primary-alt ) ;
--checkbox-border-color : var ( --background-secondary-alt ) ;
--scrollbar-bg : var ( --background-secondary ) ;
--pdf-background : var ( --background-primary ) ;
--pdf-sidebar-background : var ( --background-primary ) ;
--canvas-dot-pattern : hsla ( var ( --background-secondary-alt-hsl ) , 75 % ) ;
--indentation-guide-color : hsla ( var ( --background-secondary-alt-hsl ) , 75 % ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
--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 ) ;
2023-08-28 16:05:38 +00:00
}
body . theme-light . pt-color-scheme-style-border-lt {
--background-secondary : var ( --background-primary ) ;
--background-secondary-blur : var ( --background-primary ) ;
}
body . theme-light . pt-color-scheme-style-minimal-lt {
--background-secondary : var ( --background-primary ) ;
--background-secondary-blur : var ( --background-primary ) ;
--window-border : 1px solid transparent ;
2023-07-05 18:29:11 +00:00
}
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 {
2023-08-28 16:05:38 +00:00
--window-border-color : var ( --background-primary-alt ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--blockquote-background-color : hsl ( var ( --background-secondary-hsl ) ) ;
2023-07-05 18:29:11 +00:00
--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 ) ;
2023-08-28 16:05:38 +00:00
--pdf-background : var ( --background-secondary-alt ) ;
--pdf-sidebar-background : var ( --background-secondary-alt ) ;
--canvas-dot-pattern : hsla ( var ( --background-primary-alt-hsl ) , 80 % ) ;
--indentation-guide-color : hsla ( var ( --background-primary-alt-hsl ) , 80 % ) ;
--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 ) ;
}
body . theme-dark . pt-color-scheme-style-border-dt {
--background-secondary : var ( --background-secondary-alt ) ;
--background-secondary-blur : var ( --background-secondary-alt ) ;
}
body . theme-dark . pt-color-scheme-style-minimal-dt {
--background-secondary : var ( --background-secondary-alt ) ;
--background-secondary-blur : var ( --background-secondary-alt ) ;
--window-border : 1px solid transparent ;
2023-07-05 18:29:11 +00:00
}
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
body . pt-titlebar-hide-text . titlebar . titlebar-text {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mod-windows . titlebar-button . mod-close : hover {
2023-08-28 16:05:38 +00:00
color : hsl ( 0 , 100 % , 100 % ) ;
2023-07-05 18:29:11 +00:00
background-color : # C42B1C ;
}
2023-08-28 16:05:38 +00:00
. is-hidden-frameless : not ( . is-fullscreen ) . titlebar-button-container . mod-right {
background-color : unset ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. status-bar-item . mod-clickable : hover {
color : var ( --interactive-accent-text ) ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-tab-header :: before , . workspace-tab-header :: after {
2023-07-05 18:29:11 +00:00
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-tab-header-container {
padding-right : unset ;
padding-left : 1px ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace . mod-root . workspace-tab-header {
padding : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mod-root . workspace-tab-header-inner {
gap : var ( --size-4-1 ) ;
padding : 0 var ( --size-4-1 ) 0 var ( --size-4-2 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-split . workspace-tab-header-spacer ,
. workspace . mod-root . workspace-tab-header-inner :: after ,
2023-07-05 18:29:11 +00:00
. workspace-tab-header-inner-close-button :: after {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-tab-header : not ( . is-active ) : hover . workspace-tab-header-inner-title {
color : var ( --highlight-text-normal ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-tabs . workspace-tab-header-container-inner {
gap : var ( --size-4-1 ) ;
padding : unset ;
margin : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-tab-header-new-tab {
padding : var ( --size-4-1 ) 0 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-tab-header-tab-list {
padding : var ( --size-4-1 ) ;
margin-right : unset ;
}
2023-08-28 16:05:38 +00:00
. pt-fade-inactive-tabs : not ( . mod-active ) . workspace-tab-header . is-active : not ( . mod-active ) {
opacity : 0 . 55 ;
}
2023-07-05 18:29:11 +00:00
. workspace . mod-root . workspace-tabs . mod-stacked . workspace-tab-container . workspace-tab-header {
background-color : var ( --background-secondary ) ;
border : unset ;
2023-08-28 16:05:38 +00:00
border-right : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. workspace . mod-root . workspace-tabs . mod-stacked . workspace-tab-container . workspace-tab-header : not ( . is-active ) . workspace-tab-header-inner {
padding-top : 10px ;
2023-08-28 16:05:38 +00:00
margin-left : -1px ;
border-left : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. mod-root . workspace-tab-header-container-inner {
margin-left : var ( --size-4-1 ) ;
}
. mod-root . workspace-tab-header-new-tab {
margin-right : auto ;
}
. pt-tab-header-center . mod-root . workspace-tab-header-container-inner {
margin-left : auto ;
}
. pt-tab-header-center . mod-root . workspace-tab-header-new-tab {
margin-right : auto ;
}
. pt-tab-header-right . mod-root . workspace-tab-header-container-inner {
margin-left : auto ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pt-tab-header-right . mod-root . workspace-tab-header-new-tab {
margin-right : var ( --size-4-1 ) ;
}
2023-07-05 18:29:11 +00:00
. 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. nav-header {
display : flex ;
height : var ( --header-height ) ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-drawer . nav-header {
order : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. nav-buttons-container {
gap : var ( --size-4-1 ) ;
align-items : center ;
width : fit-content ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. nav-action-button {
display : flex ;
align-items : center ;
justify-content : center ;
width : 26px ;
height : 26px ;
padding : 2px ;
border-radius : var ( --radius-m ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ;
}
2023-08-28 16:05:38 +00:00
: 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 {
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
: 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 {
2023-07-05 18:29:11 +00:00
padding : var ( --size-4-1 ) ;
pointer-events : auto ;
background : var ( --background-secondary-blur ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-m ) ;
box-shadow : var ( --shadow-l ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
}
2023-08-28 16:05:38 +00:00
: 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-mobile . 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 ) . is-mobile . workspace-leaf-content [ data-type = dangling-links ] . nav-header {
padding : var ( --size-4-2 ) ;
}
: 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 {
2023-07-05 18:29:11 +00:00
width : fit-content ;
}
2023-08-28 16:05:38 +00:00
: 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 {
2023-07-05 18:29:11 +00:00
position : fixed ;
bottom : calc ( var ( --size-2-3 ) + var ( --scroll-bar-size ) ) ;
z-index : var ( --layer-popover ) ;
min-height : unset ;
}
2023-08-28 16:05:38 +00:00
: 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 = starred ] . item-list , . workspace-leaf-content [ data-type = dictionary-view ] . contents , . workspace-leaf-content [ data-type = dangling-links ] . view-content . container , . workspace-leaf-content [ data-type = bookmarks ] . view-content > div , . workspace-leaf-content [ data-type = all-properties ] . view-content , . workspace-leaf-content [ data-type = properties ] . view-content ) {
2023-07-05 18:29:11 +00:00
padding-bottom : calc ( 38px + 2 * var ( --scroll-bar-size ) ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
--font-ui-large : calc ( var ( --font-text-size ) * 1 . 1 ) ;
--file-margins : var ( --size-4-4 ) var ( --size-4-5 ) ;
2023-07-05 18:29:11 +00:00
}
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-form-field : var ( --background-secondary-alt ) ;
}
body . is-mobile . theme-dark . workspace-leaf-content ,
2023-08-28 16:05:38 +00:00
body . is-mobile . theme-dark . workspace-drawer-tab-option ,
body . is-mobile . theme-dark . community-modal-info {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
body . is-mobile . theme-dark . prompt ,
body . is-mobile . theme-dark . prompt input . prompt-input {
2023-07-05 18:29:11 +00:00
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 ,
2023-08-28 16:05:38 +00:00
body . is-mobile . is-phone . theme-dark . modal . mod-settings . vertical-tab-header {
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
body . is-mobile . is-phone . modal . mod-settings . vertical-tab-content {
padding : var ( --size-4-3 ) var ( --size-4-3 ) calc ( var ( --safe-area-inset-bottom ) + var ( --size-4-4 ) ) var ( --size-4-3 ) ;
}
body . is-mobile . is-phone . modal . mod-settings . vertical-tab-nav-item {
height : 42px ;
}
2023-07-05 18:29:11 +00:00
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 {
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
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 ) ;
}
2023-08-28 16:05:38 +00:00
body . is-mobile . is-phone . prompt-input-cta {
display : none ;
}
body . is-mobile . is-phone . prompt-input [ type = text ] {
border : 1px solid var ( --window-border-color ) ;
}
body . is-mobile . is-phone . setting-item-heading {
margin-top : var ( --size-4-1 ) ;
}
body . is-mobile . is-phone . setting-item {
padding : var ( --size-4-2 ) ;
}
body . is-mobile . is-phone . setting-item : not ( . mod-toggle ) : not ( . setting-item-heading ) . setting-item-control {
margin-top : unset ;
}
body . is-mobile . is-phone . pickr {
width : 100 % ;
}
body . is-mobile . is-phone . modal . mod-sidebar-layout . search-input-container {
height : unset ;
}
body . is-mobile . is-phone . search-input-container : before {
top : calc ( ( var ( --input-height ) - var ( --search-icon-size ) + var ( --size-4-1 ) ) / 2 ) ;
}
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
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 ) ;
2023-08-28 16:05:38 +00:00
border-right : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
body . is-mobile . workspace-drawer-header ,
body . is-mobile . workspace-drawer-active-tab-header {
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
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 {
background-color : var ( --background-secondary-blur ) ;
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-m ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
}
body . is-mobile . modal {
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
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 ) ;
}
2023-08-28 16:05:38 +00:00
body . is-mobile . modal . mod-community-modal . setting-item : not ( . mod-toggle ) {
max-width : var ( --modal-community-sidebar-width ) ;
}
body . is-mobile . modal . mod-community-modal . setting-item : not ( . mod-toggle ) . setting-item-control {
flex-direction : column ;
}
body . is-mobile . modal . mod-community-modal . setting-item : not ( . mod-toggle ) . setting-item-control button {
width : 100 % ;
}
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
body . is-mobile . view-header-title-container {
padding-left : unset ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mobile-toolbar {
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-1 ) ;
background-color : var ( --background-secondary ) ;
border-top : var ( --window-border ) ;
}
. AT-multirow . mobile-toolbar {
padding : 0 var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mobile-toolbar-options-container {
padding : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mobile-toolbar-option : hover {
color : var ( --interactive-accent-tint ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mobile-navbar {
background : var ( --background-secondary-blur ) ;
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. mobile-navbar-actions {
--icon-color : var ( --text-muted ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. modal . mod-settings . vertical-tab-header {
flex : none ;
width : 215px ;
min-width : unset ;
max-width : unset ;
padding : 0 ;
2023-08-28 16:05:38 +00:00
border-right : var ( --window-border ) ;
}
. modal . mod-settings . vertical-tab-header :: -webkit-scrollbar-thumb {
border-right : unset ;
2023-07-05 18:29:11 +00:00
}
. modal . mod-settings . vertical-tab-header :: before {
position : sticky ;
top : 0 ;
2023-08-28 16:05:38 +00:00
z-index : var ( --layer-cover ) ;
2023-07-05 18:29:11 +00:00
display : block ;
width : -webkit-fill-available ;
width : fill-available ;
height : 42px ;
margin-bottom : -1px ;
content : "" ;
background : var ( --background-secondary-blur ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
z-index : var ( --layer-sidedock ) ;
2023-07-05 18:29:11 +00:00
display : inline-flex ;
flex-direction : column ;
2023-08-28 16:05:38 +00:00
align-items : center ;
2023-07-05 18:29:11 +00:00
justify-content : center ;
width : fit-content ;
height : 24px ;
padding : 0 8px ;
font-size : 14px ;
font-weight : 600 ;
color : var ( --interactive-accent-text ) ;
2023-08-28 16:05:38 +00:00
content : "Prism 3.4.1" ;
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-light . is-phone . modal . mod-settings . modal-title :: after ,
. theme-light . modal . mod-settings . vertical-tab-header :: after {
background-color : var ( --background-primary ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. is-phone . modal . mod-settings . modal-title :: after {
top : 9px ;
left : 50px ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. vertical-tab-content {
height : calc ( 100 % - 43px ) ;
2023-08-28 16:05:38 +00:00
margin-right : -1px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. vertical-tab-content-container :: before {
position : relative ;
z-index : var ( --layer-status-bar ) ;
display : block ;
width : -webkit-fill-available ;
width : fill-available ;
height : 42px ;
content : "" ;
background : var ( --background-secondary-blur ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. vertical-tab-header-group {
padding : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. vertical-tab-header-group-title {
font-size : var ( --font-ui-medium ) ;
color : var ( --text-normal ) ;
text-align : center ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. vertical-tab-header-group-items {
gap : var ( --size-2-1 ) ;
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( . horizontal-tab-content , . vertical-tab-content ) {
padding : var ( --size-4-8 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. installed-plugins-container {
padding-top : var ( --size-4-2 ) ;
border-top : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. plugin-list-plugins : last-child {
padding-top : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
@ 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 ;
2023-08-28 16:05:38 +00:00
align-items : center ;
2023-07-05 18:29:11 +00:00
justify-content : center ;
height : 100 % ;
padding : var ( --size-4-2 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
img . community-theme-lightbox {
object-fit : contain ;
max-width : 100 % ;
max-height : 100 % ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. modal . mod-community-theme {
max-width : var ( --modal-max-width ) ;
max-height : var ( --modal-max-height ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-modal-info {
padding : var ( --size-4-8 ) var ( --size-4-12 ) ;
}
. community-modal-info hr {
grid-area : seperator ;
margin : 1em 0 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-modal-info-name {
margin-bottom : var ( --size-4-2 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-modal-info-downloads {
margin-top : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ;
}
2023-08-28 16:05:38 +00:00
. community-modal-search-results-wrapper {
border-top : var ( --window-border ) ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-item {
padding : var ( --size-4-2 ) ;
}
. theme-dark . community-item {
background-color : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
. community-item . is-selected , . community-item . is-selected : hover {
background-color : var ( --interactive-accent-base ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. is-tablet . theme-dark . community-item . is-selected , . is-tablet . theme-dark . community-item . is-selected : hover {
background-color : var ( --interactive-accent-base ) ;
}
2023-07-05 18:29:11 +00:00
. community-item-name {
display : inline-flex ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-item-screenshot {
image-rendering : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-item . flair {
height : fit-content ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. community-modal-controls {
background-color : var ( --background-secondary ) ;
}
2023-08-28 16:05:38 +00:00
body : not ( . is-phone ) . community-modal-controls . setting-item : first-child {
2023-07-05 18:29:11 +00:00
padding-left : unset ;
margin-bottom : unset ;
2023-08-28 16:05:38 +00:00
margin-left : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
. community-modal-controls input {
width : 100 % ;
padding-right : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. modal-setting-nav-bar {
background-color : var ( --background-secondary ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item {
padding : var ( --size-4-2 ) 0 ;
border-top : unset ;
}
. setting-item . setting-item-heading {
margin-bottom : var ( --size-4-1 ) ;
2023-08-28 16:05:38 +00:00
border-bottom : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item-name {
font-weight : var ( --font-medium ) ;
}
2023-08-28 16:05:38 +00:00
. modal-close-button {
2023-07-05 18:29:11 +00:00
z-index : var ( --layer-popover ) ;
}
. modal-close-button : hover {
color : var ( --highlight-text-normal ) ;
}
2023-08-28 16:05:38 +00:00
body : not ( . native-scrollbars , . is-phone ) . modal-close-button {
top : var ( --size-4-1 ) ;
right : var ( --size-4-1 ) ;
}
2023-07-05 18:29:11 +00:00
. mod-warning {
color : var ( --color-red-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-hotkey {
font-family : var ( --font-interface ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. checkbox-container {
height : 24px ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
box-shadow : unset ;
}
. checkbox-container : hover {
border-color : var ( --interactive-accent-tint ) ;
}
. checkbox-container :: after {
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
input [ type = range ] {
width : 125px ;
height : 0 . 7em ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
box-shadow : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
select . dropdown {
font-family : var ( --font-interface ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
box-shadow : var ( --shadow-s ) ;
}
. theme-light select . dropdown {
background-color : white ;
}
. theme-dark select . dropdown {
2023-08-28 16:05:38 +00:00
background-color : var ( --background-secondary-alt ) ;
2023-07-05 18:29:11 +00:00
}
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 ) ;
}
2023-08-28 16:05:38 +00:00
. search-input-container :: before {
left : var ( --size-4-3 ) ;
}
2023-07-05 18:29:11 +00:00
body : not ( . native-scrollbars ) . kanban-plugin__scroll-container :: -webkit-scrollbar ,
body : not ( . native-scrollbars ) . prompt-results :: -webkit-scrollbar ,
body : not ( . native-scrollbars ) :: -webkit-scrollbar {
width : var ( --scroll-bar-size ) ;
height : var ( --scroll-bar-size ) ;
border-radius : unset ;
2023-08-28 16:05:38 +00:00
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
2023-07-05 18:29:11 +00:00
}
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 {
2023-08-28 16:05:38 +00:00
border-left : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
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 {
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
body : not ( . native-scrollbars ) . kanban-plugin__scroll-container :: -webkit-scrollbar-thumb ,
body : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb {
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
border-radius : unset ;
}
2023-08-28 16:05:38 +00:00
body : not ( . native-scrollbars ) . theme-light . kanban-plugin__scroll-container :: -webkit-scrollbar-thumb ,
body : not ( . native-scrollbars ) . theme-light :: -webkit-scrollbar-thumb {
background-color : var ( --background-primary-alt ) ;
}
body : not ( . native-scrollbars ) . theme-light . kanban-plugin__scroll-container :: -webkit-scrollbar-thumb : hover ,
body : not ( . native-scrollbars ) . theme-light :: -webkit-scrollbar-thumb : hover {
background-color : var ( --interactive-accent-base ) ;
}
body : not ( . native-scrollbars ) . theme-dark . kanban-plugin__scroll-container :: -webkit-scrollbar-thumb ,
body : not ( . native-scrollbars ) . theme-dark :: -webkit-scrollbar-thumb {
background-color : var ( --background-primary ) ;
}
body : not ( . native-scrollbars ) . theme-dark . kanban-plugin__scroll-container :: -webkit-scrollbar-thumb : hover ,
body : not ( . native-scrollbars ) . theme-dark :: -webkit-scrollbar-thumb : hover {
background-color : var ( --interactive-accent-base ) ;
}
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
body : not ( . native-scrollbars ) :: -webkit-scrollbar-corner {
background-color : var ( --window-border-color ) ;
}
2023-07-05 18:29:11 +00:00
:: -webkit-scrollbar-track {
margin-top : -1px ;
margin-bottom : -1px ;
box-shadow : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-light div . suggestion-container . suggestion :: -webkit-scrollbar-track ,
. theme-dark div . suggestion-container . suggestion :: -webkit-scrollbar-track {
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. progress-bar {
background-color : var ( --background-secondary-blur ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. progress-bar-line {
background-color : var ( --interactive-accent-base ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. progress-bar-subline {
background-color : var ( --interactive-accent-base ) ;
border : 2px solid var ( --interactive-accent-tint ) ;
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. theme-light . workspace ,
. theme-light . workspace-split . mod-root ,
2023-07-05 18:29:11 +00:00
. theme-light . workspace-tabs . workspace-leaf {
background-color : var ( --background-primary ) ;
}
2023-08-28 16:05:38 +00:00
. theme-dark . workspace ,
. theme-dark . workspace-split . mod-root ,
2023-07-05 18:29:11 +00:00
. theme-dark . workspace-tabs . workspace-leaf {
background-color : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-split . mod-right-split > . workspace-leaf-resize-handle {
left : -1px ;
}
. workspace-split . mod-vertical > * > . workspace-leaf-resize-handle ,
. workspace-split . mod-left-split > . workspace-leaf-resize-handle ,
. workspace-split . mod-right-split > . workspace-leaf-resize-handle {
height : calc ( var ( --divider-vertical-height ) - var ( --header-height ) ) ;
}
body . is-frameless : not ( . is-hidden-frameless ) . workspace-split . mod-vertical > * > . workspace-leaf-resize-handle , body : not ( . is-frameless , . is-hidden-frameless ) . workspace-split . mod-vertical > * > . workspace-leaf-resize-handle ,
body . is-frameless : not ( . is-hidden-frameless ) . workspace-split . mod-left-split > . workspace-leaf-resize-handle ,
body : not ( . is-frameless , . is-hidden-frameless ) . workspace-split . mod-left-split > . workspace-leaf-resize-handle ,
body . is-frameless : not ( . is-hidden-frameless ) . workspace-split . mod-right-split > . workspace-leaf-resize-handle ,
body : not ( . is-frameless , . is-hidden-frameless ) . workspace-split . mod-right-split > . workspace-leaf-resize-handle {
height : var ( --divider-vertical-height ) ;
}
. workspace-split . mod-left-split > . workspace-leaf-resize-handle ,
. workspace-split . mod-right-split > . workspace-leaf-resize-handle ,
. workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle : not ( : hover ) {
border-bottom : var ( --window-border ) ;
}
. workspace-split . mod-vertical > * > . workspace-leaf-resize-handle : not ( : hover ) ,
. workspace-split . mod-left-split > . workspace-leaf-resize-handle : not ( : hover ) {
border-right : var ( --window-border ) ;
}
. workspace-split . mod-right-split > . workspace-leaf-resize-handle : not ( : hover ) {
border-left : var ( --window-border ) ;
}
2023-07-05 18:29:11 +00:00
: is ( . is-focused . workspace-leaf . mod-active . view-header , . view-header ) {
width : 100 % ;
padding : 0 var ( --size-4-2 ) ;
background : var ( --background-secondary ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-tabs . view-header {
margin : unset ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
}
. view-header-title-container {
height : var ( --header-height ) ;
2023-07-05 18:29:11 +00:00
}
. view-header-title-container :: after {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. view-header-title-parent . view-header-breadcrumb : hover {
color : var ( --highlight-text-normal ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . workspace-ribbon . mod-left , . workspace-split . mod-left-split , . workspace-split . mod-right-split , . workspace-split . mod-vertical . mod-root ) . sidebar-toggle-button {
2023-07-05 18:29:11 +00:00
width : fit-content ;
height : calc ( var ( --header-height ) - 9px ) ;
padding : 2px ;
margin : 4px ;
border : 2px solid transparent ;
border-radius : var ( --radius-m ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-ribbon . mod-left :: before {
border-bottom : var ( --window-border ) ;
}
. pt-color-scheme-style-minimal-dt . workspace-ribbon . mod-left . is-collapsed {
border-right-color : transparent ;
}
. workspace-ribbon {
border-right : var ( --window-border ) ;
}
. mod-macos . is-hidden-frameless : not ( . is-popout-window ) . sidebar-toggle-button . mod-right {
padding-right : 2px ;
}
. pt-collapsed-pinned-tab . workspace . mod-root . workspace-tab-header [ data-type = markdown ] : has ( . mod-pinned ) . workspace-tab-header-inner-icon ,
. pt-collapsed-pinned-tab . workspace . mod-root . workspace-tab-header [ data-type = empty ] : has ( . mod-pinned ) . workspace-tab-header-inner-icon {
display : flex ;
}
. pt-collapsed-pinned-tab . workspace-tab-header : has ( . mod-pinned ) . workspace-tab-header-inner-title {
display : none ;
}
. pt-collapsed-pinned-tab . workspace . mod-root . workspace-tab-header : has ( . mod-pinned ) ,
. pt-collapsed-pinned-tab . workspace-tab-header : has ( . mod-pinned ) . workspace-tab-header-inner {
flex : unset ;
width : fit-content ;
min-width : unset ;
}
2023-07-05 18:29:11 +00:00
: is ( . mod-active . document-search-container , . document-search-container ) {
height : var ( --header-height ) ;
padding : var ( --size-4-1 ) 0 ;
margin : unset ;
background : var ( --background-secondary-blur ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
-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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 {
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. menu {
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-1 ) ;
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
box-shadow : var ( --shadow-l ) ;
}
2023-08-28 16:05:38 +00:00
. theme-light . menu {
background-color : var ( --background-primary ) ;
}
. theme-dark . menu {
background-color : var ( --background-secondary-alt ) ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
body . is-mobile . is-tablet . suggestion-container ,
body . is-mobile . is-tablet . menu {
width : fit-content ;
}
body . is-mobile . theme-dark . menu ,
. is-tablet . theme-dark . suggestion-container {
background-color : var ( --background-secondary-alt ) ;
}
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. prompt-instructions {
padding-bottom : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. tooltip {
display : flex ;
font-weight : 600 ;
color : var ( --text-normal ) ;
background : var ( --background-secondary-alt ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ;
2023-08-28 16:05:38 +00:00
border-bottom-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. tooltip . mod-top . tooltip-arrow {
margin-top : unset ;
margin-top : 1px ;
2023-08-28 16:05:38 +00:00
border-top-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. tooltip . mod-right . tooltip-arrow {
margin-top : unset ;
margin-left : -6px ;
2023-08-28 16:05:38 +00:00
border-right-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. tooltip . mod-left . tooltip-arrow {
margin-top : unset ;
margin-left : -2px ;
2023-08-28 16:05:38 +00:00
border-left-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. tooltip . mod-error {
color : var ( --highlight-text-normal ) ;
background-color : var ( --color-red-base ) ;
border-color : var ( --color-red-tint ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. drag-ghost {
background : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 2px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
box-shadow : var ( --shadow-l ) ;
animation : pop-down 200ms forwards ease-in-out ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. modal button : not ( . mod-cta ) : not ( . mod-warning ) {
display : inline-flex ;
flex-direction : column ;
align-items : center ;
justify-content : center ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ,
2023-08-28 16:05:38 +00:00
. tree-item-self . is-active ,
2023-07-05 18:29:11 +00:00
. suggestion-hotkey ,
. workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] div . oz-nav-file . is-active ,
2023-08-28 16:05:38 +00:00
. workspace-drawer . is-pinned . workspace-drawer-header-icon . mod-pin ,
. pdf-outline-view . tree-item-self . mod-active {
2023-07-05 18:29:11 +00:00
color : var ( --highlight-text-normal ) ;
border : var ( --accent-border-width ) solid ;
box-shadow : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. is-mobile . is-phone . modal . mod-settings . vertical-tab-nav-item : last-child {
border-bottom : var ( --accent-border-width ) solid ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. nav-action-button . is-active : hover {
color : var ( --interactive-accent-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
button . mod-cta {
color : var ( --highlight-text-normal ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . pcr-button , button . mod-cta , button . mod-warning , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . setting-hotkey , . flair . mod-pop , . community-item . flair , button . copy-code-button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . side-dock-ribbon-action . is-active [ aria-label = "Start/stop recording" ] ) ,
. clickable-icon [ aria-label = "Search settings" ] ,
. pdf-toolbar-button ,
. input-right-decorator . clickable-icon {
2023-07-05 18:29:11 +00:00
border : var ( --accent-border-width ) solid ;
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. side-dock-ribbon-action . is-active [ aria-label = "Start/stop recording" ] {
padding : var ( --size-2-1 ) var ( --size-2-2 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) ,
. pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active {
2023-07-05 18:29:11 +00:00
color : var ( --highlight-text-normal ) ;
border : var ( --accent-border-width ) solid ;
border-radius : var ( --radius-m ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) svg . svg-icon ,
. pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active svg . svg-icon {
2023-07-05 18:29:11 +00:00
color : var ( --highlight-text-normal ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) . clickable-icon : hover ,
. pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active . clickable-icon : hover {
2023-07-05 18:29:11 +00:00
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
: is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) : hover svg . svg-icon ,
. pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active : hover svg . svg-icon {
color : var ( --interactive-accent-hover ) ;
}
. clickable-icon [ aria-label = "Search settings" ] ,
. pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] {
border-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . workspace . mod-root . workspace-tabs . mod-stacked . workspace-tab-container . workspace-tab-header . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . workspace-tab-header . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . nav-action-button . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . vertical-tab-nav-item . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . nav-file-title . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . tree-item-self . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . suggestion-hotkey ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] div . oz-nav-file . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . workspace-drawer . is-pinned . workspace-drawer-header-icon . mod-pin ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . canvas-help . setting-hotkey ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . clickable-icon [ aria-label = "Search settings" ] . is-active ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . pdf-outline-view . tree-item-self . mod-active {
background-color : transparent ;
border-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . vertical-tab-nav-item . is-active : hover ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . workspace-tab-header . is-active : hover {
color : var ( --interactive-accent-hover ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . search-result-file-match-destination-file {
color : var ( --text-normal ) ;
background-color : transparent ;
border-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . search-result-file-match-destination-file : hover {
color : var ( --interactive-accent-hover ) ;
background-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . search-result-file-match-replace-button {
background-color : transparent ;
border-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . search-result-file-match-replace-button : hover {
color : var ( --interactive-accent-text ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) button . mod-cta {
background-color : transparent ;
border-color : var ( --window-border-color ) ;
border-width : 1px ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) button . mod-cta : hover {
color : var ( --interactive-accent-hover ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( button . mod-warning , . side-dock-ribbon-action . is-active [ aria-label = "Start/stop recording" ] ) {
color : var ( --color-red-text ) ;
background-color : transparent ;
border-color : var ( --window-border-color ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( button . mod-warning , . side-dock-ribbon-action . is-active [ aria-label = "Start/stop recording" ] ) : hover {
color : var ( --color-red-tint ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) {
color : var ( --color-grey-text ) ;
background-color : transparent ;
border-color : var ( --window-border-color ) ;
border-width : 1px ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) : hover {
color : var ( --color-grey-tint ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . setting-command-hotkeys . setting-hotkey {
color : var ( --color-blue-text ) ;
background-color : transparent ;
border-color : var ( --window-border-color ) ;
border-width : 1px ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . setting-command-hotkeys . setting-hotkey . mod-empty {
color : var ( --text-normal ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . setting-command-hotkeys . setting-hotkey . has-conflict {
color : var ( --color-red-text ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( . flair . mod-pop , . community-item . flair ) {
color : var ( --color-green-text ) ;
background-color : transparent ;
border-color : var ( --window-border-color ) ;
border-width : 1px ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) button . copy-code-button {
border-color : var ( --window-border-color ) ;
border-width : 1px ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) button . copy-code-button : hover {
color : var ( --interactive-accent-hover ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active {
background-color : transparent ;
border-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) : hover ,
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active : hover {
2023-07-05 18:29:11 +00:00
color : var ( --interactive-accent-hover ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . is-focused . mod-active . workspace-tab-header . is-active . workspace-tab-header-inner-icon , : is ( . theme-dark . pt-accent-style-minimal-dt , . theme-light . pt-accent-style-minimal-lt ) . is-focused . mod-active . workspace-tab-header . is-active . workspace-tab-header-inner-title {
color : var ( --interactive-accent-text ) ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt . is-mobile , . theme-light . pt-accent-style-minimal-lt . is-mobile ) . modal . mod-settings . vertical-tab-nav-item {
border-color : transparent ;
}
: is ( . theme-dark . pt-accent-style-minimal-dt . is-mobile , . theme-light . pt-accent-style-minimal-lt . is-mobile ) . modal . mod-settings . vertical-tab-nav-item . is-active {
border-color : transparent ;
}
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . tree-item-self . is-active ,
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . workspace-drawer . is-pinned . workspace-drawer-header-icon . mod-pin ,
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . canvas-help . setting-hotkey ,
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . clickable-icon [ aria-label = "Search settings" ] . is-active ,
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . pdf-outline-view . tree-item-self . mod-active {
2023-07-05 18:29:11 +00:00
background-color : var ( --background-primary ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
: 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 ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
: 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 ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) {
2023-07-05 18:29:11 +00:00
color : var ( --color-grey-text ) ;
background-color : var ( --background-primary ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) : hover {
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
: 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 ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) button . copy-code-button {
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) ,
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active {
2023-07-05 18:29:11 +00:00
background-color : var ( --background-primary ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) : hover ,
: is ( . theme-dark . pt-accent-style-plain-dt , . theme-light . pt-accent-style-plain-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active : hover {
2023-07-05 18:29:11 +00:00
color : var ( --interactive-accent-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 {
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . tree-item-self . is-active ,
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . workspace-drawer . is-pinned . workspace-drawer-header-icon . mod-pin ,
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . canvas-help . setting-hotkey ,
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . clickable-icon [ aria-label = "Search settings" ] . is-active ,
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . pdf-outline-view . tree-item-self . mod-active {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) {
2023-07-05 18:29:11 +00:00
color : var ( --text-normal ) ;
background-color : var ( --background-primary ) ;
border-color : var ( --color-grey-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) : hover {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) ,
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active {
2023-07-05 18:29:11 +00:00
background-color : var ( --background-primary ) ;
border-color : var ( --interactive-accent-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) . clickable-icon : hover ,
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active . clickable-icon : hover {
2023-07-05 18:29:11 +00:00
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) : hover ,
: is ( . theme-dark . pt-accent-style-border-dt , . theme-light . pt-accent-style-border-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active : hover {
2023-07-05 18:29:11 +00:00
color : var ( --interactive-accent-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . tree-item-self . is-active ,
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . workspace-drawer . is-pinned . workspace-drawer-header-icon . mod-pin ,
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . canvas-help . setting-hotkey ,
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . clickable-icon [ aria-label = "Search settings" ] . is-active ,
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . pdf-outline-view . tree-item-self . mod-active {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) {
2023-07-05 18:29:11 +00:00
color : var ( --text-normal ) ;
background-color : var ( --color-grey-base ) ;
border-color : var ( --color-grey-base ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) : hover {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) ,
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active {
2023-07-05 18:29:11 +00:00
background-color : var ( --interactive-accent-base ) ;
border-color : transparent ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) : hover ,
: is ( . theme-dark . pt-accent-style-filled-dt , . theme-light . pt-accent-style-filled-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active : hover {
2023-07-05 18:29:11 +00:00
color : var ( --interactive-accent-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . tree-item-self . is-active ,
2023-07-05 18:29:11 +00:00
: 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 ,
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . workspace-drawer . is-pinned . workspace-drawer-header-icon . mod-pin ,
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . canvas-help . setting-hotkey ,
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . clickable-icon [ aria-label = "Search settings" ] . is-active ,
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . pdf-outline-view . tree-item-self . mod-active ,
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . input-right-decorator . clickable-icon . is-active {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) {
2023-07-05 18:29:11 +00:00
color : var ( --text-normal ) ;
background-color : var ( --color-grey-base ) ;
border-color : var ( --color-grey-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) : is ( . pcr-button , . modal button : not ( . mod-cta ) : not ( . mod-warning ) , . graph-control-content button , . modal-setting-nav-bar . clickable-icon , . document-search-button , . pdf-toolbar-button ) : hover {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) ,
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active {
2023-07-05 18:29:11 +00:00
background-color : var ( --interactive-accent-base ) ;
border-color : var ( --interactive-accent-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) : is ( . workspace . is-right-sidedock-open . sidebar-toggle-button . mod-right , . workspace . is-left-sidedock-open . sidebar-toggle-button . mod-left , . popover-action . is-active , . mod-pin-popover . is-active ) : hover ,
: is ( . theme-dark . pt-accent-style-borderandfilled-dt , . theme-light . pt-accent-style-borderandfilled-lt ) . pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] . is-active : hover {
2023-07-05 18:29:11 +00:00
color : var ( --interactive-accent-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. cm-s-obsidian span . cm-formatting-highlight . cm-em : not ( . cm-strong ) ,
. cm-s-obsidian span . cm-highlight . cm-em : not ( . cm-strong ) ,
. cm-s-obsidian span . cm-quote . cm-em : not ( . cm-strong ) {
color : var ( --italic-color ) ;
}
. cm-s-obsidian span . cm-formatting-highlight . cm-strong : not ( . cm-em ) ,
. cm-s-obsidian span . cm-highlight . cm-strong : not ( . cm-em ) ,
. cm-s-obsidian span . cm-quote . cm-strong : not ( . cm-em ) {
color : var ( --bold-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. cm-strikethrough ,
. cm-s-obsidian span . cm-formatting-highlight . cm-strikethrough ,
. cm-s-obsidian span . cm-highlight . cm-strikethrough ,
del {
color : var ( --text-muted ) ;
}
. cm-inline-code : not ( . cm-formatting-code ) ,
. cm-s-obsidian . cm-inline-code . cm-formatting ~ . cm-inline-code : not ( . cm-formatting ) {
2023-07-05 18:29:11 +00:00
padding : 0 var ( --size-4-1 ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
. cm-s-obsidian . cm-formatting-code . cm-inline-code {
font-family : var ( --font-text ) ;
font-size : var ( --font-text-size ) ;
}
. cm-s-obsidian span . cm-formatting-highlight . cm-inline-code ,
. cm-s-obsidian span . cm-highlight . cm-inline-code {
color : var ( --code-normal ) ;
}
2023-07-05 18:29:11 +00:00
: is ( . HyperMD-codeblock . HyperMD-codeblock-begin , . cm-s-obsidian div . HyperMD-codeblock-begin-bg ) {
2023-08-28 16:05:38 +00:00
border-top : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. cm-s-obsidian div . HyperMD-codeblock {
2023-08-28 16:05:38 +00:00
border-right : 1px solid var ( --window-border-color ) ;
border-left : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( . HyperMD-codeblock . HyperMD-codeblock-end , . cm-s-obsidian div . HyperMD-codeblock-end-bg ) {
2023-08-28 16:05:38 +00:00
border-bottom : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. cm-s-obsidian . cm-hashtag {
font-weight : 600 ;
vertical-align : middle ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. cm-line . cm-hashtag-begin {
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 2px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border : 2px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border : 2px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-right : unset ;
border-left : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. cm-s-obsidian span . cm-hmd-escape-backslash {
color : var ( --color-red-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( code [ class * = language- ] , pre [ class * = language- ] ) {
line-height : var ( --line-height-tight ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. markdown-rendered thead tr : first-child > th {
font-weight : var ( --font-semibold ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. cm-s-obsidian span . cm-formatting-task {
font-family : var ( --font-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
a . tag {
font-weight : 600 ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( . markdown-preview-view , . markdown-rendered ) : is ( code , kbd ) {
padding : 0 var ( --size-4-1 ) ;
2023-08-28 16:05:38 +00:00
font-family : var ( --font-monospace ) ;
font-size : var ( --code-size ) ;
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. code-block-flair {
font-weight : 600 ;
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. theme-light . code-block-flair {
2023-08-28 16:05:38 +00:00
background-color : var ( --background-primary-alt ) ;
2023-07-05 18:29:11 +00:00
}
. theme-dark . code-block-flair {
2023-08-28 16:05:38 +00:00
background-color : var ( --background-secondary ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. markdown-source-view . mod-cm6 . code-block-flair {
padding : 0 var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
}
2023-08-28 16:05:38 +00:00
. markdown-source-view . mod-cm6 {
--list-bullet-transform : translateX ( 0 . 15em ) ;
}
. markdown-source-view . mod-cm6 . cm-embed-block pre {
margin : 1em 0 ;
}
. markdown-source-view . mod-cm6 . cm-indent :: before {
width : 2px ;
}
. markdown-source-view . mod-cm6 . cm-line : not ( . cm-active ) : not ( . HyperMD-header ) : not ( . HyperMD-task-line ) . cm-fold-indicator . collapse-indicator {
padding-right : 0 . 7em ;
}
. markdown-source-view . mod-cm6 . cm-fold-indicator . collapse-indicator {
padding-right : 0 . 25rem ;
}
. list-bullet {
padding-right : 0 . 6em ;
}
ul > li . task-list-item . task-list-item-checkbox {
margin-inline-start : calc ( var ( --checkbox-size ) * -1 . 2 ) ;
}
. markdown-rendered {
--list-bullet-transform : translateX ( 0 . 3em ) ;
}
. markdown-rendered . list-collapse-indicator {
padding-right : 1em ;
margin-left : -2 . 35em ;
}
. markdown-rendered ul > li . task-list-item > . list-collapse-indicator {
padding-right : 1em ;
margin-left : -2 . 4em ;
}
. markdown-rendered . show-indentation-guide li > ol :: before ,
. markdown-rendered . show-indentation-guide li > ul :: before {
left : -0 . 75em ;
2023-07-05 18:29:11 +00:00
}
. theme-light . markdown-rendered mark . internal-link {
2023-08-28 16:05:38 +00:00
color : hsl ( var ( --link-internal-color-lt ) ) ;
2023-07-05 18:29:11 +00:00
}
. theme-dark . markdown-rendered mark . internal-link {
2023-08-28 16:05:38 +00:00
color : hsl ( var ( --link-internal-color-dt ) ) ;
}
. markdown-rendered mark . internal-link : hover {
color : var ( --link-color-hover ) ;
2023-07-05 18:29:11 +00:00
}
. markdown-rendered pre {
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ;
}
2023-08-28 16:05:38 +00:00
. markdown-rendered blockquote {
padding : 0 15px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. markdown-source-view . mod-cm6 . is-live-preview . HyperMD-quote {
padding-right : 15px ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. embed-title {
top : 0 ;
z-index : var ( --layer-cover ) ;
width : 100 % ;
padding : var ( --size-4-2 ) var ( --size-4-4 ) ;
background-color : var ( --background-secondary ) ;
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. internal-embed . internal-embed . canvas-embed , . internal-embed . pdf-embed {
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. internal-embed . markdown-embed-content {
padding : var ( --size-4-4 ) ;
margin-right : -1px ;
}
. file-embed . mod-empty {
border : var ( --window-border ) ;
border-radius : var ( --radius-s ) ;
}
: is ( . markdown-embed-link , . file-embed-link ) {
top : var ( --size-4-2 ) ;
right : var ( --size-4-2 ) ;
z-index : var ( --layer-cover ) ;
}
. view-content . collapse-indicator : not ( . is-collapsed ) svg . svg-icon {
color : var ( --interactive-accent-text ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
body : not ( . pt-disable-callout-styling ) {
--callout-padding : 4px ;
--callout-radius : var ( --radius-m ) ;
2023-08-28 16:05:38 +00:00
--callout-background-alpha : 20 % ;
2023-07-05 18:29:11 +00:00
}
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 {
2023-08-28 16:05:38 +00:00
align-self : unset ;
2023-07-05 18:29:11 +00:00
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 ;
2023-08-28 16:05:38 +00:00
align-self : unset ;
margin-top : unset ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. release-notes-view . callout [ data-callout ] > . callout-title {
color : var ( --color-grey-text ) ;
background-color : var ( --color-grey-base ) ;
border-color : var ( --color-grey-tint ) ;
}
. release-notes-view . callout [ data-callout ] > . callout-title . callout-icon . svg-icon {
color : var ( --color-grey-text ) ;
}
. release-notes-view . callout [ data-callout ] > . callout-content {
background-color : hsla ( var ( --color-grey-base-hsl ) , var ( --callout-background-alpha ) ) ;
border-color : var ( --color-grey-tint ) ;
}
. markdown-preview-view progress ,
2023-07-05 18:29:11 +00:00
. markdown-rendered progress ,
. markdown-source-view . is-live-preview progress {
height : 15px ;
vertical-align : middle ;
}
2023-08-28 16:05:38 +00:00
. markdown-preview-view progress :: before ,
2023-07-05 18:29:11 +00:00
. 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 ) " %" ;
}
2023-08-28 16:05:38 +00:00
. theme-light . markdown-preview-view progress :: before ,
2023-07-05 18:29:11 +00:00
. theme-light . markdown-rendered progress :: before ,
. theme-light . markdown-source-view . is-live-preview progress :: before {
2023-08-28 16:05:38 +00:00
text-shadow : -1px -1px 0 hsla ( 0 , 0 % , 100 % , 0 . 5 ) , 1px -1px 0 hsla ( 0 , 0 % , 100 % , 0 . 5 ) , -1px 1px 0 hsla ( 0 , 0 % , 100 % , 0 . 5 ) , 1px 1px 0 hsla ( 0 , 0 % , 100 % , 0 . 5 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. theme-dark . markdown-preview-view progress :: before ,
2023-07-05 18:29:11 +00:00
. theme-dark . markdown-rendered progress :: before ,
. theme-dark . markdown-source-view . is-live-preview progress :: before {
2023-08-28 16:05:38 +00:00
text-shadow : -1px -1px 0 hsla ( 0 , 0 % , 0 % , 0 . 5 ) , 1px -1px 0 hsla ( 0 , 0 % , 0 % , 0 . 5 ) , -1px 1px 0 hsla ( 0 , 0 % , 0 % , 0 . 5 ) , 1px 1px 0 hsla ( 0 , 0 % , 0 % , 0 . 5 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. markdown-preview-view progress :: -webkit-progress-bar ,
2023-07-05 18:29:11 +00:00
. markdown-rendered progress :: -webkit-progress-bar ,
. markdown-source-view . is-live-preview progress :: -webkit-progress-bar {
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
. theme-light . markdown-preview-view progress :: -webkit-progress-bar ,
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. theme-dark . markdown-preview-view progress :: -webkit-progress-bar ,
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. markdown-preview-view progress :: -webkit-progress-value ,
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. markdown-preview-view progress [ value = "0" ] :: -webkit-progress-value ,
2023-07-05 18:29:11 +00:00
. markdown-rendered progress [ value = "0" ] :: -webkit-progress-value ,
. markdown-source-view . is-live-preview progress [ value = "0" ] :: -webkit-progress-value {
border : unset ;
}
2023-08-28 16:05:38 +00:00
: is ( . markdown-preview-view progress [ value = "0" ] , . markdown-preview-view progress [ value = "1" ] , . markdown-preview-view progress [ value = "2" ] , . markdown-preview-view progress [ value = "3" ] , . markdown-preview-view progress [ value = "4" ] , . markdown-preview-view progress [ value = "5" ] , . markdown-preview-view progress [ value = "6" ] , . markdown-preview-view progress [ value = "7" ] , . markdown-preview-view progress [ value = "8" ] , . markdown-preview-view progress [ value = "9" ] , . markdown-preview-view progress [ value = "10" ] , . markdown-preview-view progress [ value = "11" ] , . markdown-preview-view progress [ value = "12" ] , . markdown-preview-view progress [ value = "13" ] , . markdown-preview-view progress [ value = "14" ] , . markdown-preview-view progress [ value = "15" ] , . markdown-preview-view progress [ value = "16" ] , . markdown-preview-view progress [ value = "17" ] , . markdown-preview-view progress [ value = "18" ] , . markdown-preview-view progress [ value = "19" ] , . markdown-preview-view progress [ value = "20" ] , . markdown-preview-view progress [ value = "21" ] , . markdown-preview-view progress [ value = "22" ] , . markdown-preview-view progress [ value = "23" ] , . markdown-preview-view progress [ value = "24" ] ,
. markdown-rendered progress [ value = "0" ] ,
. markdown-rendered progress [ value = "1" ] ,
. markdown-rendered progress [ value = "2" ] ,
. markdown-rendered progress [ value = "3" ] ,
. markdown-rendered progress [ value = "4" ] ,
. markdown-rendered progress [ value = "5" ] ,
. markdown-rendered progress [ value = "6" ] ,
. markdown-rendered progress [ value = "7" ] ,
. markdown-rendered progress [ value = "8" ] ,
. markdown-rendered progress [ value = "9" ] ,
. markdown-rendered progress [ value = "10" ] ,
. markdown-rendered progress [ value = "11" ] ,
. markdown-rendered progress [ value = "12" ] ,
. markdown-rendered progress [ value = "13" ] ,
. markdown-rendered progress [ value = "14" ] ,
. markdown-rendered progress [ value = "15" ] ,
. markdown-rendered progress [ value = "16" ] ,
. markdown-rendered progress [ value = "17" ] ,
. markdown-rendered progress [ value = "18" ] ,
. markdown-rendered progress [ value = "19" ] ,
. markdown-rendered progress [ value = "20" ] ,
. markdown-rendered progress [ value = "21" ] ,
. markdown-rendered progress [ value = "22" ] ,
. markdown-rendered progress [ value = "23" ] ,
. markdown-rendered progress [ value = "24" ] ,
. markdown-source-view . is-live-preview progress [ value = "0" ] ,
. markdown-source-view . is-live-preview progress [ value = "1" ] ,
. markdown-source-view . is-live-preview progress [ value = "2" ] ,
. markdown-source-view . is-live-preview progress [ value = "3" ] ,
. markdown-source-view . is-live-preview progress [ value = "4" ] ,
. markdown-source-view . is-live-preview progress [ value = "5" ] ,
. markdown-source-view . is-live-preview progress [ value = "6" ] ,
. markdown-source-view . is-live-preview progress [ value = "7" ] ,
. markdown-source-view . is-live-preview progress [ value = "8" ] ,
. markdown-source-view . is-live-preview progress [ value = "9" ] ,
. markdown-source-view . is-live-preview progress [ value = "10" ] ,
. markdown-source-view . is-live-preview progress [ value = "11" ] ,
. markdown-source-view . is-live-preview progress [ value = "12" ] ,
. markdown-source-view . is-live-preview progress [ value = "13" ] ,
. markdown-source-view . is-live-preview progress [ value = "14" ] ,
. markdown-source-view . is-live-preview progress [ value = "15" ] ,
. markdown-source-view . is-live-preview progress [ value = "16" ] ,
. markdown-source-view . is-live-preview progress [ value = "17" ] ,
. markdown-source-view . is-live-preview progress [ value = "18" ] ,
. markdown-source-view . is-live-preview progress [ value = "19" ] ,
. markdown-source-view . is-live-preview progress [ value = "20" ] ,
. markdown-source-view . is-live-preview progress [ value = "21" ] ,
. markdown-source-view . is-live-preview progress [ value = "22" ] ,
. markdown-source-view . is-live-preview progress [ value = "23" ] ,
. markdown-source-view . is-live-preview progress [ value = "24" ] ) :: -webkit-progress-value {
2023-07-05 18:29:11 +00:00
background-color : var ( --color-red-base ) ;
border-color : var ( --color-red-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . markdown-preview-view progress [ value = "25" ] , . markdown-preview-view progress [ value = "26" ] , . markdown-preview-view progress [ value = "27" ] , . markdown-preview-view progress [ value = "28" ] , . markdown-preview-view progress [ value = "29" ] , . markdown-preview-view progress [ value = "30" ] , . markdown-preview-view progress [ value = "31" ] , . markdown-preview-view progress [ value = "32" ] , . markdown-preview-view progress [ value = "33" ] , . markdown-preview-view progress [ value = "34" ] , . markdown-preview-view progress [ value = "35" ] , . markdown-preview-view progress [ value = "36" ] , . markdown-preview-view progress [ value = "37" ] , . markdown-preview-view progress [ value = "38" ] , . markdown-preview-view progress [ value = "39" ] , . markdown-preview-view progress [ value = "40" ] , . markdown-preview-view progress [ value = "41" ] , . markdown-preview-view progress [ value = "42" ] , . markdown-preview-view progress [ value = "43" ] , . markdown-preview-view progress [ value = "44" ] , . markdown-preview-view progress [ value = "45" ] , . markdown-preview-view progress [ value = "46" ] , . markdown-preview-view progress [ value = "47" ] , . markdown-preview-view progress [ value = "48" ] , . markdown-preview-view progress [ value = "49" ] ,
. markdown-rendered progress [ value = "25" ] ,
. markdown-rendered progress [ value = "26" ] ,
. markdown-rendered progress [ value = "27" ] ,
. markdown-rendered progress [ value = "28" ] ,
. markdown-rendered progress [ value = "29" ] ,
. markdown-rendered progress [ value = "30" ] ,
. markdown-rendered progress [ value = "31" ] ,
. markdown-rendered progress [ value = "32" ] ,
. markdown-rendered progress [ value = "33" ] ,
. markdown-rendered progress [ value = "34" ] ,
. markdown-rendered progress [ value = "35" ] ,
. markdown-rendered progress [ value = "36" ] ,
. markdown-rendered progress [ value = "37" ] ,
. markdown-rendered progress [ value = "38" ] ,
. markdown-rendered progress [ value = "39" ] ,
. markdown-rendered progress [ value = "40" ] ,
. markdown-rendered progress [ value = "41" ] ,
. markdown-rendered progress [ value = "42" ] ,
. markdown-rendered progress [ value = "43" ] ,
. markdown-rendered progress [ value = "44" ] ,
. markdown-rendered progress [ value = "45" ] ,
. markdown-rendered progress [ value = "46" ] ,
. markdown-rendered progress [ value = "47" ] ,
. markdown-rendered progress [ value = "48" ] ,
. markdown-rendered progress [ value = "49" ] ,
. markdown-source-view . is-live-preview progress [ value = "25" ] ,
. markdown-source-view . is-live-preview progress [ value = "26" ] ,
. markdown-source-view . is-live-preview progress [ value = "27" ] ,
. markdown-source-view . is-live-preview progress [ value = "28" ] ,
. markdown-source-view . is-live-preview progress [ value = "29" ] ,
. markdown-source-view . is-live-preview progress [ value = "30" ] ,
. markdown-source-view . is-live-preview progress [ value = "31" ] ,
. markdown-source-view . is-live-preview progress [ value = "32" ] ,
. markdown-source-view . is-live-preview progress [ value = "33" ] ,
. markdown-source-view . is-live-preview progress [ value = "34" ] ,
. markdown-source-view . is-live-preview progress [ value = "35" ] ,
. markdown-source-view . is-live-preview progress [ value = "36" ] ,
. markdown-source-view . is-live-preview progress [ value = "37" ] ,
. markdown-source-view . is-live-preview progress [ value = "38" ] ,
. markdown-source-view . is-live-preview progress [ value = "39" ] ,
. markdown-source-view . is-live-preview progress [ value = "40" ] ,
. markdown-source-view . is-live-preview progress [ value = "41" ] ,
. markdown-source-view . is-live-preview progress [ value = "42" ] ,
. markdown-source-view . is-live-preview progress [ value = "43" ] ,
. markdown-source-view . is-live-preview progress [ value = "44" ] ,
. markdown-source-view . is-live-preview progress [ value = "45" ] ,
. markdown-source-view . is-live-preview progress [ value = "46" ] ,
. markdown-source-view . is-live-preview progress [ value = "47" ] ,
. markdown-source-view . is-live-preview progress [ value = "48" ] ,
. markdown-source-view . is-live-preview progress [ value = "49" ] ) :: -webkit-progress-value {
2023-07-05 18:29:11 +00:00
background-color : var ( --color-orange-base ) ;
border-color : var ( --color-orange-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . markdown-preview-view progress [ value = "50" ] , . markdown-preview-view progress [ value = "51" ] , . markdown-preview-view progress [ value = "52" ] , . markdown-preview-view progress [ value = "53" ] , . markdown-preview-view progress [ value = "54" ] , . markdown-preview-view progress [ value = "55" ] , . markdown-preview-view progress [ value = "56" ] , . markdown-preview-view progress [ value = "57" ] , . markdown-preview-view progress [ value = "58" ] , . markdown-preview-view progress [ value = "59" ] , . markdown-preview-view progress [ value = "60" ] , . markdown-preview-view progress [ value = "61" ] , . markdown-preview-view progress [ value = "62" ] , . markdown-preview-view progress [ value = "63" ] , . markdown-preview-view progress [ value = "64" ] , . markdown-preview-view progress [ value = "65" ] , . markdown-preview-view progress [ value = "66" ] , . markdown-preview-view progress [ value = "67" ] , . markdown-preview-view progress [ value = "68" ] , . markdown-preview-view progress [ value = "69" ] , . markdown-preview-view progress [ value = "70" ] , . markdown-preview-view progress [ value = "71" ] , . markdown-preview-view progress [ value = "72" ] , . markdown-preview-view progress [ value = "73" ] , . markdown-preview-view progress [ value = "74" ] ,
. markdown-rendered progress [ value = "50" ] ,
. markdown-rendered progress [ value = "51" ] ,
. markdown-rendered progress [ value = "52" ] ,
. markdown-rendered progress [ value = "53" ] ,
. markdown-rendered progress [ value = "54" ] ,
. markdown-rendered progress [ value = "55" ] ,
. markdown-rendered progress [ value = "56" ] ,
. markdown-rendered progress [ value = "57" ] ,
. markdown-rendered progress [ value = "58" ] ,
. markdown-rendered progress [ value = "59" ] ,
. markdown-rendered progress [ value = "60" ] ,
. markdown-rendered progress [ value = "61" ] ,
. markdown-rendered progress [ value = "62" ] ,
. markdown-rendered progress [ value = "63" ] ,
. markdown-rendered progress [ value = "64" ] ,
. markdown-rendered progress [ value = "65" ] ,
. markdown-rendered progress [ value = "66" ] ,
. markdown-rendered progress [ value = "67" ] ,
. markdown-rendered progress [ value = "68" ] ,
. markdown-rendered progress [ value = "69" ] ,
. markdown-rendered progress [ value = "70" ] ,
. markdown-rendered progress [ value = "71" ] ,
. markdown-rendered progress [ value = "72" ] ,
. markdown-rendered progress [ value = "73" ] ,
. markdown-rendered progress [ value = "74" ] ,
. markdown-source-view . is-live-preview progress [ value = "50" ] ,
. markdown-source-view . is-live-preview progress [ value = "51" ] ,
. markdown-source-view . is-live-preview progress [ value = "52" ] ,
. markdown-source-view . is-live-preview progress [ value = "53" ] ,
. markdown-source-view . is-live-preview progress [ value = "54" ] ,
. markdown-source-view . is-live-preview progress [ value = "55" ] ,
. markdown-source-view . is-live-preview progress [ value = "56" ] ,
. markdown-source-view . is-live-preview progress [ value = "57" ] ,
. markdown-source-view . is-live-preview progress [ value = "58" ] ,
. markdown-source-view . is-live-preview progress [ value = "59" ] ,
. markdown-source-view . is-live-preview progress [ value = "60" ] ,
. markdown-source-view . is-live-preview progress [ value = "61" ] ,
. markdown-source-view . is-live-preview progress [ value = "62" ] ,
. markdown-source-view . is-live-preview progress [ value = "63" ] ,
. markdown-source-view . is-live-preview progress [ value = "64" ] ,
. markdown-source-view . is-live-preview progress [ value = "65" ] ,
. markdown-source-view . is-live-preview progress [ value = "66" ] ,
. markdown-source-view . is-live-preview progress [ value = "67" ] ,
. markdown-source-view . is-live-preview progress [ value = "68" ] ,
. markdown-source-view . is-live-preview progress [ value = "69" ] ,
. markdown-source-view . is-live-preview progress [ value = "70" ] ,
. markdown-source-view . is-live-preview progress [ value = "71" ] ,
. markdown-source-view . is-live-preview progress [ value = "72" ] ,
. markdown-source-view . is-live-preview progress [ value = "73" ] ,
. markdown-source-view . is-live-preview progress [ value = "74" ] ) :: -webkit-progress-value {
2023-07-05 18:29:11 +00:00
background-color : var ( --color-yellow-base ) ;
border-color : var ( --color-yellow-tint ) ;
}
2023-08-28 16:05:38 +00:00
: is ( . markdown-preview-view progress [ value = "75" ] , . markdown-preview-view progress [ value = "76" ] , . markdown-preview-view progress [ value = "77" ] , . markdown-preview-view progress [ value = "78" ] , . markdown-preview-view progress [ value = "79" ] , . markdown-preview-view progress [ value = "80" ] , . markdown-preview-view progress [ value = "81" ] , . markdown-preview-view progress [ value = "82" ] , . markdown-preview-view progress [ value = "83" ] , . markdown-preview-view progress [ value = "84" ] , . markdown-preview-view progress [ value = "85" ] , . markdown-preview-view progress [ value = "86" ] , . markdown-preview-view progress [ value = "87" ] , . markdown-preview-view progress [ value = "88" ] , . markdown-preview-view progress [ value = "89" ] , . markdown-preview-view progress [ value = "90" ] , . markdown-preview-view progress [ value = "91" ] , . markdown-preview-view progress [ value = "92" ] , . markdown-preview-view progress [ value = "93" ] , . markdown-preview-view progress [ value = "94" ] , . markdown-preview-view progress [ value = "95" ] , . markdown-preview-view progress [ value = "96" ] , . markdown-preview-view progress [ value = "97" ] , . markdown-preview-view progress [ value = "98" ] , . markdown-preview-view progress [ value = "99" ] ,
. markdown-rendered progress [ value = "75" ] ,
. markdown-rendered progress [ value = "76" ] ,
. markdown-rendered progress [ value = "77" ] ,
. markdown-rendered progress [ value = "78" ] ,
. markdown-rendered progress [ value = "79" ] ,
. markdown-rendered progress [ value = "80" ] ,
. markdown-rendered progress [ value = "81" ] ,
. markdown-rendered progress [ value = "82" ] ,
. markdown-rendered progress [ value = "83" ] ,
. markdown-rendered progress [ value = "84" ] ,
. markdown-rendered progress [ value = "85" ] ,
. markdown-rendered progress [ value = "86" ] ,
. markdown-rendered progress [ value = "87" ] ,
. markdown-rendered progress [ value = "88" ] ,
. markdown-rendered progress [ value = "89" ] ,
. markdown-rendered progress [ value = "90" ] ,
. markdown-rendered progress [ value = "91" ] ,
. markdown-rendered progress [ value = "92" ] ,
. markdown-rendered progress [ value = "93" ] ,
. markdown-rendered progress [ value = "94" ] ,
. markdown-rendered progress [ value = "95" ] ,
. markdown-rendered progress [ value = "96" ] ,
. markdown-rendered progress [ value = "97" ] ,
. markdown-rendered progress [ value = "98" ] ,
. markdown-rendered progress [ value = "99" ] ,
. markdown-source-view . is-live-preview progress [ value = "75" ] ,
. markdown-source-view . is-live-preview progress [ value = "76" ] ,
. markdown-source-view . is-live-preview progress [ value = "77" ] ,
. markdown-source-view . is-live-preview progress [ value = "78" ] ,
. markdown-source-view . is-live-preview progress [ value = "79" ] ,
. markdown-source-view . is-live-preview progress [ value = "80" ] ,
. markdown-source-view . is-live-preview progress [ value = "81" ] ,
. markdown-source-view . is-live-preview progress [ value = "82" ] ,
. markdown-source-view . is-live-preview progress [ value = "83" ] ,
. markdown-source-view . is-live-preview progress [ value = "84" ] ,
. markdown-source-view . is-live-preview progress [ value = "85" ] ,
. markdown-source-view . is-live-preview progress [ value = "86" ] ,
. markdown-source-view . is-live-preview progress [ value = "87" ] ,
. markdown-source-view . is-live-preview progress [ value = "88" ] ,
. markdown-source-view . is-live-preview progress [ value = "89" ] ,
. markdown-source-view . is-live-preview progress [ value = "90" ] ,
. markdown-source-view . is-live-preview progress [ value = "91" ] ,
. markdown-source-view . is-live-preview progress [ value = "92" ] ,
. markdown-source-view . is-live-preview progress [ value = "93" ] ,
. markdown-source-view . is-live-preview progress [ value = "94" ] ,
. markdown-source-view . is-live-preview progress [ value = "95" ] ,
. markdown-source-view . is-live-preview progress [ value = "96" ] ,
. markdown-source-view . is-live-preview progress [ value = "97" ] ,
. markdown-source-view . is-live-preview progress [ value = "98" ] ,
. markdown-source-view . is-live-preview progress [ value = "99" ] ) :: -webkit-progress-value {
2023-07-05 18:29:11 +00:00
background-color : var ( --color-green-base ) ;
border-color : var ( --color-green-tint ) ;
}
2023-08-28 16:05:38 +00:00
. markdown-preview-view progress [ value = "100" ] :: -webkit-progress-value ,
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. ͼ o : not ( . cm-focused ) . cm-fat-cursor {
2023-07-05 18:29:11 +00:00
outline : solid 1px var ( --color-red-tint ) ;
}
2023-08-28 16:05:38 +00:00
. 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 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. cm-s-obsidian . cm-hmd-frontmatter . cm-def {
color : var ( --text-faint ) ;
}
. metadata-properties-heading {
display : inline-flex ;
width : 100 % ;
padding : var ( --size-4-2 ) ;
margin-bottom : unset ;
background-color : var ( --background-secondary ) ;
border : var ( --window-border ) ;
}
. metadata-properties-heading . collapse-indicator {
position : relative ;
left : unset ;
order : 2 ;
opacity : 1 ;
}
. metadata-properties-heading . collapse-indicator . collapse-icon svg . svg-icon {
width : 18px ;
}
. metadata-properties-title {
display : flex ;
align-items : center ;
width : 100 % ;
margin-bottom : unset ;
font-weight : var ( --bold-weight ) ;
}
. metadata-properties-title :: before {
align-items : center ;
width : var ( --icon-size ) ;
height : var ( --icon-size ) ;
margin-right : var ( --size-4-2 ) ;
content : "" ;
background-color : var ( --text-muted ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-archive'%3E%3Crect width='20' height='5' x='2' y='4' rx='2'/%3E%3Cpath d='M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E" ) ;
-webkit-mask-position : center ;
-webkit-mask-repeat : no-repeat ;
-webkit-mask-size : 18px ;
}
. cm-editor . metadata-content ,
. markdown-preview-view . metadata-content {
padding : var ( --size-4-3 ) var ( --size-4-2 ) ;
border : var ( --window-border ) ;
border-top : unset ;
}
. metadata-property-key {
align-items : center ;
}
. metadata-property-icon {
height : fit-content ;
padding : var ( --size-2-1 ) ;
margin-left : var ( --size-4-1 ) ;
}
. metadata-property-icon : hover {
background-color : var ( --interactive-accent-base ) ;
border-radius : var ( --radius-s ) ;
}
. metadata-property-icon :: before {
display : none ;
}
. metadata-container . metadata-add-button {
margin-top : var ( --size-4-2 ) ;
margin-left : var ( --size-4-1 ) ;
border : var ( --window-border ) ;
}
. multi-select-container {
gap : var ( --size-4-2 ) ;
}
. metadata-property : not ( [ data-property-key = tags ] ) . multi-select-pill {
line-height : unset ;
}
. metadata-property [ data-property-key = tags ] {
--pill-radius : var ( --radius-s ) ;
}
. workspace-leaf-content [ data-type = all-properties ] . view-content ,
. workspace-leaf-content [ data-type = file-properties ] . view-content ,
. workspace-leaf-content [ data-type = properties ] . view-content {
padding : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
audio :: -webkit-media-controls-panel {
background-color : var ( --background-secondary ) ;
border-radius : var ( --radius-s ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
audio :: -webkit-media-controls-mute-button : hover ,
audio :: -webkit-media-controls-play-button : hover {
background-color : var ( --interactive-accent-base ) ;
border-radius : var ( --radius-s ) ;
opacity : 1 ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
audio :: -webkit-media-controls-volume-slider {
padding-right : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
audio :: -webkit-media-controls-current-time-display {
margin-left : var ( --size-4-3 ) ;
font-family : var ( --font-interface ) ;
color : var ( --text-normal ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
audio :: -webkit-media-controls-time-remaining-display {
font-family : var ( --font-interface ) ;
color : var ( --text-normal ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. modal-container . prompt {
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. 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 {
2023-08-28 16:05:38 +00:00
margin-left : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. modal-container . prompt . suggestion-item . mod-complex . suggestion-hotkey {
font-weight : 600 ;
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. prompt-input-container {
padding : var ( --size-4-2 ) ;
margin : unset ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
input . prompt-input {
height : 40px ;
padding : 0 var ( --size-4-4 ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
}
2023-08-28 16:05:38 +00:00
. theme-light input . prompt-input {
background-color : var ( --background-primary ) ;
}
. theme-dark input . prompt-input {
background-color : var ( --background-secondary-alt ) ;
}
input . prompt-input : hover , input . prompt-input : focus , input . prompt-input : focus-visible {
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. suggestion-container {
max-width : 700px ;
background-color : var ( --background-secondary-blur ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. suggestion-item . mod-complex {
align-items : center ;
}
. suggestion-item . mod-complex . suggestion-content {
overflow : visible ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. suggestion-item . is-selected {
color : var ( --highlight-text-normal ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-s ) ;
}
. suggestion-prefix :: after {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-leaf-content [ data-type = file-explorer ] . nav-files-container {
padding-top : unset ;
padding-right : unset ;
2023-08-28 16:05:38 +00:00
padding-left : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = file-explorer ] . nav-folder . mod-root > . nav-folder-children {
padding : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
. tree-item-children : empty {
display : none ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. tree-item-self {
border : 2px solid transparent ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. nav-file-tag {
2023-08-28 16:05:38 +00:00
height : 15px ;
2023-07-05 18:29:11 +00:00
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. nav-folder : not ( . is-collapsed ) > . nav-folder-title {
color : var ( --text-normal ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
body : not ( . is-grabbing ) . nav-folder-title : hover . collapse-icon svg . svg-icon {
color : var ( --nav-item-color-hover ) ;
}
2023-08-28 16:05:38 +00:00
body : not ( . is-grabbing ) . item-list . nav-file-title : hover . nav-file-icon {
color : var ( --interactive-accent-text ) ;
}
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. pt-file-explorer-folder-icon . nav-folder : not ( . is-collapsed ) . collapse-icon svg . svg-icon {
display : inline-flex ;
width : 17px ;
height : -webkit-fill-available ;
height : fill-available ;
content : " " ;
stroke-width : unset ;
-webkit-mask-position : center ;
-webkit-mask-repeat : no-repeat ;
-webkit-mask-size : 17px ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-default . nav-folder : not ( . is-collapsed ) . collapse-icon svg . svg-icon {
background-color : var ( --text-muted ) ;
}
. pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-active . nav-folder : not ( . is-collapsed ) . collapse-icon svg . svg-icon , . pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-accent . nav-folder : not ( . is-collapsed ) . collapse-icon svg . svg-icon {
background-color : var ( --interactive-accent-text ) ;
}
. pt-file-explorer-folder-icon . nav-folder . is-collapsed . collapse-icon svg . svg-icon {
display : inline-flex ;
width : 17px ;
height : -webkit-fill-available ;
height : fill-available ;
content : " " ;
stroke-width : unset ;
transform : rotate ( 0 ) ;
-webkit-mask-position : center ;
-webkit-mask-repeat : no-repeat ;
-webkit-mask-size : 17px ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-active . nav-folder . is-collapsed . collapse-icon svg . svg-icon , . pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-default . nav-folder . is-collapsed . collapse-icon svg . svg-icon {
background-color : var ( --text-muted ) ;
}
. pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-active . nav-folder . is-collapsed : hover . collapse-icon svg . svg-icon , . pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-default . nav-folder . is-collapsed : hover . collapse-icon svg . svg-icon {
background-color : var ( --interactive-accent-text ) ;
}
. pt-file-explorer-folder-icon . pt-file-explorer-folder-icon-accent . nav-folder . is-collapsed . collapse-icon svg . svg-icon {
background-color : var ( --interactive-accent-text ) ;
}
. graph-controls-button . mod-close {
top : 0 ;
right : var ( --size-4-1 ) ;
padding : var ( --size-2-1 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. graph-controls-button . mod-reset {
top : 0 ;
right : var ( --size-4-8 ) ;
padding : var ( --size-2-1 ) ;
}
. theme-light . workspace-leaf-content [ data-type = graph ] . view-content ,
. theme-light . workspace-leaf-content [ data-type = localgraph ] . view-content ,
. theme-light . graph-controls {
2023-07-05 18:29:11 +00:00
background-color : var ( --background-primary ) ;
}
2023-08-28 16:05:38 +00:00
. theme-dark . workspace-leaf-content [ data-type = graph ] . view-content ,
. theme-dark . workspace-leaf-content [ data-type = localgraph ] . view-content ,
. theme-dark . graph-controls {
2023-07-05 18:29:11 +00:00
background-color : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. graph-controls {
2023-08-28 16:05:38 +00:00
width : unset ;
min-width : var ( --graph-controls-width ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. graph-controls . tree-item-self {
padding-left : var ( --size-4-6 ) ;
margin-bottom : -1px ;
background-color : var ( --background-secondary ) ;
border-bottom : 1px solid var ( --window-border-color ) ;
border-radius : unset ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. graph-control-section {
2023-08-28 16:05:38 +00:00
padding : unset ;
2023-07-05 18:29:11 +00:00
}
. 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 {
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
. graph-control-section . setting-item : not ( . mod-search-setting ) {
padding : var ( --size-2-3 ) var ( --size-4-2 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( . graph-view . color-fill-unresolved , . graph-view . color-arrow ) {
opacity : 1 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. outline {
padding : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
. outline . tree-item-children > div : first-child {
display : none ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. search-result-container {
padding : var ( --size-4-1 ) ;
}
. search-row {
padding : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
margin : unset ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. search-info-container {
background-color : var ( --background-secondary ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. search-params {
padding : var ( --size-4-1 ) var ( --size-4-4 ) ;
margin : unset ;
margin-top : -1px ;
background-color : var ( --background-secondary ) ;
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. search-results-info {
padding : var ( --size-4-1 ) var ( --size-4-2 ) var ( --size-4-2 ) var ( --size-4-2 ) ;
margin : unset ;
margin-top : -1px ;
background-color : var ( --background-secondary ) ;
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. search-result-file-matched-text {
padding : 0 4px ;
font-weight : 600 ;
color : var ( --interactive-accent-text ) ;
background-color : var ( --interactive-accent-base ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. search-result {
margin-bottom : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. search-result-file-matches {
margin : var ( --size-4-2 ) ;
}
. theme-dark . search-result-file-matches {
background-color : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. internal-query . search-result-container {
padding : var ( --size-4-2 ) var ( --size-4-1 ) ;
background-color : unset ;
border-radius : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. suggestion-container . mod-search-suggestion . suggestion . search-suggest-item . mod-group : not ( : first-child ) {
margin : var ( --size-4-1 ) 0 ;
}
2023-08-28 16:05:38 +00:00
. input-right-decorator . clickable-icon {
border-color : transparent ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. tag-container {
padding : var ( --size-4-1 ) ;
}
. tag-container . tree-item-children > div : first-child {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 {
2023-08-28 16:05:38 +00:00
padding-left : var ( --size-4-6 ) ;
2023-07-05 18:29:11 +00:00
margin-bottom : -1px ;
background-color : var ( --background-secondary ) ;
border-radius : unset ;
}
: is ( . backlink-pane , . outgoing-link-pane ) > . tree-item-self : first-child {
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
: is ( . backlink-pane , . outgoing-link-pane ) > . tree-item-self : nth-last-child ( 2 ) {
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
border-bottom : var ( --window-border ) ;
}
: is ( . backlink-pane , . outgoing-link-pane ) > . tree-item-self . collapse-icon {
display : flex ;
}
: is ( . backlink-pane , . outgoing-link-pane ) > . tree-item-self . is-collapsed : hover , : is ( . backlink-pane , . outgoing-link-pane ) > . tree-item-self : hover . collapse-icon svg . svg-icon {
color : var ( --highlight-text-normal ) ;
}
. tree-item-self . is-clickable : hover svg {
color : var ( --nav-item-color-hover ) ;
}
: is ( . pt-nav-header-left-sidebar-align-center . workspace-split . mod-left-split , . pt-nav-header-right-sidebar-align-center . workspace-split . mod-right-split ) . embedded-backlinks . nav-header {
position : sticky ;
top : 0 ;
}
. embedded-backlinks . nav-header {
position : sticky ;
top : 0 ;
z-index : var ( --layer-cover ) ;
justify-content : center ;
height : unset ;
margin : var ( --size-4-2 ) 0 ;
background-color : unset ;
border-bottom : unset ;
}
. embedded-backlinks . backlink-pane {
padding : unset ;
border : var ( --window-border ) ;
}
. embedded-backlinks . backlink-pane > . tree-item-self {
width : unset ;
font-size : var ( --font-ui-small ) ;
}
. embedded-backlinks . tree-item-self {
border : unset ;
}
. embedded-backlinks . nav-buttons-container {
position : relative ;
top : unset ;
padding : var ( --size-4-1 ) ;
pointer-events : auto ;
background : var ( --background-secondary-blur ) ;
border : var ( --window-border ) ;
border-radius : var ( --radius-m ) ;
box-shadow : var ( --shadow-l ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
}
. outgoing-link-pane . tree-item-self . tree-item-icon {
margin-right : var ( --size-4-2 ) ;
}
body {
--canvas-color : var ( --color-grey-tint-hsl ) ;
--canvas-background-color : var ( --color-grey-base-hsl ) ;
--canvas-highlight-color : var ( --color-grey-text-hsl ) ;
}
body . theme-dark {
--canvas-color : var ( --color-grey-tint-hsl ) ;
}
. canvas-group-label {
font-weight : var ( --font-semibold ) ;
}
. theme-dark . canvas-wrapper ,
. theme-dark . canvas-node-content {
background-color : var ( --background-secondary-alt ) ;
}
. canvas-control-item {
background-color : unset ;
}
. canvas-control-group ,
. canvas-menu ,
. canvas-card-menu ,
. theme-dark . canvas-card-menu {
gap : var ( --size-4-1 ) ;
padding : var ( --size-4-1 ) ;
background-color : var ( --background-secondary-blur ) ;
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
border-radius : var ( --radius-m ) ;
}
. canvas-control-item ,
. canvas-card-menu-button {
padding : var ( --size-2-3 ) ;
background-color : unset ;
border : unset ;
border-radius : var ( --radius-s ) ;
}
. canvas-control-item : hover ,
. canvas-card-menu-button : hover {
color : var ( --nav-item-color-hover ) ;
background-color : var ( --background-modifier-hover ) ;
}
. canvas-node-container {
border : 4px solid rgb ( var ( --canvas-color ) ) ;
}
. canvas-path-label {
border : 4px solid var ( --window-border-color ) ;
}
. mod-canvas-color-1 {
--canvas-color : var ( --color-red-tint-hsl ) ;
--canvas-background-color : var ( --color-red-base-hsl ) ;
--canvas-highlight-color : var ( --color-red-text-hsl ) ;
}
. mod-canvas-color-2 {
--canvas-color : var ( --color-orange-tint-hsl ) ;
--canvas-background-color : var ( --color-orange-base-hsl ) ;
--canvas-highlight-color : var ( --color-orange-text-hsl ) ;
}
. mod-canvas-color-3 {
--canvas-color : var ( --color-yellow-tint-hsl ) ;
--canvas-background-color : var ( --color-yellow-base-hsl ) ;
--canvas-highlight-color : var ( --color-yellow-text-hsl ) ;
}
. mod-canvas-color-4 {
--canvas-color : var ( --color-green-tint-hsl ) ;
--canvas-background-color : var ( --color-green-base-hsl ) ;
--canvas-highlight-color : var ( --color-green-text-hsl ) ;
}
. mod-canvas-color-5 {
--canvas-color : var ( --color-cyan-tint-hsl ) ;
--canvas-background-color : var ( --color-cyan-base-hsl ) ;
--canvas-highlight-color : var ( --color-cyan-text-hsl ) ;
}
. mod-canvas-color-6 {
--canvas-color : var ( --color-purple-tint-hsl ) ;
--canvas-background-color : var ( --color-purple-base-hsl ) ;
--canvas-highlight-color : var ( --color-purple-text-hsl ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) , . canvas-node : not ( . is-themed ) {
--shadow-border-themed-inset : inset 0 0 0 1px hsl ( var ( --canvas-color ) ) ;
--shadow-border-themed : 0 0 0 2px hsl ( var ( --canvas-color ) ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . canvas-node-placeholder :: after , . canvas-node : not ( . is-themed ) . canvas-node-placeholder :: after {
background-color : hsla ( var ( --canvas-color ) , 20 % ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . canvas-node-container , . canvas-node : not ( . is-themed ) . canvas-node-container {
border : 4px solid hsl ( var ( --canvas-color ) ) ;
}
. theme-light . canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) : not ( . canvas-node-group ) . canvas-node-container , . theme-light . canvas-node : not ( . is-themed ) : not ( . canvas-node-group ) . canvas-node-container {
background-color : var ( --background-primary ) ;
}
. theme-dark . canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) : not ( . canvas-node-group ) . canvas-node-container , . theme-dark . canvas-node : not ( . is-themed ) : not ( . canvas-node-group ) . canvas-node-container {
background-color : var ( --background-secondary-alt ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . canvas-node-content , . canvas-node : not ( . is-themed ) . canvas-node-content {
background-color : hsla ( var ( --canvas-background-color ) , 20 % ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . canvas-node-group . is-themed . canvas-group-label : not ( [ contenteditable = true ] ) {
background-color : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . canvas-node-group . is-themed . canvas-group-label : not ( [ contenteditable = true ] ) . mod-foreground-light , . canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . canvas-node-group . is-themed . canvas-group-label : not ( [ contenteditable = true ] ) . mod-foreground-dark {
color : var ( --background-primary ) ;
}
. canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . is-selected . is-themed . canvas-node-container , . canvas-node : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . is-focused . is-themed . canvas-node-container {
border-color : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-node : not ( . is-themed ) . canvas-node-group . canvas-group-label : not ( [ contenteditable = true ] ) {
color : var ( --background-primary ) ;
background-color : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-node : not ( . is-themed ) . is-selected . canvas-node-container , . canvas-node : not ( . is-themed ) . is-focused . canvas-node-container {
border-color : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-color-picker-item : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) , . canvas-color-picker-item : first-child {
background-color : hsl ( var ( --canvas-color ) ) ;
}
. canvas-color-picker-item : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) : hover , . canvas-color-picker-item : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) . is-active , . canvas-color-picker-item : first-child : hover , . canvas-color-picker-item : first-child . is-active {
box-shadow : 0 0 0 2px hsl ( var ( --canvas-color ) ) ;
}
. canvas-minimap rect : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) , . canvas-minimap rect : not ( . is-themed ) {
fill : hsl ( var ( --canvas-color ) ) ;
stroke : hsl ( var ( --canvas-color ) ) ;
}
. theme-light . canvas-node-group . is-themed . canvas-group-label : not ( [ contenteditable = true ] ) . mod-foreground-light {
color : var ( --background-primary ) ;
}
. theme-dark . canvas-node-group . is-themed . canvas-group-label : not ( [ contenteditable = true ] ) . mod-foreground-light {
color : var ( --text-normal ) ;
}
. canvas-edges g : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) path . canvas-display-path , . canvas-edges g : not ( . is-themed ) path . canvas-display-path {
stroke : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-edges g : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) polygon . canvas-path-end , . canvas-edges g : not ( . is-themed ) polygon . canvas-path-end {
fill : hsl ( var ( --canvas-highlight-color ) ) ;
stroke : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-edges g . is-focused path . canvas-interaction-path ,
. canvas : not ( . is-connecting ) . canvas-edges g : hover path . canvas-interaction-path {
stroke : hsla ( var ( --canvas-highlight-color ) , 10 % ) ;
}
. canvas-minimap path : is ( . mod-canvas-color-1 , . mod-canvas-color-2 , . mod-canvas-color-3 , . mod-canvas-color-4 , . mod-canvas-color-5 , . mod-canvas-color-6 ) , . canvas-minimap path : not ( . is-themed ) {
stroke : hsl ( var ( --canvas-highlight-color ) ) ;
}
. canvas-card-menu {
top : var ( --size-4-2 ) ;
bottom : unset ;
left : var ( --size-4-2 ) ;
display : flex ;
flex-direction : column ;
overflow : hidden ;
border : 1px solid var ( --window-border-color ) ;
transform : unset ;
}
. canvas-card-menu . canvas-card-menu-button {
padding : var ( --size-4-1 ) ;
color : var ( --text-muted ) ;
}
. canvas-card-menu . canvas-card-menu-button svg {
width : 24px ;
height : 24px ;
}
. canvas-card-menu . canvas-card-menu-button . mod-draggable : hover svg {
transform : translateX ( 4px ) ;
}
. workspace-leaf-content [ data-type = bookmarks ] . tree-item-icon {
width : unset ;
padding-right : var ( --size-4-1 ) ;
}
. workspace-leaf-content [ data-type = bookmarks ] . view-content {
padding : var ( --size-4-1 ) ;
}
body : not ( . is-grabbing ) . workspace-leaf-content [ data-type = bookmarks ] . tree-item-self . is-active . tree-item-icon {
color : var ( --interactive-accent-text ) ;
}
body : not ( . is-grabbing ) . workspace-leaf-content [ data-type = bookmarks ] . tree-item-self . is-active : hover {
color : var ( --interactive-accent-hover ) ;
}
body : not ( . is-grabbing ) . workspace-leaf-content [ data-type = bookmarks ] . tree-item-self . is-active . is-clickable : hover svg {
color : var ( --interactive-accent-hover ) ;
}
. pdf-toolbar {
padding : var ( --size-4-1 ) var ( --size-4-2 ) ;
background-color : var ( --background-secondary ) ;
border-bottom : var ( --window-border ) ;
}
. pdf-viewer {
display : flex ;
flex-direction : column ;
gap : var ( --size-4-4 ) ;
margin-top : var ( --size-4-4 ) ;
margin-bottom : var ( --size-4-4 ) ;
}
. pdf-viewer . page {
overflow : hidden ;
border : 1px solid var ( --window-border-color ) ;
border-radius : var ( --radius-m ) ;
}
. pdf-sidebar-container {
border-right : var ( --window-border ) ;
}
. pdf-sidebar-container . pdf-thumbnail-view {
gap : var ( --size-4-2 ) ;
padding : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnailSelectionRing {
2023-07-05 18:29:11 +00:00
display : flex ;
2023-08-28 16:05:38 +00:00
padding : unset ;
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail {
padding : var ( --size-4-1 ) ;
border : 2px solid transparent ;
border-radius : var ( --radius-s ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail :: after {
right : var ( --size-4-3 ) ;
bottom : var ( --size-4-3 ) ;
z-index : 99 ;
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail :: before {
position : absolute ;
inset : 0 ;
z-index : -1 ;
padding : 5px ;
content : "" ;
background : transparent ;
-webkit-mask : linear-gradient ( # FFF 0 0 ) content-box , linear-gradient ( # FFF 0 0 ) ;
mask : linear-gradient ( # FFF 0 0 ) content-box , linear-gradient ( # FFF 0 0 ) ;
-webkit-mask-composite : xor ;
mask-composite : exclude ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail : hover {
border-color : var ( --interactive-accent-base ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail : hover :: before {
background : var ( --interactive-accent-base ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail : hover :: after {
color : var ( --highlight-text-normal ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail : hover > . thumbnailSelectionRing {
background-color : unset ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail . selected {
border-color : var ( --interactive-accent-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail . selected :: before {
background : var ( --interactive-accent-base ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail . selected :: after {
color : var ( --interactive-accent-text ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail . selected : hover :: before {
background : var ( --background-modifier-hover ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-sidebar-container . thumbnail . selected > . thumbnailSelectionRing {
2023-07-05 18:29:11 +00:00
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
. pdf-toolbar-left . clickable-icon [ aria-label = "Toggle sidebar" ] {
border : 2px solid transparent ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-outline-view . tree-item-self : not ( . mod-collapsible ) {
padding-left : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. pdf-findbar-settings {
background-color : var ( --background-secondary ) ;
}
. annotationLayer . linkAnnotation > a : hover ,
. annotationLayer . buttonWidgetAnnotation . pushButton > a : hover {
background : var ( --interactive-accent-tint ) ;
box-shadow : unset ;
opacity : 0 . 4 ;
}
. pt-pdf-dark-theme . theme-dark . pdf-viewer . canvasWrapper ,
. pt-pdf-dark-theme . theme-dark . pdf-sidebar-container img . thumbnailImage {
filter : invert ( 1 ) hue-rotate ( 180deg ) saturate ( 100 % ) ;
mix-blend-mode : screen ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
padding : 0 var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
margin-bottom : unset ;
2023-08-28 16:05:38 +00:00
margin-left : -4px ;
2023-07-05 18:29:11 +00:00
line-height : 16px ;
overflow-wrap : break-word ;
white-space : unset ;
background : var ( --background-secondary-blur ) ;
border : unset ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. pt-custom-vault-banner . nav-folder-title [ data-path = "/" ] :: before {
2023-07-05 18:29:11 +00:00
display : block ;
width : 28px ;
height : 28px ;
margin : 6px ;
2023-08-28 16:05:38 +00:00
content : "" ;
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
: 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 ) {
2023-07-05 18:29:11 +00:00
padding : 0 ;
font-size : 1em ;
2023-08-28 16:05:38 +00:00
background-color : unset ;
2023-07-05 18:29:11 +00:00
border : unset ;
opacity : 1 ;
}
2023-08-28 16:05:38 +00:00
: 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 ) {
2023-07-05 18:29:11 +00:00
padding : 0 3px ;
font-size : var ( --font-smallest ) ;
background-color : unset ;
border : var ( --accent-border-width ) solid var ( --mark-highlight-tint ) ;
}
2023-08-28 16:05:38 +00:00
: 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 ) {
2023-07-05 18:29:11 +00:00
padding : 0 3px ;
font-size : var ( --font-smallest ) ;
background-color : var ( --mark-highlight-base ) ;
border : var ( --accent-border-width ) solid var ( --mark-highlight-base ) ;
}
2023-08-28 16:05:38 +00:00
: 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 ) {
2023-07-05 18:29:11 +00:00
padding : 0 3px ;
font-size : var ( --font-smallest ) ;
background-color : var ( --mark-highlight-base ) ;
border : var ( --accent-border-width ) solid var ( --mark-highlight-tint ) ;
}
2023-08-28 16:05:38 +00:00
: 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 {
2023-07-05 18:29:11 +00:00
color : var ( --text-normal ) ;
}
2023-08-28 16:05:38 +00:00
: 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 {
2023-07-05 18:29:11 +00:00
color : var ( --mark-highlight-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-font-alt-a * {
font-feature-settings : "ss03" ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-font-alt-g * {
font-feature-settings : "ss04" ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-font-alt-a . pt-font-alt-g * {
font-feature-settings : "ss03" , "ss04" ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-font-slashed-zero * {
font-variant : slashed-zero ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-font-disable-ligatures * {
font-variant-ligatures : none ;
}
2023-08-28 16:05:38 +00:00
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . status-bar ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-ribbon ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . view-header ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-split . mod-root . workspace-tab-header-container ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-left-split ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-right-split ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-ribbon . mod-left . is-collapsed ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-ribbon . mod-right . is-collapsed ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . mobile-navbar , body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . status-bar ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-ribbon ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . view-header ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-split . mod-root . workspace-tab-header-container ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-left-split ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-right-split ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-ribbon . mod-left . is-collapsed ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-ribbon . mod-right . is-collapsed ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . mobile-navbar , body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . status-bar ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-ribbon ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . view-header ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-split . mod-root . workspace-tab-header-container ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-split . mod-horizontal . mod-left-split ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-split . mod-horizontal . mod-right-split ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-ribbon . mod-left . is-collapsed ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-ribbon . mod-right . is-collapsed ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . mobile-navbar , body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . status-bar ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-ribbon ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . view-header ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-split . mod-root . workspace-tab-header-container ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-split . mod-horizontal . mod-left-split ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-split . mod-horizontal . mod-right-split ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-ribbon . mod-left . is-collapsed ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-ribbon . mod-right . is-collapsed ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . mobile-navbar {
opacity : var ( --fade-away-opacity ) ;
transition : opacity 250ms ;
transition-delay : var ( --fade-away-delay ) ;
}
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . status-bar : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-ribbon : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . view-header : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-split . mod-root . workspace-tab-header-container : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-left-split : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-right-split : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-ribbon . mod-left . is-collapsed : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . workspace-ribbon . mod-right . is-collapsed : hover ,
body . pt-focused-mode . pt-focused-style-main-only : not ( . is-popout-window ) . mobile-navbar : hover , body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . status-bar : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-ribbon : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . view-header : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-split . mod-root . workspace-tab-header-container : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-left-split : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-split . mod-horizontal . mod-right-split : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-ribbon . mod-left . is-collapsed : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . workspace-ribbon . mod-right . is-collapsed : hover ,
body . pt-focused-mode . pt-focused-style-main-and-popout-only : not ( . is-popout-window ) . mobile-navbar : hover , body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . status-bar : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-ribbon : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . view-header : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-split . mod-root . workspace-tab-header-container : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-split . mod-horizontal . mod-left-split : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-split . mod-horizontal . mod-right-split : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-ribbon . mod-left . is-collapsed : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . workspace-ribbon . mod-right . is-collapsed : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-popout-only . mobile-navbar : hover , body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . status-bar : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-ribbon : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . view-header : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-split . mod-root . workspace-tab-header-container : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-split . mod-horizontal . mod-left-split : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-split . mod-horizontal . mod-right-split : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-ribbon . mod-left . is-collapsed : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . workspace-ribbon . mod-right . is-collapsed : hover ,
body . pt-focused-mode . is-popout-window . pt-focused-style-main-and-popout-only . mobile-navbar : hover {
opacity : unset ;
transition : opacity 50ms ;
}
2023-07-05 18:29:11 +00:00
div . workspace-leaf-content [ data-type = style-settings ] div . view-content {
padding : var ( --file-margins ) ;
2023-08-28 16:05:38 +00:00
padding-bottom : calc ( 48px + var ( --scroll-bar-size ) ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
body : not ( . is-phone ) div . workspace-leaf-content [ data-type = style-settings ] . view-content . style-settings-container . setting-item : not ( . setting-item-heading ) {
2023-07-05 18:29:11 +00:00
flex-direction : row ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. style-settings-heading [ data-level = "0" ] + . style-settings-container . style-settings-collapse-indicator {
margin-left : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( . setting-item . setting-item-heading . style-settings-heading , . style-settings-container . style-settings-heading ) {
border-bottom : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item-heading . setting-item-description {
padding-left : var ( --size-4-4 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item . setting-item-heading . is-collapsed {
margin-bottom : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. style-settings-container > . setting-item : last-of-type {
padding-bottom : unset ;
2023-08-28 16:05:38 +00:00
margin-bottom : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ) ;
2023-08-28 16:05:38 +00:00
border-left : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item [ data-id = prism-theme ] {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item . style-settings-heading [ data-id = appearance ] . style-settings-collapse-indicator :: after {
margin-left : var ( --size-4-2 ) ;
2023-08-28 16:05:38 +00:00
content : "🎨" ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item . style-settings-heading [ data-id = editor ] . style-settings-collapse-indicator :: after {
margin-left : var ( --size-4-2 ) ;
2023-08-28 16:05:38 +00:00
content : "📝" ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item . style-settings-heading [ data-id = user-interface ] . style-settings-collapse-indicator :: after {
margin-left : var ( --size-4-2 ) ;
2023-08-28 16:05:38 +00:00
content : "👆" ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. setting-item . style-settings-heading [ data-id = plugins ] . style-settings-collapse-indicator :: after {
margin-left : var ( --size-4-2 ) ;
2023-08-28 16:05:38 +00:00
content : "🧩" ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
content : "🪠" ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-heading [ data-id = theme-info ] ,
. style-settings-heading [ data-id = support ] {
2023-07-05 18:29:11 +00:00
margin-bottom : 0 ;
pointer-events : none ;
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-heading [ data-id = theme-info ] : is ( . setting-item-control , . style-settings-collapse-indicator ) ,
. style-settings-heading [ data-id = support ] : is ( . setting-item-control , . style-settings-collapse-indicator ) {
2023-07-05 18:29:11 +00:00
display : none ;
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-heading [ data-id = theme-info ] . setting-item-name :: before ,
. style-settings-heading [ data-id = support ] . setting-item-name :: before {
2023-07-05 18:29:11 +00:00
display : inline-block ;
width : 20px ;
height : fit-content ;
padding-right : 8px ;
2023-08-28 16:05:38 +00:00
font-family : "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" , "EmojiOne Color" , "Android Emoji" , sans-serif ;
2023-07-05 18:29:11 +00:00
font-weight : initial ;
color : unset ;
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-heading [ data-id = theme-info ] . setting-item-description ,
. style-settings-heading [ data-id = support ] . setting-item-description {
2023-07-05 18:29:11 +00:00
padding-left : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-heading [ data-id = theme-info ] {
padding-top : var ( --size-4-4 ) ;
border-top : 2px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-heading [ data-id = theme-info ] . setting-item-name :: before {
content : "📖" ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. style-settings-heading [ data-id = support ] . setting-item-name :: before {
content : "❤️" ;
}
. setting-item . style-settings-info-text [ data-id = theme-info-buttons ] ,
. setting-item . style-settings-info-text [ data-id = support-buttons ] {
padding : 0 var ( --size-4-2 ) var ( --size-4-2 ) var ( --size-4-4 ) ;
}
. setting-item . style-settings-info-text [ data-id = theme-info-buttons ] . setting-item-name ,
. setting-item . style-settings-info-text [ data-id = theme-info-buttons ] . setting-item-control ,
. setting-item . style-settings-info-text [ data-id = support-buttons ] . setting-item-name ,
. setting-item . style-settings-info-text [ data-id = support-buttons ] . setting-item-control {
2023-07-05 18:29:11 +00:00
display : none ;
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-info-text [ data-id = theme-info-buttons ] . setting-item-description . style-settings-markdown ,
. setting-item . style-settings-info-text [ data-id = support-buttons ] . setting-item-description . style-settings-markdown {
display : flex ;
flex-wrap : wrap ;
gap : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. setting-item . style-settings-info-text [ data-id = theme-info-buttons ] . styleSettingsButtonEmoji ,
. setting-item . style-settings-info-text [ data-id = support-buttons ] . styleSettingsButtonEmoji {
margin-right : var ( --size-4-1 ) ;
font-family : "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" , "EmojiOne Color" , "Android Emoji" , sans-serif ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton {
display : flex ;
align-items : center ;
justify-content : center ;
width : fit-content ;
font-size : var ( --font-ui-medium ) ;
font-weight : var ( --input-font-weight ) ;
border : var ( --accent-border-width ) solid ;
border-radius : var ( --radius-s ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton a {
width : 100 % ;
height : 100 % ;
padding : var ( --size-4-1 ) var ( --size-4-3 ) var ( --size-4-1 ) var ( --size-4-2 ) ;
text-decoration-line : unset ;
vertical-align : baseline ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-wiki {
background-color : var ( --color-blue-base ) ;
border-color : var ( --color-blue-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-wiki a {
color : var ( --color-blue-text ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-wiki a : hover {
color : var ( --color-blue-tint ) ;
}
. styleSettingsButton . prism-roadmap {
background-color : var ( --color-green-base ) ;
border-color : var ( --color-green-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-roadmap a {
color : var ( --color-green-text ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-roadmap a : hover {
color : var ( --color-green-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-releases {
background-color : var ( --color-orange-base ) ;
border-color : var ( --color-orange-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-releases a {
color : var ( --color-orange-text ) ;
}
. styleSettingsButton . prism-releases a : hover {
color : var ( --color-orange-tint ) ;
}
. styleSettingsButton . prism-star {
background-color : var ( --color-grey-base ) ;
border-color : var ( --color-grey-tint ) ;
}
. styleSettingsButton . prism-star a {
color : var ( --color-grey-text ) ;
}
. styleSettingsButton . prism-star a : hover {
color : var ( --color-grey-tint ) ;
}
. styleSettingsButton . prism-issue {
background-color : var ( --color-red-base ) ;
border-color : var ( --color-red-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-issue a {
color : var ( --color-red-text ) ;
}
. styleSettingsButton . prism-issue a : hover {
color : var ( --color-red-tint ) ;
}
. styleSettingsButton . prism-coffee {
background-color : var ( --color-yellow-base ) ;
border-color : var ( --color-yellow-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-coffee a {
color : var ( --color-yellow-text ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. styleSettingsButton . prism-coffee a : hover {
color : var ( --color-yellow-tint ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin {
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__lane-header-wrapper {
gap : var ( --size-4-1 ) ;
padding : var ( --size-4-1 ) var ( --size-4-2 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__lane-wrapper {
margin-right : var ( --size-4-4 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . kanban-plugin__item-title-wrapper {
background : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
button . kanban-plugin__new-item-button {
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
button . kanban-plugin__new-item-button : hover {
background-color : var ( --background-modifier-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . kanban-plugin__item-form . kanban-plugin__item-input-wrapper {
background-color : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__lane-items {
gap : var ( --size-4-1 ) ;
padding : var ( --size-4-2 ) ;
margin : unset ;
}
. kanban-plugin__lane-items > div {
margin-top : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: is ( . kanban-plugin__lane-grip , div . kanban-plugin__lane-title-count , . kanban-plugin__lane button . kanban-plugin__lane-settings-button ) {
margin : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__lane button . kanban-plugin__lane-settings-button {
height : unset ;
box-shadow : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 : "" ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__board > div {
padding : var ( --size-4-4 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__markdown-preview-view > div > * {
overflow-x : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. kanban-plugin__lane-grip {
padding : var ( --size-4-1 ) 0 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-center-kanban-title-text . kanban-plugin__lane-title {
align-items : center ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-disable-kanban-title-count div . kanban-plugin__lane-title-count {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-light . pt-kanban-background-dots-lt . kanban-plugin__board {
2023-08-28 16:05:38 +00:00
background-image : radial-gradient ( circle , hsla ( var ( --background-secondary-hsl ) , 90 % ) 1px , rgba ( 0 , 0 , 0 , 0 ) 1px ) ;
2023-07-05 18:29:11 +00:00
background-attachment : local ;
background-size : 8px 8px ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . pt-kanban-background-dots-dt . kanban-plugin__board {
2023-08-28 16:05:38 +00:00
background-image : radial-gradient ( circle , hsla ( var ( --background-secondary-hsl ) , 90 % ) 1px , rgba ( 0 , 0 , 0 , 0 ) 1px ) ;
2023-07-05 18:29:11 +00:00
background-attachment : local ;
background-size : 8px 8px ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-light . pt-kanban-background-grid-lt . kanban-plugin__board {
2023-08-28 16:05:38 +00:00
background-image : linear-gradient ( to right , hsla ( var ( --background-secondary-hsl ) , 90 % ) 1px , transparent 1px ) , linear-gradient ( to bottom , hsla ( var ( --background-secondary-hsl ) , 90 % ) 1px , transparent 1px ) ;
2023-07-05 18:29:11 +00:00
background-attachment : local ;
background-size : 8px 8px ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. theme-dark . pt-kanban-background-grid-dt . kanban-plugin__board {
2023-08-28 16:05:38 +00:00
background-image : linear-gradient ( to right , hsla ( var ( --background-secondary-hsl ) , 90 % ) 1px , transparent 1px ) , linear-gradient ( to bottom , hsla ( var ( --background-secondary-hsl ) , 90 % ) 1px , transparent 1px ) ;
2023-07-05 18:29:11 +00:00
background-attachment : local ;
background-size : 8px 8px ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-icon-folder-accent . obsidian-icon-folder-icon {
color : var ( --interactive-accent-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. pt-icons-accent . obsidian-icon {
color : var ( --interactive-accent-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
div # cMenuModalBar {
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-leaf-content [ data-type = calendar ] . view-content {
padding : unset ;
}
. workspace-leaf-content [ data-type = calendar ] # calendar-container {
padding : unset ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = calendar ] # calendar-container . nav {
height : var ( --header-height ) ;
padding : var ( --size-4-3 ) ;
margin : unset ;
background : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-leaf-content [ data-type = recent-files ] . view-content {
padding : unset ;
}
. workspace-leaf-content [ data-type = recent-files ] . nav-folder . mod-root {
padding : var ( --size-4-1 ) ;
}
. theme-light . workspace-leaf-content [ data-type = recent-files ] . nav-folder . mod-root {
background-color : var ( --background-primary ) ;
}
. theme-dark . workspace-leaf-content [ data-type = recent-files ] . nav-folder . mod-root {
background-color : var ( --background-secondary-alt ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 {
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details : not ( : first-of-type ) summary {
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
border-bottom : var ( --window-border ) ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details [ open ] summary :: before {
-webkit-transform : rotate ( 90deg ) ;
transform : rotate ( 90deg ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details : not ( [ open ] ) {
color : var ( --text-faint ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details : hover summary {
color : var ( --nav-item-color-hover ) ;
background-color : var ( --nav-item-background-hover ) ;
font-weight : var ( --nav-item-weight-hover ) ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details : hover summary :: before {
background-color : var ( --nav-item-color-hover ) ;
}
2023-07-05 18:29:11 +00:00
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details summary {
position : relative ;
2023-08-28 16:05:38 +00:00
display : flex ;
2023-07-05 18:29:11 +00:00
padding : var ( --size-4-1 ) var ( --size-4-2 ) ;
margin-bottom : -1px ;
font-size : var ( --font-ui-small ) ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
list-style-type : none ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details summary :: before {
content : "" ;
display : inline-block ;
width : 15px ;
height : 15px ;
background-color : var ( --text-muted ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E" ) ;
mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E" ) ;
-webkit-mask-size : 15px ;
-webkit-mask-position : center ;
-webkit-mask-repeat : no-repeat ;
margin-right : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) {
2023-08-28 16:05:38 +00:00
border-bottom : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details ul li : hover {
color : var ( --text-normal ) ;
background-color : var ( --text-selection ) ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . container details ul li :: marker {
display : none ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . nav-header {
gap : var ( --size-4-1 ) ;
color : var ( --icon-color ) ;
}
: is ( . pt-nav-header-left-sidebar-position-top . workspace-split . mod-left-split . workspace-leaf-content [ data-type = dangling-links ] . view-content . nav-header , . pt-nav-header-right-sidebar-position-top . workspace-split . mod-right-split . workspace-leaf-content [ data-type = dangling-links ] . view-content . nav-header ) {
position : sticky ;
top : 0 ;
z-index : var ( --layer-popover ) ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . nav-action-button : hover {
color : var ( --icon-color-hover ) ;
background-color : var ( --background-modifier-hover ) ;
opacity : var ( --icon-opacity-hover ) ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . nav-action-button svg {
width : var ( --icon-size ) ;
height : var ( --icon-size ) ;
}
. workspace-leaf-content [ data-type = dangling-links ] . view-content . nav-action-button path [ stroke-width ] {
color : var ( --interactive-accent-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
: 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 ;
2023-08-28 16:05:38 +00:00
background : unset ;
backdrop-filter : unset ;
border : unset ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ;
2023-08-28 16:05:38 +00:00
border-left : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 ;
2023-08-28 16:05:38 +00:00
color : var ( --text-faint ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 ;
2023-08-28 16:05:38 +00:00
background-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-bottom : unset ;
opacity : 1 ;
}
2023-08-28 16:05:38 +00:00
. pt-color-scheme-style-minimal-lt . workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] # file-tree-divider , . pt-color-scheme-style-minimal-dt . workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] # file-tree-divider {
background-color : transparent ;
}
2023-07-05 18:29:11 +00:00
. workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] # file-tree-divider : hover {
height : 3px ;
background-color : var ( --divider-color-hover ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] # file-tree-divider-horizontal {
width : 1px ;
margin-right : unset ;
margin-left : unset ;
border-right : 1px solid var ( --window-border-color ) ;
opacity : unset ;
}
. workspace-leaf div . workspace-leaf-content [ data-type = file-tree-view ] # file-tree-divider-horizontal : hover {
width : 3px ;
background-color : var ( --divider-color-hover ) ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
margin-left : unset ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = quiet-outline ] . n-button : hover {
background-color : var ( --interactive-accent-base ) ;
}
. workspace-leaf-content [ data-type = quiet-outline ] . n-button : hover . n-button__icon svg {
color : var ( --interactive-accent-text ) ! important ;
}
2023-07-05 18:29:11 +00:00
. 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 {
2023-08-28 16:05:38 +00:00
background : var ( --background-secondary-alt ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = quiet-outline ] . n-input . n-input__border {
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. 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 {
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = quiet-outline ] . n-input . n-input__input-el {
height : 32px ;
}
2023-07-05 18:29:11 +00:00
. workspace-leaf-content [ data-type = quiet-outline ] . n-slider {
padding : var ( --size-4-4 ) ;
margin : unset ! important ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = quiet-outline ] . n-slider . n-slider-rail {
2023-08-28 16:05:38 +00:00
background-color : var ( --background-secondary ) ;
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
2023-08-28 16:05:38 +00:00
border : 2px solid var ( --window-border-color ) ;
}
. workspace-leaf-content [ data-type = quiet-outline ] . n-slider . n-slider-dots . n-slider-dot : hover {
background-color : var ( --interactive-accent-base ) ;
border-color : var ( --interactive-accent-text ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. n-slider-handle-indicator {
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
. quiet-outline {
padding-bottom : unset ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. quiet-outline . n-tree . n-tree-node . n-tree-node--highlight . n-tree-node-content . n-tree-node-content__text {
border-bottom : unset ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. quiet-outline code {
padding : 0 var ( --size-4-1 ) ;
border : 1px solid var ( --window-border-color ) ;
border-radius : var ( --radius-s ) ;
}
2023-07-05 18:29:11 +00:00
. status-bar-item . left-region {
padding : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
# quick-explorer {
padding : 0 var ( --size-4-2 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
# 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. view-header-breadcrumb . is-exploring ,
. view-header-title-parent . is-exploring :: before {
color : var ( --highlight-accent-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. view-header-title-parent :: before {
display : none ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. workspace-leaf-content [ data-type = tagfolder-view ] . nav-files-container {
padding : unset ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = tagfolder-view ] . nav-folder . mod-root > . nav-folder-title {
align-items : center ;
justify-content : center ;
height : var ( --header-height ) ;
padding : 0 var ( --size-4-2 ) ;
background-color : var ( --background-secondary ) ;
border-bottom : var ( --window-border ) ;
border-radius : unset ;
}
. workspace-leaf-content [ data-type = tagfolder-view ] . nav-folder . mod-root > . tree-item-children {
2023-07-05 18:29:11 +00:00
padding : var ( --size-4-1 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = tagfolder-view ] . tagfolder-quantity . itemscount ,
. workspace-leaf-content [ data-type = tagfolder-view ] . nav-folder-title . svelte-m9l3qf : hover . tagfolder-quantity span . svelte-m9l3qf ,
. workspace-leaf-content [ data-type = tagfolder-view ] . nav-file-title . svelte-m9l3qf : hover . taglist . tags . svelte-m9l3qf {
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = tagfolder-view ] . nav-folder-title-content : hover div . tagfolder-quantity span {
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
. theme-light . workspace-leaf-content [ data-type = map ] . leaflet-container ,
. theme-light . workspace-leaf-content [ data-type = map ] . map-view-graph-controls {
background-color : var ( --background-primary ) ! important ;
}
. theme-dark . workspace-leaf-content [ data-type = map ] . leaflet-container ,
. theme-dark . workspace-leaf-content [ data-type = map ] . map-view-graph-controls {
background-color : var ( --background-secondary-alt ) ! important ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
border-left : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
-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 {
2023-08-28 16:05:38 +00:00
padding : unset ;
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-m ) ;
2023-08-28 16:05:38 +00:00
overflow-y : hidden ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = map ] . graph-control-div {
position : relative ;
padding-bottom : unset ;
margin-bottom : -1px ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = map ] . graph-control-div : first-of-type . graph-control-content {
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = map ] . graph-control-div : not ( : first-of-type ) . graph-control-content {
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-2 ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = map ] . lbl-triangle {
position : absolute ;
content : "" ;
width : 15px ;
height : 15px ;
top : var ( --size-2-3 ) ;
left : var ( --size-2-3 ) ;
background-color : var ( --text-muted ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E" ) ;
mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E" ) ;
-webkit-mask-size : 15px ;
-webkit-mask-position : center ;
-webkit-mask-repeat : no-repeat ;
margin-right : var ( --size-4-1 ) ;
pointer-events : none ;
}
. workspace-leaf-content [ data-type = map ] . lbl-toggle {
padding : var ( --size-4-1 ) var ( --size-4-2 ) var ( --size-4-1 ) var ( --size-4-6 ) ;
display : inline-block ;
width : 100 % ;
border-bottom : var ( --window-border ) ;
background-color : var ( --background-secondary ) ;
}
. workspace-leaf-content [ data-type = map ] . lbl-toggle : hover {
color : var ( --nav-item-color-hover ) ;
background-color : var ( --nav-item-background-hover ) ;
font-weight : var ( --nav-item-weight-hover ) ;
}
. workspace-leaf-content [ data-type = map ] . lbl-toggle : hover :: before {
background-color : var ( --nav-item-color-hover ) ;
}
. workspace-leaf-content [ data-type = map ] . graph-control-div : not ( : first-of-type ) . lbl-toggle {
border-top : var ( --window-border ) ;
}
. workspace-leaf-content [ data-type = map ] . controls-toggle : checked + . lbl-toggle :: before {
transform : rotate ( 90deg ) ;
top : 0px ;
}
. workspace-leaf-content [ data-type = map ] . search-input-container {
display : flex ;
}
. workspace-leaf-content [ data-type = map ] . graph-control-follow-div {
display : flex ;
align-items : center ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. 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 ;
2023-08-28 16:05:38 +00:00
align-items : center ;
justify-content : center ;
height : var ( --header-height ) ;
padding : var ( --size-4-1 ) ;
2023-07-05 18:29:11 +00:00
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
}
. pt-nav-header-left-sidebar-position-top . workspace-leaf-content [ data-type = dictionary-view ] . search-input-container , . pt-nav-header-right-sidebar-position-top . workspace-leaf-content [ data-type = dictionary-view ] . search-input-container {
border-top : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dictionary-view ] . container . svelte-17ilbu5 {
2023-07-05 18:29:11 +00:00
padding : unset ;
margin-top : unset ;
background-color : unset ;
border-radius : unset ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dictionary-view ] . container . svelte-17ilbu5 h3 {
2023-07-05 18:29:11 +00:00
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 ) ;
2023-08-28 16:05:38 +00:00
border-top : var ( --window-border ) ;
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dictionary-view ] . contents . svelte-17ilbu5 {
2023-07-05 18:29:11 +00:00
height : 100 % ;
}
2023-08-28 16:05:38 +00:00
. theme-light . workspace-leaf-content [ data-type = dictionary-view ] . contents . svelte-17ilbu5 {
2023-07-05 18:29:11 +00:00
background-color : var ( --background-primary ) ;
}
2023-08-28 16:05:38 +00:00
. theme-dark . workspace-leaf-content [ data-type = dictionary-view ] . contents . svelte-17ilbu5 {
2023-07-05 18:29:11 +00:00
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 {
2023-08-28 16:05:38 +00:00
padding : unset ;
margin-bottom : unset ;
border-radius : unset ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . main . svelte-1ufvm6z . svelte-1ufvm6z audio ,
. workspace-leaf-content [ data-type = dictionary-view ] . main . svelte-5jhpts . svelte-5jhpts audio {
padding : 0 var ( --size-4-2 ) ;
margin : --size-4-2 0 ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dictionary-view ] . container . svelte-17ilbu5 : nth-child ( 2 ) . main . svelte-5jhpts > div : nth-child ( 2 ) {
margin : var ( --size-4-2 ) ;
border : 1px solid var ( --window-border-color ) ;
border-radius : var ( --radius-m ) ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . main . svelte-5jhpts {
2023-07-05 18:29:11 +00:00
padding : unset ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . main . svelte-5jhpts . mark {
box-shadow : inset 0 -2px var ( --interactive-accent-text ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dictionary-view ] . main : first-of-type . opener {
margin-top : -1px ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . opener {
display : flex ;
align-items : center ;
2023-07-05 18:29:11 +00:00
padding : var ( --size-4-1 ) var ( --size-4-2 ) ;
2023-08-28 16:05:38 +00:00
font-size : var ( --font-ui-small ) ;
background-color : var ( --background-secondary ) ;
border-top : var ( --window-border ) ;
border-bottom : var ( --window-border ) ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . opener : not ( [ open ] ) {
margin-bottom : -1px ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . opener : hover {
font-weight : var ( --nav-item-weight-hover ) ;
color : var ( --nav-item-color-hover ) ;
background-color : var ( --nav-item-background-hover ) ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . opener : hover . tree-item-icon svg {
background-color : var ( --nav-item-color-hover ) ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . opener . tree-item-icon svg {
display : inline-block ;
width : 15px ;
height : 15px ;
margin-right : var ( --size-4-1 ) ;
content : "" ;
background-color : var ( --text-muted ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E" ) ;
mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E" ) ;
-webkit-mask-size : 15px ;
-webkit-mask-position : center ;
-webkit-mask-repeat : no-repeat ;
}
. workspace-leaf-content [ data-type = dictionary-view ] . opener . tree-item-icon :: after , . workspace-leaf-content [ data-type = dictionary-view ] . opener . tree-item-icon :: before ,
. workspace-leaf-content [ data-type = dictionary-view ] . opener . tree-item-icon svg path {
display : none ;
2023-07-05 18:29:11 +00:00
}
. workspace-leaf-content [ data-type = dictionary-view ] . definition . svelte-5jhpts . svelte-5jhpts {
padding : var ( --size-4-2 ) var ( --size-4-4 ) ;
}
2023-08-28 16:05:38 +00:00
. workspace-leaf-content [ data-type = dictionary-view ] . search-input-container :: before {
top : unset ;
}
2023-07-05 18:29:11 +00:00
. 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 ) ;
2023-08-28 16:05:38 +00:00
--he-title-bar-height : 32px ;
2023-07-05 18:29:11 +00:00
}
. hover-editor . show-navbar . view-header {
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. 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 {
2023-08-28 16:05:38 +00:00
padding : var ( --size-4-1 ) 0 ;
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. hover-editor : is ( . popover-action , . mod-pin-popover ) {
padding : 0 var ( --size-2-1 ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-bar {
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
. emoji-mart-bar : last-child {
2023-08-28 16:05:38 +00:00
border-top-color : var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
. emoji-mart-dark {
background-color : var ( --background-secondary ) ;
}
. emoji-mart-dark . emoji-mart-category-label span {
background-color : var ( --background-secondary ) ;
}
2023-07-05 18:29:11 +00:00
. emoji-mart-search {
display : flex ;
padding : var ( --size-4-1 ) ;
margin-top : unset ;
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-search-icon {
top : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-scroll {
padding : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-category-label {
background-color : var ( --background-secondary-blur ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
-webkit-backdrop-filter : blur ( var ( --blur-intensity ) ) ;
backdrop-filter : blur ( var ( --blur-intensity ) ) ;
}
. emoji-mart-category-label span {
background-color : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. modal # emoji-modal . emoji-mart-emoji {
display : unset ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-anchor svg {
color : var ( --text-muted ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-anchor-selected svg {
color : var ( --interactive-accent-text ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-anchor-bar {
background-color : var ( --interactive-accent-tint ) ! important ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. emoji-mart-category . emoji-mart-emoji : hover :: before ,
. emoji-mart-category . emoji-mart-emoji : focus :: before {
background-color : var ( --background-modifier-hover ) ;
}
2023-08-28 16:05:38 +00:00
2023-07-05 18:29:11 +00:00
. flatpickr-calendar {
background-color : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border : 1px solid var ( --window-border-color ) ;
2023-07-05 18:29:11 +00:00
border-radius : var ( --radius-m ) ;
box-shadow : var ( --shadow-l ) ;
}
. flatpickr-calendar . arrowTop :: before {
2023-08-28 16:05:38 +00:00
border-bottom-color : var ( --window-border-color ) ;
}
. flatpickr-calendar . flatpickr-innerContainer {
border-radius : var ( --radius-m ) ;
2023-07-05 18:29:11 +00:00
}
. flatpickr-calendar . flatpickr-months {
background : var ( --background-secondary ) ;
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
border-top-left-radius : var ( --radius-m ) ;
border-top-right-radius : var ( --radius-m ) ;
2023-07-05 18:29:11 +00:00
}
. 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 ) ;
2023-08-28 16:05:38 +00:00
border : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
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 {
2023-08-28 16:05:38 +00:00
border-bottom : var ( --window-border ) ;
2023-07-05 18:29:11 +00:00
}
. flatpickr-calendar . flatpickr-weekdays span . flatpickr-weekday {
font-size : 10px ;
font-weight : bold ;
color : var ( --text-muted ) ;
text-transform : uppercase ;
letter-spacing : 1px ;
}
2023-08-28 16:05:38 +00:00
. settings-search-container . vertical-tab-header-group-items {
padding : unset ;
background-color : var ( --background-secondary ) ;
}
. settings-search-container . settings-search-input {
padding : unset ;
margin : var ( --size-4-1 ) ;
}
. is-mobile . is-phone . settings-search-container . settings-search-input {
padding : unset ;
margin : var ( --size-4-1 ) ;
}
. settings-search-container . search-input-container :: before {
top : calc ( ( var ( --input-height ) - var ( --search-icon-size ) ) / 2 ) ;
left : var ( --size-4-3 ) ;
}
. settings-search-container . vertical-tab-nav-item {
border : unset ;
}
2023-07-05 18:29:11 +00:00
/ * @ settings
name : Prism Theme
id : obsidian-prism-theme
2023-08-28 16:05:38 +00:00
collapsed : false
2023-07-05 18:29:11 +00:00
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
2023-08-28 16:05:38 +00:00
description : The ` Custom ` option allows you to use a CSS snippet with your own colors . Refer to the Prism Wiki guide ` Custom Color Schemes ` for more info .
2023-07-05 18:29:11 +00:00
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
2023-08-28 16:05:38 +00:00
-
label : Peach
value : pt-color-scheme-peach-lt
-
label : Custom
value : pt-color-scheme-custom-lt
-
id : color-scheme-style-lt
title : Color Scheme Style
description : Adjusts the style used by the main elements in the UI .
type : class-select
allowEmpty : false
default : pt-color-scheme-style-two-tone-and-border-lt
options :
-
label : Minimal
value : pt-color-scheme-style-minimal-lt
-
label : Border
value : pt-color-scheme-style-border-lt
-
label : Two Tone & Border
value : pt-color-scheme-style-two-tone-and-border-lt
2023-07-05 18:29:11 +00:00
-
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 :
2023-08-28 16:05:38 +00:00
-
label : Minimal
value : pt-accent-style-minimal-lt
2023-07-05 18:29:11 +00:00
-
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
2023-08-28 16:05:38 +00:00
description : Accent Text Color should ideally be the darkest of the 3 .
2023-07-05 18:29:11 +00:00
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
2023-08-28 16:05:38 +00:00
description : The ` Custom ` option allows you to use a CSS snippet with your own colors . Refer to the Prism Wiki guide ` Custom Color Schemes ` for more info .
2023-07-05 18:29:11 +00:00
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
2023-08-28 16:05:38 +00:00
-
label : Cherry
value : pt-color-scheme-cherry-dt
-
label : Custom
value : pt-color-scheme-custom-dt
-
id : color-scheme-style-dt
title : Color Scheme Style
description : Adjusts the style used by the main elements in the UI .
type : class-select
allowEmpty : false
default : pt-color-scheme-style-two-tone-and-border-dt
options :
-
label : Minimal
value : pt-color-scheme-style-minimal-dt
-
label : Border
value : pt-color-scheme-style-border-dt
-
label : Two Tone & Border
value : pt-color-scheme-style-two-tone-and-border-dt
2023-07-05 18:29:11 +00:00
-
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 :
2023-08-28 16:05:38 +00:00
-
label : Minimal
value : pt-accent-style-minimal-dt
2023-07-05 18:29:11 +00:00
-
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
2023-08-28 16:05:38 +00:00
description : Accent Text Color should ideally be the lightest of the 3 .
2023-07-05 18:29:11 +00:00
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 )
2023-08-28 16:05:38 +00:00
-
id : focused-mode
title : Focused Mode
description : Focused Mode fades away UI distractions so you can better focus on your notes . Look in the Prism Wiki for a guide .
type : heading
level : 2
collapsed : true
-
id : pt-focused-mode
title : Enable Focused Mode
description : This toggle can be bound to a hotkey ! Look for ` Style Settings Toggle Enable Focused Mode ` in ` Settings - > Hotkeys Tab ` to bind it .
type : class-toggle
default : false
addCommand : true
-
id : focused-mode-style
title : Focused Mode Style
description : Select the type of Focused Mode you want to use .
type : class-select
allowEmpty : false
default : pt-focused-style-main-only
options :
-
label : Main Window Only
value : pt-focused-style-main-only
-
label : Popout Windows Only
value : pt-focused-style-popout-only
-
label : Main and Popout Windows
value : pt-focused-style-main-and-popout-only
-
id : fade-away-opacity
title : Fade Away Opacity
description : Set the opacity value you ' d like the UI to fade to .
type : variable-number-slider
level : 2
min : 0
max : 1
step : 0 . 01
default : 0 . 25
-
id : fade-away-delay
title : Fade Away Delay
description : Set the delay value ( ms ) you ' d like the UI to stay active after being hovered over .
type : variable-number-slider
level : 2
min : 0
max : 4000
step : 50
default : 850
format : 'ms'
2023-07-05 18:29:11 +00:00
-
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
-
2023-08-28 16:05:38 +00:00
id : sidebar-and-main-workspace-elements
title : Sidebar and Main Workspace Elements
description : Settings for positioning , alignment , etc . of different UI elements within the Sidebars and the Main Workspace .
2023-07-05 18:29:11 +00:00
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
2023-08-28 16:05:38 +00:00
-
id : tab-header
title : Tab Header
description : Settings for alignment of the Tab Header .
type : heading
level : 3
collapsed : true
-
id : tab-header-alignment
title : Tab Header Alignment
description : Horizontal Alignment of the Tab Headers in the Main Workspace .
type : class-select
allowEmpty : false
default : pt-tab-header-left
options :
-
label : Left
value : pt-tab-header-left
-
label : Center
value : pt-tab-header-center
-
label : Right
value : pt-tab-header-right
2023-07-05 18:29:11 +00:00
-
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
2023-08-28 16:05:38 +00:00
-
id : pt-file-explorer-folder-icon
title : Enable Folder Dropdown Icon
description : Replaces the Arrow dropdown icon with a Folder icon ( different icons for closed and open folders ) .
default : false
type : class-toggle
-
id : pt-file-explorer-folder-icon-color
title : Folder Dropdown Icon Color
description : Different presets for the Folder Dropdown Icon Color . Make sure to enable the option above ` Enable Folder Dropdown Icon ` for this to apply .
type : class-select
allowEmpty : false
default : pt-file-explorer-folder-icon-default
options :
-
label : Default
value : pt-file-explorer-folder-icon-default
-
label : Accent Color
value : pt-file-explorer-folder-icon-accent
-
label : Accent Color on Open Folders
value : pt-file-explorer-folder-icon-active
2023-07-05 18:29:11 +00:00
-
id : titlebar
title : Titlebar
description : Settings for changing the style of the Titlebar .
type : heading
level : 2
collapsed : true
-
id : pt-titlebar-hide-text
title : Hide Titlebar Title Text
description : Hides the Titlebar Title Text ( Useful when the Statusbar is at the top ) .
type : class-toggle
default : false
-
id : status-bar
title : Status Bar
description : Settings for the Status Bar . Adjust position , Change the order of items , etc .
type : heading
level : 2
collapsed : true
-
id : pt-status-bar-style
title : Status Bar Style
description : Change the Position of the Status Bar .
type : class-select
allowEmpty : false
default : pt-status-bar-position-floating
options :
-
label : Hidden
value : pt-status-bar-position-hidden
-
label : Floating
value : pt-status-bar-position-floating
-
label : Fixed
value : pt-status-bar-position-fixed
-
id : pt-fixed-status-bar-align
title : Fixed Status Bar Horizontal Alignment
description : Change the Horizontal Alignment of the Fixed Status Bar .
type : class-select
allowEmpty : false
default : pt-fixed-status-bar-align-center
options :
-
label : Left
value : pt-fixed-status-bar-align-left
-
label : Center
value : pt-fixed-status-bar-align-center
-
label : Right
value : pt-fixed-status-bar-align-right
-
id : status-bar-customisation-lt
title : Light Theme Customisation
type : heading
level : 3
collapsed : true
-
id : status-bar-preset-lt
title : Status Bar Preset
description : Choose between Default and Custom colors for the Light Theme Status Bar .
default : pt-status-bar-default-lt
type : class-select
options :
-
label : Default
value : pt-status-bar-default-lt
-
label : Custom
value : pt-status-bar-custom-lt
-
id : status-bar-background-color-lt
title : Status Bar Background Color
description : Make sure you selected 'Custom' in Light Theme Status Bar Preset for this to work .
type : variable-color
format : hsl
opacity : false
default : '#EBECEF'
-
id : status-bar-text-color-lt
title : Status Bar Text / Icons Color
description : Choose the color used for the Light Theme Status Bar Text / Icons .
default : pt-status-bar-text-dark-lt
type : class-select
options :
-
label : Light
value : pt-status-bar-text-light-lt
-
label : Dark
value : pt-status-bar-text-dark-lt
-
label : Accent Color
value : pt-status-bar-text-accent-lt
-
id : status-bar-customisation-dt
title : Dark Theme Customisation
type : heading
level : 3
collapsed : true
-
id : status-bar-preset-dt
title : Status Bar Preset
description : Choose between Default and Custom colors for the Dark Theme Status Bar .
default : pt-status-bar-default-dt
level : 2
type : class-select
options :
-
label : Default
value : pt-status-bar-default-dt
-
label : Custom
value : pt-status-bar-custom-dt
-
id : status-bar-background-color-dt
title : Status Bar Background Color
description : Make sure you selected 'Custom' in Dark Theme Status Bar Preset for this to work .
type : variable-color
format : hsl
opacity : false
default : '#2B2B2B'
-
id : status-bar-text-color-dt
title : Status Bar Text / Icons Color
description : Choose the color used for the Dark Theme Status Bar Text / Icons .
default : pt-status-bar-text-light-dt
type : class-select
options :
-
label : Light
value : pt-status-bar-text-light-dt
-
label : Dark
value : pt-status-bar-text-dark-dt
-
label : Accent Color
value : pt-status-bar-text-accent-dt
-
id : scrollbar
title : Scrollbar
description : Settings for the Scrollbar . Adjust the width , Add Scroll Buttons , etc .
type : heading
level : 2
collapsed : true
-
id : scroll-bar-size
title : Scrollbar Width
description : Change the width of the Scrollbar ( px ) .
type : variable-number-slider
default : 12
min : 5
max : 20
format : px
-
id : plugins
title : Plugins
description : Plugin Specific Settings .
type : heading
level : 1
collapsed : true
-
id : kanban-settings
title : Kanban
description : Mgmeyers Obsidian Kanban Plugin ( https : / / github . com / mgmeyers / obsidian-kanban ) .
type : heading
level : 2
collapsed : true
-
id : pt-disable-kanban-title-count
title : Disable Kanban Title Card Count
description : Removes the Card Count in the Kanban Lane Title .
type : class-toggle
default : false
-
id : pt-center-kanban-title-text
title : Center Kanban Title Text
description : Aligns the Kanban Lane Title to the center .
type : class-toggle
default : true
-
id : pt-kanban-background-lt
title : Light Theme Kanban Background
description : Change the Light Theme background of the Kanban board .
type : class-select
allowEmpty : false
default : pt-kanban-background-grid-lt
options :
-
label : Solid Color
value : pt-kanban-background-default-lt
-
label : Dots
value : pt-kanban-background-dots-lt
-
label : Grid
value : pt-kanban-background-grid-lt
-
id : pt-kanban-background-dt
title : Dark Theme Kanban Background
description : Change the Dark Theme background of the Kanban board .
type : class-select
allowEmpty : false
default : pt-kanban-background-grid-dt
options :
-
label : Solid Color
value : pt-kanban-background-default-dt
-
label : Dots
value : pt-kanban-background-dots-dt
-
label : Grid
value : pt-kanban-background-grid-dt
-
id : icon-folder-settings
title : Icon Folder
description : Florian Woelki Icon Folder ( https : / / github . com / FlorianWoelki / obsidian-icon-folder ) .
type : heading
level : 2
collapsed : true
-
id : pt-icon-folder-accent
title : Use UI Accent Color for Icon Folder
description : Makes the Folder Icons inherit the UI Accent Color .
type : class-toggle
default : true
-
id : icons-settings
title : Icons
description : visini Icons ( https : / / github . com / visini / obsidian-icons-plugin ) .
type : heading
level : 2
collapsed : true
-
id : pt-icons-accent
title : Use UI Accent Color for Icons
description : Makes the Icons inherit the UI Accent Color .
type : class-toggle
default : false
-
id : feature-toggles
title : Feature Toggles
description : Disable / hide certain aspects of the theme .
type : heading
level : 1
collapsed : true
-
id : pt-fade-inactive-tabs
title : Fade Inactive Tabs
description : Fades out inactive UI tabs to help distinguish the currently active tab .
default : false
type : class-toggle
2023-08-28 16:05:38 +00:00
-
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
2023-07-05 18:29:11 +00:00
-
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
2023-08-28 16:05:38 +00:00
description : This option removes the Prism Mark Highlight Styling ( reverts to default look ) . This will be handy for those that already use a different < mark > tag based highlighting system .
default : false
type : class-toggle
-
id : pt-collapsed-pinned-tab
title : Collapsed Pinned Tabs
description : This option removes the title from pinned tabs and adds back the default file icon for the markdown files . Helps reduce the horizontal space wasted by pinned tabs . You can still see the title when you hover over the icon . NOTE - This option requires Installer Version 1 . 1 . 9 + due to use of CSS ` has ( ) ` . Also , might not work on certain Mobile clients .
2023-07-05 18:29:11 +00:00
default : false
type : class-toggle
-
2023-08-28 16:05:38 +00:00
id : pt-pdf-dark-theme
title : Enable PDF Dark Theme
description : This option adds styling to the PDF pages by blending in with the colour scheme in Dark mode ; making it more eye friendly . This isn ' t a perfect solution . Note that some images might look inverted and colours be a different shade compared to the original file .
default : false
type : class-toggle
-
id : theme-info
title : Theme Info
description : Additional help and information regarding Prism .
2023-07-05 18:29:11 +00:00
type : heading
level : 1
collapsed : false
-
2023-08-28 16:05:38 +00:00
id : theme-info-buttons
type : info-text
markdown : true
description : '<div class="styleSettingsButton prism-wiki"><a href="https://github.com/damiankorcz/Prism-Theme/wiki"><span class="styleSettingsButtonEmoji">🏛️</span>Prism Wiki</a></div><div class="styleSettingsButton prism-roadmap"><a href="https://github.com/users/damiankorcz/projects/5"><span class="styleSettingsButtonEmoji">🗺️</span>Prism Roadmap</a></div><div class="styleSettingsButton prism-releases"><a href="https://github.com/damiankorcz/Prism-Theme/releases"><span class="styleSettingsButtonEmoji">📦</span>Prism Releases & Changelog</a></div>'
2023-07-05 18:29:11 +00:00
-
id : support
title : Support the Development of Prism
2023-08-28 16:05:38 +00:00
description : If you are enjoying the theme , here are some ways to support its development .
2023-07-05 18:29:11 +00:00
type : heading
level : 1
collapsed : false
-
2023-08-28 16:05:38 +00:00
id : support-buttons
type : info-text
markdown : true
description : '<div class="styleSettingsButton prism-star"><a href="https://github.com/damiankorcz/Prism-Theme"><span class="styleSettingsButtonEmoji">🌠</span>Star the project on GitHub</a></div><div class="styleSettingsButton prism-issue"><a href="https://github.com/damiankorcz/Prism-Theme/issues"><span class="styleSettingsButtonEmoji">⚠️</span>Submit an Issue</a></div><div class="styleSettingsButton prism-coffee"><a href="https://www.buymeacoffee.com/DamianKorcz"><span class="styleSettingsButtonEmoji">☕</span> Buy me a coffee!</a></div>'
2023-07-05 18:29:11 +00:00
-
id : prism-theme
title : Prism Theme Class
2023-08-28 16:05:38 +00:00
type : class-toggle
default : true
2023-07-05 18:29:11 +00:00
* /
/ * @ 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
2023-08-28 16:05:38 +00:00
- settings-search
* /