style: custom scrollbars
Signed-off-by: mellobacon <mellodev@outlook.com>
mellobacon committed
Feb 1, 2024 at 11:53 UTC
f21358bea8615b458e2ce36217ebb0a2be1d64ca
3 files changed
+15
-22
src/config/extensions/default_themes/themes/default_dark.json
+1
-1
@@ -20,7 +20,7 @@
20
"window.inputFocusBorder": "#34b0f8",
21
"window.inputLabelForeground": "#c6c6c6",
22
23
- "window.scrollbarBackground": "#4c4c4c38",
23
+ "window.scrollbarBackground": "#373737",
24
"window.inputPlaceholderForeground": "#8C8C8C",
25
26
"window.selectBackground": "#1f1f1f",
src/lib/Editor.svelte
-10
@@ -202,16 +202,6 @@
202
padding-top: 7px;
203
overflow-y: overlay;
204
overflow-x: overlay !important;
205
- &::-webkit-scrollbar {
206
- width: 12px;
207
- height: 12px;
208
- }
209
- &::-webkit-scrollbar-thumb {
210
- border-radius: 20px;
211
- }
212
- &::-webkit-scrollbar-corner {
213
- background-color: transparent;
214
- }
205
}
206
:global(.cm-content) {
207
padding: 0 0 200px 0 !important;
src/theme.scss
+14
-11
@@ -267,12 +267,6 @@ button:focus {
267
}
268
.cm-scroller {
269
background-color: var(--editor-background);
270
- &::-webkit-scrollbar-thumb {
271
- background-color: var(--window-scrollbar-backgroundColor);
272
- &:hover {
273
- background-color: #1b83ddb5;
274
- }
275
- }
270
}
271
.cm-cursor {
272
border-left-color: var(--window-foreground) !important;
@@ -327,10 +321,19 @@ button:focus {
321
#terminal {
322
background-color: var(--terminal-background);
323
color: var(--terminal-foreground);
330
- .xterm-viewport {
331
- background-color: var(--terminal-background) !important;
332
- }
333
- .xterm-rows {
334
- color: var(--terminal-foreground);
324
+}
325
+::-webkit-scrollbar {
326
+ width: 12px;
327
+ height: 12px;
328
+ background-color: transparent;
329
+}
330
+::-webkit-scrollbar-corner {
331
+ background-color: transparent;
332
+}
333
+::-webkit-scrollbar-thumb {
334
+ border-radius: 20px;
335
+ background-color: var(--window-scrollbarBackground);
336
+ &:hover {
337
+ background-color: #1b83ddb5;
338
}
339
}
\ No newline at end of file