Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 6e143b3

Browse files
thelooterthelooter
committedNov 16, 2024··
fix(kotlin): implement most critique comments
Signed-off-by: thelooter <[email protected]>
1 parent 44c3b51 commit 6e143b3

File tree

1 file changed

+309
-81
lines changed

1 file changed

+309
-81
lines changed
 

‎styles/kotlin/catppuccin.user.css

+309-81
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@
1616
==/UserStyle== */
1717

1818
@-moz-document domain('kotlinlang.org') {
19-
2019
@media (prefers-color-scheme: light) {
2120
:root {
2221
#catppuccin(@lightFlavor, @accentColor);
@@ -57,35 +56,32 @@
5756
@crust: @catppuccin[@@lookup][@crust];
5857
@accent-color: @catppuccin[@@lookup][@@accent];
5958

60-
color-scheme: if(@lookup = latte, light, dark);
59+
color-scheme: if(@lookup = latte, light, dark);
6160

62-
::selection {
61+
::selection {
6362
background-color: fade(@accent-color, 30%);
6463
}
6564

66-
input,
67-
textarea {
68-
&::placeholder {
69-
color: @subtext0 !important;
65+
input,
66+
textarea {
67+
&::placeholder {
68+
color: @subtext0 !important;
69+
}
7070
}
71-
}
7271

73-
74-
--ktl-light-grey: @text;
72+
--ktl-light-grey: @text;
7573
--ktl-dark-100: @surface0 !important;
7674
--ktl-dark-bg-hard: @mantle !important;
7775
--ktl-icon-color-dark: @crust !important;
7876
--ktl-color-white-light: @overlay2 !important;
7977
--ktl-color-primary-light-theme: @accent-color;
8078

81-
--ktl-focus-outline: rgba(107, 87, 255, .8) 0 0 0 4px;
82-
79+
--ktl-focus-outline: rgba(107, 87, 255, 0.8) 0 0 0 4px;
8380

8481
body {
8582
&.dark-theme {
8683
background: @base;
8784
}
88-
8985
}
9086

9187
.rs {
@@ -111,6 +107,7 @@
111107
color: @text;
112108
}
113109
}
110+
114111
.cm-s-darcula,
115112
.cm-s-kotlin-docs {
116113
&.CodeMirror {
@@ -123,47 +120,52 @@
123120

124121
& span.cm {
125122
&-keyword {
126-
color: @mauve
123+
color: @mauve;
127124
}
128125

129126
&-def {
130-
color: @blue
127+
color: @blue;
131128
}
132129

133130
&-string {
134-
color: @green
131+
color: @green;
135132
}
136133

137134
&-number {
138-
color: @peach
135+
color: @peach;
139136
}
140137

141138
&-type {
142-
color: @yellow
139+
color: @yellow;
143140
}
144141

145142
&-variable {
146-
color: @blue
143+
color: @blue;
147144
}
148145

149146
&-meta {
150-
color: @yellow
147+
color: @yellow;
151148
}
152149

153150
&-comment {
154-
color: @overlay2
151+
color: @overlay2;
155152
}
156153

157154
&-operator {
158-
color: @sky
155+
color: @sky;
159156
}
160157

161158
&-atom {
162-
color: @red
159+
color: @red;
163160
}
164161
}
165162
}
166163

164+
.cm-s-kotlin-docs.CodeMirror .CodeMirror-linenumber {
165+
color: @overlay2;
166+
}
167+
168+
167169
[class*="hero_"] {
168170
&[class*="heroSection"] {
169171
background: @base;
@@ -179,7 +181,9 @@
179181
}
180182

181183
&[class*="developerLogo"] {
182-
@svg: escape('<svg width="149" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.242 20.293q0 .634-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54q1.432 0 2.574-.642a4.7 4.7 0 0 0 1.792-1.773q.65-1.126.652-2.544V10.509h-3.316zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005zm23.512 4.5a4 4 0 0 0-.837-.323q.337-.096.638-.244a3.2 3.2 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768q-.001-1.142-.622-2.046-.621-.897-1.743-1.404-1.122-.502-2.56-.503h-6.656v14.987h6.786q1.507.002 2.694-.528c.787-.353 1.4-.841 1.837-1.473a3.7 3.7 0 0 0 .653-2.151q0-1.112-.513-1.992a3.53 3.53 0 0 0-1.43-1.364zm-6.802-4.959h2.943q.611.001 1.08.22a1.67 1.67 0 0 1 .996 1.577c0 .364-.09.708-.264.992a1.73 1.73 0 0 1-.732.652 2.4 2.4 0 0 1-1.08.229h-2.943v-3.675zm5.069 9.067q-.285.426-.802.658a2.9 2.9 0 0 1-1.195.229h-3.072v-3.844h3.072q.665 0 1.185.249c.344.164.618.393.807.692s.289.637.289 1.02c0 .384-.095.712-.284.996m14.798-2.654q1.246-.598 1.932-1.683.687-1.08.687-2.514c0-.956-.224-1.763-.672-2.48q-.674-1.074-1.907-1.662-1.232-.59-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005zm-1.076-3.062a1.8 1.8 0 0 1-.791.722q-.516.255-1.21.254h-2.988v-4.147h2.988q.694 0 1.21.249c.343.164.607.408.791.717.185.308.28.677.28 1.095q-.001.629-.28 1.1zM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288zm10.347 5.816h3.425V10.51h-3.425zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027zm15.763-1.678a4.5 4.5 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523q-.599-.142-.951-.498a1.23 1.23 0 0 1-.353-.891q-.002-.485.259-.842c.169-.239.413-.423.722-.558a2.7 2.7 0 0 1 1.075-.199c.408 0 .777.07 1.091.21q.47.207.731.587c.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568q-1.566-.002-2.783.588c-.812.393-1.449.936-1.902 1.633q-.68 1.044-.682 2.38-.001 1.084.438 1.951a3.95 3.95 0 0 0 1.24 1.45 4.9 4.9 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.83 1.83 0 0 1-.792.613q-.507.215-1.195.214c-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474q.732 1.07 2.017 1.668t2.942.598c1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688q.723-1.076.722-2.435a4.4 4.4 0 0 0-.488-2.052z" fill="@{text}"/><path d="m10.17 1.83-8.34 8.34A6.25 6.25 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.25 6.25 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83" fill="url(#a)"/><path d="M24 8H4v20h20z" fill="@{crust}"/><path d="M15 23.5H6.5v2H15z" fill="@{overlay2}"/><defs><linearGradient id="a" x1=".425" y1="31.36" x2="31.31" y2=".905" gradientUnits="userSpaceOnUse"><stop stop-color="@{peach}"/><stop offset=".43" stop-color="@{red}"/><stop offset=".99" stop-color="@{pink}"/></linearGradient></defs></svg>');
184+
@svg: escape(
185+
'<svg width="149" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.242 20.293q0 .634-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54q1.432 0 2.574-.642a4.7 4.7 0 0 0 1.792-1.773q.65-1.126.652-2.544V10.509h-3.316zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005zm23.512 4.5a4 4 0 0 0-.837-.323q.337-.096.638-.244a3.2 3.2 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768q-.001-1.142-.622-2.046-.621-.897-1.743-1.404-1.122-.502-2.56-.503h-6.656v14.987h6.786q1.507.002 2.694-.528c.787-.353 1.4-.841 1.837-1.473a3.7 3.7 0 0 0 .653-2.151q0-1.112-.513-1.992a3.53 3.53 0 0 0-1.43-1.364zm-6.802-4.959h2.943q.611.001 1.08.22a1.67 1.67 0 0 1 .996 1.577c0 .364-.09.708-.264.992a1.73 1.73 0 0 1-.732.652 2.4 2.4 0 0 1-1.08.229h-2.943v-3.675zm5.069 9.067q-.285.426-.802.658a2.9 2.9 0 0 1-1.195.229h-3.072v-3.844h3.072q.665 0 1.185.249c.344.164.618.393.807.692s.289.637.289 1.02c0 .384-.095.712-.284.996m14.798-2.654q1.246-.598 1.932-1.683.687-1.08.687-2.514c0-.956-.224-1.763-.672-2.48q-.674-1.074-1.907-1.662-1.232-.59-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005zm-1.076-3.062a1.8 1.8 0 0 1-.791.722q-.516.255-1.21.254h-2.988v-4.147h2.988q.694 0 1.21.249c.343.164.607.408.791.717.185.308.28.677.28 1.095q-.001.629-.28 1.1zM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288zm10.347 5.816h3.425V10.51h-3.425zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027zm15.763-1.678a4.5 4.5 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523q-.599-.142-.951-.498a1.23 1.23 0 0 1-.353-.891q-.002-.485.259-.842c.169-.239.413-.423.722-.558a2.7 2.7 0 0 1 1.075-.199c.408 0 .777.07 1.091.21q.47.207.731.587c.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568q-1.566-.002-2.783.588c-.812.393-1.449.936-1.902 1.633q-.68 1.044-.682 2.38-.001 1.084.438 1.951a3.95 3.95 0 0 0 1.24 1.45 4.9 4.9 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.83 1.83 0 0 1-.792.613q-.507.215-1.195.214c-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474q.732 1.07 2.017 1.668t2.942.598c1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688q.723-1.076.722-2.435a4.4 4.4 0 0 0-.488-2.052z" fill="@{text}"/><path d="m10.17 1.83-8.34 8.34A6.25 6.25 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.25 6.25 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83" fill="url(#a)"/><path d="M24 8H4v20h20z" fill="@{crust}"/><path d="M15 23.5H6.5v2H15z" fill="@{overlay2}"/><defs><linearGradient id="a" x1=".425" y1="31.36" x2="31.31" y2=".905" gradientUnits="userSpaceOnUse"><stop stop-color="@{peach}"/><stop offset=".43" stop-color="@{red}"/><stop offset=".99" stop-color="@{pink}"/></linearGradient></defs></svg>'
186+
);
183187
content: url("data:image/svg+xml,@{svg}");
184188
}
185189
}
@@ -224,17 +228,26 @@
224228
}
225229

226230
&[class*="footer-module_logo"] {
227-
@svg: escape('<svg width="149" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.242 20.293q0 .634-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54q1.432 0 2.574-.642a4.7 4.7 0 0 0 1.792-1.773q.65-1.126.652-2.544V10.509h-3.316zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005zm23.512 4.5a4 4 0 0 0-.837-.323q.337-.096.638-.244a3.2 3.2 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768q-.001-1.142-.622-2.046-.621-.897-1.743-1.404-1.122-.502-2.56-.503h-6.656v14.987h6.786q1.507.002 2.694-.528c.787-.353 1.4-.841 1.837-1.473a3.7 3.7 0 0 0 .653-2.151q0-1.112-.513-1.992a3.53 3.53 0 0 0-1.43-1.364zm-6.802-4.959h2.943q.611.001 1.08.22a1.67 1.67 0 0 1 .996 1.577c0 .364-.09.708-.264.992a1.73 1.73 0 0 1-.732.652 2.4 2.4 0 0 1-1.08.229h-2.943v-3.675zm5.069 9.067q-.285.426-.802.658a2.9 2.9 0 0 1-1.195.229h-3.072v-3.844h3.072q.665 0 1.185.249c.344.164.618.393.807.692s.289.637.289 1.02c0 .384-.095.712-.284.996m14.798-2.654q1.246-.598 1.932-1.683.687-1.08.687-2.514c0-.956-.224-1.763-.672-2.48q-.674-1.074-1.907-1.662-1.232-.59-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005zm-1.076-3.062a1.8 1.8 0 0 1-.791.722q-.516.255-1.21.254h-2.988v-4.147h2.988q.694 0 1.21.249c.343.164.607.408.791.717.185.308.28.677.28 1.095q-.001.629-.28 1.1zM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288zm10.347 5.816h3.425V10.51h-3.425zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027zm15.763-1.678a4.5 4.5 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523q-.599-.142-.951-.498a1.23 1.23 0 0 1-.353-.891q-.002-.485.259-.842c.169-.239.413-.423.722-.558a2.7 2.7 0 0 1 1.075-.199c.408 0 .777.07 1.091.21q.47.207.731.587c.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568q-1.566-.002-2.783.588c-.812.393-1.449.936-1.902 1.633q-.68 1.044-.682 2.38-.001 1.084.438 1.951a3.95 3.95 0 0 0 1.24 1.45 4.9 4.9 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.83 1.83 0 0 1-.792.613q-.507.215-1.195.214c-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474q.732 1.07 2.017 1.668t2.942.598c1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688q.723-1.076.722-2.435a4.4 4.4 0 0 0-.488-2.052z" fill="@{text}"/><path d="m10.17 1.83-8.34 8.34A6.25 6.25 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.25 6.25 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83" fill="url(#a)"/><path d="M24 8H4v20h20z" fill="@{crust}"/><path d="M15 23.5H6.5v2H15z" fill="@{overlay2}"/><defs><linearGradient id="a" x1=".425" y1="31.36" x2="31.31" y2=".905" gradientUnits="userSpaceOnUse"><stop stop-color="@{peach}"/><stop offset=".43" stop-color="@{red}"/><stop offset=".99" stop-color="@{pink}"/></linearGradient></defs></svg>');
231+
@svg: escape(
232+
'<svg width="149" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.242 20.293q0 .634-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54q1.432 0 2.574-.642a4.7 4.7 0 0 0 1.792-1.773q.65-1.126.652-2.544V10.509h-3.316zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005zm23.512 4.5a4 4 0 0 0-.837-.323q.337-.096.638-.244a3.2 3.2 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768q-.001-1.142-.622-2.046-.621-.897-1.743-1.404-1.122-.502-2.56-.503h-6.656v14.987h6.786q1.507.002 2.694-.528c.787-.353 1.4-.841 1.837-1.473a3.7 3.7 0 0 0 .653-2.151q0-1.112-.513-1.992a3.53 3.53 0 0 0-1.43-1.364zm-6.802-4.959h2.943q.611.001 1.08.22a1.67 1.67 0 0 1 .996 1.577c0 .364-.09.708-.264.992a1.73 1.73 0 0 1-.732.652 2.4 2.4 0 0 1-1.08.229h-2.943v-3.675zm5.069 9.067q-.285.426-.802.658a2.9 2.9 0 0 1-1.195.229h-3.072v-3.844h3.072q.665 0 1.185.249c.344.164.618.393.807.692s.289.637.289 1.02c0 .384-.095.712-.284.996m14.798-2.654q1.246-.598 1.932-1.683.687-1.08.687-2.514c0-.956-.224-1.763-.672-2.48q-.674-1.074-1.907-1.662-1.232-.59-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005zm-1.076-3.062a1.8 1.8 0 0 1-.791.722q-.516.255-1.21.254h-2.988v-4.147h2.988q.694 0 1.21.249c.343.164.607.408.791.717.185.308.28.677.28 1.095q-.001.629-.28 1.1zM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288zm10.347 5.816h3.425V10.51h-3.425zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027zm15.763-1.678a4.5 4.5 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523q-.599-.142-.951-.498a1.23 1.23 0 0 1-.353-.891q-.002-.485.259-.842c.169-.239.413-.423.722-.558a2.7 2.7 0 0 1 1.075-.199c.408 0 .777.07 1.091.21q.47.207.731.587c.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568q-1.566-.002-2.783.588c-.812.393-1.449.936-1.902 1.633q-.68 1.044-.682 2.38-.001 1.084.438 1.951a3.95 3.95 0 0 0 1.24 1.45 4.9 4.9 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.83 1.83 0 0 1-.792.613q-.507.215-1.195.214c-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474q.732 1.07 2.017 1.668t2.942.598c1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688q.723-1.076.722-2.435a4.4 4.4 0 0 0-.488-2.052z" fill="@{text}"/><path d="m10.17 1.83-8.34 8.34A6.25 6.25 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.25 6.25 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83" fill="url(#a)"/><path d="M24 8H4v20h20z" fill="@{crust}"/><path d="M15 23.5H6.5v2H15z" fill="@{overlay2}"/><defs><linearGradient id="a" x1=".425" y1="31.36" x2="31.31" y2=".905" gradientUnits="userSpaceOnUse"><stop stop-color="@{peach}"/><stop offset=".43" stop-color="@{red}"/><stop offset=".99" stop-color="@{pink}"/></linearGradient></defs></svg>'
233+
);
228234

229235
content: url("data:image/svg+xml,@{svg}");
230236
}
231237

232238
&[class*="cta-block-module"] {
233239
&[class*="_wrapper_"] {
234-
background: linear-gradient(90deg, darken(@red, 5%), darken(@pink, 5%) 50%, darken(@mauve, 5%)) !important;
240+
background: linear-gradient(
241+
90deg,
242+
darken(@red, 5%),
243+
darken(@pink, 5%) 50%,
244+
darken(@mauve, 5%)
245+
) !important;
235246
}
236247

237-
&[class*="_top-title"], &[class*="_main-title"], &[class*="_main-title"].rs-h2 {
248+
&[class*="_top-title"],
249+
&[class*="_main-title"],
250+
&[class*="_main-title"].rs-h2 {
238251
color: @base !important;
239252
}
240253
}
@@ -305,7 +318,6 @@
305318
:hover {
306319
border-color: rgba(@text, 1);
307320
}
308-
309321
}
310322

311323
[class*="kotlin-usage-highlights_tag"] {
@@ -317,7 +329,7 @@
317329

318330
[class*="modeRock"] {
319331
background-color: @accent-color;
320-
color: @crust
332+
color: @crust;
321333
}
322334

323335
[class*="foundation-preview_"] {
@@ -329,7 +341,6 @@
329341
mix-blend-mode: multiply;
330342
}
331343
}
332-
333344
}
334345

335346
[class*="community-banner"] {
@@ -339,7 +350,7 @@
339350
.ktl-hero,
340351
.ktl-text-1,
341352
.ktl-text-2 {
342-
color: @text
353+
color: @text;
343354
}
344355

345356
[class*="ktl-horizontal-menu-module_item-active_"] {
@@ -354,7 +365,7 @@
354365
.ktl-h3,
355366
.ktl-h2,
356367
.ktl-h1 {
357-
color: @text
368+
color: @text;
358369
}
359370

360371
[class*="community-banner_image"] {
@@ -366,25 +377,28 @@
366377
}
367378

368379
.teach-feature__icon img {
369-
@svg: escape('<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.927 13.673 24.592.308a2.17 2.17 0 0 0-2.226 0L.536 13.37a1.1 1.1 0 0 0 0 1.889l21.83 13.067c.685.41 1.54.41 2.226 0l21.36-12.786a.273.273 0 0 1 .413.235v21.148H48v-21.36c0-.775-.407-1.493-1.073-1.891" fill="@{text}"/><path d="m40.447 20.755-15.855 9.489c-.686.41-1.54.41-2.226 0l-15.86-9.489a.273.273 0 0 0-.411.236v15.27c0 1.163.608 2.24 1.6 2.833l14.115 8.444a3.25 3.25 0 0 0 3.339 0l14.11-8.444a3.3 3.3 0 0 0 1.6-2.833v-15.27a.272.272 0 0 0-.412-.236" fill="@{text}"/></svg>');
380+
@svg: escape(
381+
'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.927 13.673 24.592.308a2.17 2.17 0 0 0-2.226 0L.536 13.37a1.1 1.1 0 0 0 0 1.889l21.83 13.067c.685.41 1.54.41 2.226 0l21.36-12.786a.273.273 0 0 1 .413.235v21.148H48v-21.36c0-.775-.407-1.493-1.073-1.891" fill="@{text}"/><path d="m40.447 20.755-15.855 9.489c-.686.41-1.54.41-2.226 0l-15.86-9.489a.273.273 0 0 0-.411.236v15.27c0 1.163.608 2.24 1.6 2.833l14.115 8.444a3.25 3.25 0 0 0 3.339 0l14.11-8.444a3.3 3.3 0 0 0 1.6-2.833v-15.27a.272.272 0 0 0-.412-.236" fill="@{text}"/></svg>'
382+
);
370383
content: url("data:image/svg+xml,@{svg}");
371384
}
372385

373386
.teach-subscription-form {
374387
background-color: darken(@base, 2%);
375388

376389
& > div[class*="__checkbox"] > div[class*="_wrapper_"] > label {
377-
background-color: darken(@base, 2%)
390+
background-color: darken(@base, 2%);
378391
}
379392

380393
&__icon {
381-
@svg: escape('<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.762 3.592c3.647-4.79 10.829-4.79 14.476 0l1.76 2.313 2.546-1.393c5.27-2.886 11.831.048 13.224 5.914l.672 2.832 2.889-.233c5.984-.483 10.79 4.877 9.686 10.805l-.533 2.862 2.734.967c5.662 2.004 7.881 8.864 4.473 13.828l-1.645 2.397 2.105 2c4.361 4.144 3.61 11.318-1.513 14.46l-2.474 1.518 1.114 2.688c2.306 5.567-1.285 11.814-7.238 12.592l-2.874.375-.072 2.91c-.147 6.029-5.957 10.269-11.71 8.547l-2.778-.831-1.244 2.63c-2.576 5.446-9.6 6.946-14.159 3.023L48 91.9l-2.201 1.895c-4.559 3.923-11.583 2.423-14.16-3.023l-1.243-2.63-2.778.831c-5.753 1.722-11.563-2.518-11.71-8.546l-.072-2.91-2.874-.376c-5.953-.778-9.544-7.025-7.238-12.592l1.114-2.688-2.474-1.517C-.76 57.202-1.51 50.028 2.85 45.885l2.106-2.001-1.646-2.397C-.097 36.523 2.12 29.663 7.784 27.66l2.734-.967-.533-2.862c-1.103-5.928 3.702-11.288 9.686-10.805l2.89.233.672-2.833c1.392-5.865 7.952-8.799 13.223-5.913l2.545 1.393z" fill="@{text}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.845 50.523a4.75 4.75 0 0 0 6.31 0L72 32.003V60a4 4 0 0 1-4 4H28a4 4 0 0 1-4-4V32.003zM26.255 32 45.84 49.401a3.25 3.25 0 0 0 4.318 0L69.745 32z" fill="@{mantle}"/></svg>');
382-
content: url("data:image/svg+xml,@{svg}")
394+
@svg: escape(
395+
'<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.762 3.592c3.647-4.79 10.829-4.79 14.476 0l1.76 2.313 2.546-1.393c5.27-2.886 11.831.048 13.224 5.914l.672 2.832 2.889-.233c5.984-.483 10.79 4.877 9.686 10.805l-.533 2.862 2.734.967c5.662 2.004 7.881 8.864 4.473 13.828l-1.645 2.397 2.105 2c4.361 4.144 3.61 11.318-1.513 14.46l-2.474 1.518 1.114 2.688c2.306 5.567-1.285 11.814-7.238 12.592l-2.874.375-.072 2.91c-.147 6.029-5.957 10.269-11.71 8.547l-2.778-.831-1.244 2.63c-2.576 5.446-9.6 6.946-14.159 3.023L48 91.9l-2.201 1.895c-4.559 3.923-11.583 2.423-14.16-3.023l-1.243-2.63-2.778.831c-5.753 1.722-11.563-2.518-11.71-8.546l-.072-2.91-2.874-.376c-5.953-.778-9.544-7.025-7.238-12.592l1.114-2.688-2.474-1.517C-.76 57.202-1.51 50.028 2.85 45.885l2.106-2.001-1.646-2.397C-.097 36.523 2.12 29.663 7.784 27.66l2.734-.967-.533-2.862c-1.103-5.928 3.702-11.288 9.686-10.805l2.89.233.672-2.833c1.392-5.865 7.952-8.799 13.223-5.913l2.545 1.393z" fill="@{text}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.845 50.523a4.75 4.75 0 0 0 6.31 0L72 32.003V60a4 4 0 0 1-4 4H28a4 4 0 0 1-4-4V32.003zM26.255 32 45.84 49.401a3.25 3.25 0 0 0 4.318 0L69.745 32z" fill="@{mantle}"/></svg>'
396+
);
397+
content: url("data:image/svg+xml,@{svg}");
383398
}
384399
}
385400

386401
div.gmnoprint > div {
387-
388402
& > button {
389403
&.gm-control-active {
390404
background-color: @base !important;
@@ -408,9 +422,8 @@
408422
[class*="_tab_"] {
409423
color: @text;
410424

411-
412425
&:hover {
413-
color: @sky
426+
color: @sky;
414427
}
415428
}
416429

@@ -433,6 +446,7 @@
433446
--wh-color-text-heading: @text;
434447
--wh-color-breadcrumbs-active: @subtext1;
435448
--wh-color-breadcrumbs-text: @overlay0;
449+
--wh-color-breadcrumbs-border: @overlay0;
436450

437451
--rs-color-danger: @red;
438452
--wh-color-danger-t20: darken(@red, 10%);
@@ -442,72 +456,95 @@
442456
--wh-color-success-t40: darken(@green, 15%);
443457
--rs-color-primary-light-theme: @accent-color;
444458

445-
446459
.kt-app__article {
447460
--rs-color-primary-light-theme: @accent-color;
448461
--wt-color-primary-light-theme: @accent-color;
449462
}
450463

451-
div.prompt__content> p.article__p {
464+
div.prompt__content > p.article__p {
452465
color: @crust;
453466
}
454467

455-
// Prism syntax highlighting
456-
.prism-- {
457-
458-
&token {
459-
color: @text;
460-
}
461-
462-
&keyword {
463-
color: @mauve;
464-
}
468+
// Prism syntax highlighting
469+
.prism-- {
470+
&token {
471+
color: @text;
472+
}
465473

466-
&operator {
467-
color: @sky;
468-
}
474+
&keyword {
475+
color: @mauve;
476+
}
469477

470-
&function {
471-
color: @blue;
472-
}
478+
&operator {
479+
color: @sky;
480+
}
473481

474-
&punctuation {
475-
color: @overlay2;
476-
}
482+
&function {
483+
color: @blue;
484+
}
477485

478-
&string {
479-
color: @green;
480-
}
486+
&punctuation {
487+
color: @overlay2;
488+
}
481489

482-
&comment {
483-
color: @overlay2;
484-
}
490+
&string {
491+
color: @green;
492+
}
485493

486-
&tag {
487-
color: @blue;
488-
}
494+
&comment {
495+
color: @overlay2;
496+
}
489497

490-
&class-name {
491-
color: @yellow;
492-
}
498+
&tag {
499+
color: @blue;
500+
}
493501

494-
}
502+
&class-name {
503+
color: @yellow;
504+
}
505+
}
495506

496-
// Various element styles
507+
// Various element styles
497508
svg.wt-icon {
498509
fill: @text;
499510

500511
&.prompt__icon {
501-
fill: @crust
512+
fill: @crust;
502513
}
503514
}
504-
.compiler-info {
515+
516+
[class*="compiler-info__"] {
517+
color: @text !important;
518+
}
519+
520+
.fold-button.kotlin-docs {
505521
color: @text;
522+
@svg: escape(
523+
'<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="@{text}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 11.005v2.103h-6.013L12.988 19h-2.117l.001-5.892H5v-2.103h5.872V5h2.114l.002 6.005H19z" fill="@{base}" fill-opacity=".75" /></svg>'
524+
);
525+
background-image: url("data:image/svg+xml,@{svg}");
526+
527+
&:hover {
528+
@svg: escape(
529+
'<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="@{accent-color}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 11.005v2.103h-6.013L12.988 19h-2.117l.001-5.892H5v-2.103h5.872V5h2.114l.002 6.005H19z" fill="@{base}" fill-opacity=".75" /></svg>'
530+
);
531+
background-image: url("data:image/svg+xml,@{svg}");
532+
}
533+
}
534+
535+
.run-button {
536+
@svg: escape('<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 12L5 4v16l14-8z" fill="@{mauve}"/></svg>');
537+
background-image: url("data:image/svg+xml,@{svg}");
506538
}
507539

508540
span.kt-menu-horizontal__node,
509541
a.kt-menu-horizontal__node {
510542
color: @text;
543+
background-color: @crust;
544+
545+
&:hover {
546+
color: @overlay2
547+
}
511548

512549
&.is-active {
513550
color: @accent-color;
@@ -519,7 +556,9 @@
519556
}
520557

521558
.jetbrains-logo::before {
522-
@svg: escape('<svg width="149" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.242 20.293q0 .634-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54q1.432 0 2.574-.642a4.7 4.7 0 0 0 1.792-1.773q.65-1.126.652-2.544V10.509h-3.316zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005zm23.512 4.5a4 4 0 0 0-.837-.323q.337-.096.638-.244a3.2 3.2 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768q-.001-1.142-.622-2.046-.621-.897-1.743-1.404-1.122-.502-2.56-.503h-6.656v14.987h6.786q1.507.002 2.694-.528c.787-.353 1.4-.841 1.837-1.473a3.7 3.7 0 0 0 .653-2.151q0-1.112-.513-1.992a3.53 3.53 0 0 0-1.43-1.364zm-6.802-4.959h2.943q.611.001 1.08.22a1.67 1.67 0 0 1 .996 1.577c0 .364-.09.708-.264.992a1.73 1.73 0 0 1-.732.652 2.4 2.4 0 0 1-1.08.229h-2.943v-3.675zm5.069 9.067q-.285.426-.802.658a2.9 2.9 0 0 1-1.195.229h-3.072v-3.844h3.072q.665 0 1.185.249c.344.164.618.393.807.692s.289.637.289 1.02c0 .384-.095.712-.284.996m14.798-2.654q1.246-.598 1.932-1.683.687-1.08.687-2.514c0-.956-.224-1.763-.672-2.48q-.674-1.074-1.907-1.662-1.232-.59-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005zm-1.076-3.062a1.8 1.8 0 0 1-.791.722q-.516.255-1.21.254h-2.988v-4.147h2.988q.694 0 1.21.249c.343.164.607.408.791.717.185.308.28.677.28 1.095q-.001.629-.28 1.1zM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288zm10.347 5.816h3.425V10.51h-3.425zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027zm15.763-1.678a4.5 4.5 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523q-.599-.142-.951-.498a1.23 1.23 0 0 1-.353-.891q-.002-.485.259-.842c.169-.239.413-.423.722-.558a2.7 2.7 0 0 1 1.075-.199c.408 0 .777.07 1.091.21q.47.207.731.587c.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568q-1.566-.002-2.783.588c-.812.393-1.449.936-1.902 1.633q-.68 1.044-.682 2.38-.001 1.084.438 1.951a3.95 3.95 0 0 0 1.24 1.45 4.9 4.9 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.83 1.83 0 0 1-.792.613q-.507.215-1.195.214c-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474q.732 1.07 2.017 1.668t2.942.598c1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688q.723-1.076.722-2.435a4.4 4.4 0 0 0-.488-2.052z" fill="@{text}"/><path d="m10.17 1.83-8.34 8.34A6.25 6.25 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.25 6.25 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83" fill="url(#a)"/><path d="M24 8H4v20h20z" fill="@{crust}"/><path d="M15 23.5H6.5v2H15z" fill="@{overlay2}"/><defs><linearGradient id="a" x1=".425" y1="31.36" x2="31.31" y2=".905" gradientUnits="userSpaceOnUse"><stop stop-color="@{peach}"/><stop offset=".43" stop-color="@{red}"/><stop offset=".99" stop-color="@{pink}"/></linearGradient></defs></svg>');
559+
@svg: escape(
560+
'<svg width="149" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.242 20.293q0 .634-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54q1.432 0 2.574-.642a4.7 4.7 0 0 0 1.792-1.773q.65-1.126.652-2.544V10.509h-3.316zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005zm23.512 4.5a4 4 0 0 0-.837-.323q.337-.096.638-.244a3.2 3.2 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768q-.001-1.142-.622-2.046-.621-.897-1.743-1.404-1.122-.502-2.56-.503h-6.656v14.987h6.786q1.507.002 2.694-.528c.787-.353 1.4-.841 1.837-1.473a3.7 3.7 0 0 0 .653-2.151q0-1.112-.513-1.992a3.53 3.53 0 0 0-1.43-1.364zm-6.802-4.959h2.943q.611.001 1.08.22a1.67 1.67 0 0 1 .996 1.577c0 .364-.09.708-.264.992a1.73 1.73 0 0 1-.732.652 2.4 2.4 0 0 1-1.08.229h-2.943v-3.675zm5.069 9.067q-.285.426-.802.658a2.9 2.9 0 0 1-1.195.229h-3.072v-3.844h3.072q.665 0 1.185.249c.344.164.618.393.807.692s.289.637.289 1.02c0 .384-.095.712-.284.996m14.798-2.654q1.246-.598 1.932-1.683.687-1.08.687-2.514c0-.956-.224-1.763-.672-2.48q-.674-1.074-1.907-1.662-1.232-.59-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005zm-1.076-3.062a1.8 1.8 0 0 1-.791.722q-.516.255-1.21.254h-2.988v-4.147h2.988q.694 0 1.21.249c.343.164.607.408.791.717.185.308.28.677.28 1.095q-.001.629-.28 1.1zM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288zm10.347 5.816h3.425V10.51h-3.425zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027zm15.763-1.678a4.5 4.5 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523q-.599-.142-.951-.498a1.23 1.23 0 0 1-.353-.891q-.002-.485.259-.842c.169-.239.413-.423.722-.558a2.7 2.7 0 0 1 1.075-.199c.408 0 .777.07 1.091.21q.47.207.731.587c.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568q-1.566-.002-2.783.588c-.812.393-1.449.936-1.902 1.633q-.68 1.044-.682 2.38-.001 1.084.438 1.951a3.95 3.95 0 0 0 1.24 1.45 4.9 4.9 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.83 1.83 0 0 1-.792.613q-.507.215-1.195.214c-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474q.732 1.07 2.017 1.668t2.942.598c1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688q.723-1.076.722-2.435a4.4 4.4 0 0 0-.488-2.052z" fill="@{text}"/><path d="m10.17 1.83-8.34 8.34A6.25 6.25 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.25 6.25 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83" fill="url(#a)"/><path d="M24 8H4v20h20z" fill="@{crust}"/><path d="M15 23.5H6.5v2H15z" fill="@{overlay2}"/><defs><linearGradient id="a" x1=".425" y1="31.36" x2="31.31" y2=".905" gradientUnits="userSpaceOnUse"><stop stop-color="@{peach}"/><stop offset=".43" stop-color="@{red}"/><stop offset=".99" stop-color="@{pink}"/></linearGradient></defs></svg>'
561+
);
523562
background-image: url("data:image/svg+xml,@{svg}");
524563
}
525564

@@ -558,23 +597,212 @@
558597
}
559598

560599
&:hover {
561-
background-color: @mantle
600+
background-color: @mantle;
601+
}
602+
}
603+
604+
.prompt__wrapper {
605+
background-color: @surface0;
606+
border-radius: 8px;
607+
padding: 16px;
608+
display: flex;
609+
align-items: flex-start;
610+
gap: 16px;
611+
612+
svg.wt-icon.prompt__icon {
613+
fill: @accent-color;
614+
flex-shrink: 0;
615+
width: 24px;
616+
height: 24px;
617+
}
618+
619+
.prompt__content {
620+
color: @text;
621+
622+
p.article__p {
623+
color: @text;
624+
}
625+
626+
.code {
627+
background-color: @surface1;
628+
color: @text;
629+
padding: 2px 4px;
630+
border-radius: 4px;
631+
}
632+
633+
.link {
634+
color: @accent-color;
635+
text-decoration: none;
636+
637+
&:hover {
638+
text-decoration: underline;
639+
}
640+
}
562641
}
563642
}
564643

644+
.breadcrumb__item:after {
645+
--wh-color-breadcrumbs-border: @subtext1;
646+
}
647+
648+
.starting-page-card:hover {
649+
border-color:@subtext1
650+
}
651+
652+
.toolbar {
653+
color: @text;
654+
background-color: @mantle;
655+
border-bottom-color: @surface1;
656+
}
657+
658+
.toolbar .wt-select-wrapper > [class^="_wt-select"] svg {
659+
fill: @text;
660+
}
661+
662+
div[class*="_wt-select__label_"] {
663+
color: @text;
664+
}
665+
666+
[class*="_wt-list-item_"][class*="_theme_dark_"] {
667+
background-color: @base;
668+
color: @text;
669+
670+
&[class*="_highlighted_"],
671+
&[class*="_highlighted_"][class*="_selected_"]:hover {
672+
background-color: @surface0;
673+
color: @text;
674+
}
675+
}
676+
677+
[class*="_wt-dropdown_theme_dark_"][class*="_wt-dropdown_border-hardness_average_"] {
678+
border-color: @surface1;
679+
}
680+
681+
[class*="_modeClear_"][class*="_dark_"] {
682+
color: @text;
683+
684+
&:hover {
685+
background-color: @surface0;
686+
}
687+
}
688+
689+
[class*="_dark_"] [class*="_wrapper_"] {
690+
color: @text;
691+
background-color: @base;
692+
border-color: @surface0;
693+
694+
&:hover {
695+
color: @text;
696+
background-color: @base;
697+
border-color: @surface1;
698+
}
699+
}
700+
701+
702+
[class*="_dark_"][class*="_enabled_"][class*="_classic_"][class*="_focused_"] [class*="_wrapper_"] {
703+
background-color: @base;
704+
border-color: @surface2;
705+
}
706+
707+
svg[class*="_icon_"] > path{
708+
fill: @text;
709+
}
710+
711+
input[class*="_inner"],
712+
[class*="_dark_"] [class*="_inner_"] {
713+
background-color: @base;
714+
color: @text;
715+
}
716+
717+
div.button-run > span > button[class*="_main"]{
718+
background-color: @accent-color;
719+
color: @base;
720+
721+
&:hover {
722+
background-color: darken(@accent-color, 5%);
723+
}
724+
725+
&> svg > path {
726+
fill: @base;
727+
}
728+
}
729+
730+
.playground_open .js-code-output-executor,
731+
.output-wrapper.darcula {
732+
background-color: @base;
733+
color: @text;
734+
}
735+
736+
div.playground__help-wrapper > span > button.help-dropdown__button {
737+
background-color: @surface0;
738+
border-color: @overlay0;
739+
740+
& > svg > path {
741+
fill: @text;
742+
}
743+
}
744+
745+
div.help-dropdown__content {
746+
background-color: @base;
747+
}
748+
749+
[class*="_themeLight_"] [class*="_contentWrapper_"] {
750+
background-color: @base;
751+
color: @text;
752+
}
753+
754+
755+
.console-close.darcula {
756+
@svg: escape('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <polygon fill="@{text}" class="data-fill" points="20.207 5.207 18.793 3.793 12 10.586 5.207 3.793 3.793 5.207 10.586 12 3.793 18.793 5.207 20.207 12 13.414 18.793 20.207 20.207 18.793 13.414 12 20.207 5.207"/> </svg>');
757+
background: @surface0 url("data:image/svg+xml,@{svg}") center center no-repeat;
758+
}
759+
760+
[class*="ktl-horizontal-menu-module_menu-item"] {
761+
&[class*="expanded"],
762+
&:hover {
763+
border-bottom-color: @accent-color;
764+
}
765+
}
766+
767+
[class*="ktl-horizontal-menu-module_dropdown-menu"] {
768+
background-color: @base;
769+
color: @text;
770+
border-color: @overlay0;
771+
772+
[class*="ktl-horizontal-menu-module_dropdown-menu-item"] {
773+
&:hover {
774+
background-color: @surface0;
775+
color: @text;
776+
}
777+
}
778+
}
779+
780+
[class*="ktl-list-module_results"] {
781+
background-color: @base;
782+
color: @text;
783+
border-color: @overlay0;
784+
}
785+
786+
[class*="ktl-result-module_result"] {
787+
&:hover {
788+
background-color: @surface0;
789+
color: @text;
790+
}
791+
792+
& em {
793+
background-color: fade(@accent-color,25%);
794+
}
795+
}
565796

566797
& when (@lookup = latte) {
567798
img[class*="hero_imageDesktop"] {
568799
filter: none;
569800
mix-blend-mode: darken;
570801
}
571802
}
572-
573803
}
574-
575804
}
576805

577-
578806
/* prettier-ignore */
579807
@catppuccin: {
580808
@latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };

0 commit comments

Comments
 (0)
Please sign in to comment.