diff --git a/global-dark.css b/global-dark.css
index 53da5216..dbffcacf 100644
--- a/global-dark.css
+++ b/global-dark.css
@@ -51,8 +51,8 @@
border: 0;
}
::-webkit-scrollbar {
- width: 14px;
- height: 14px;
+ width: 17px;
+ height: 17px;
background: var(--bg);
}
::-webkit-scrollbar-corner {
@@ -61,59 +61,58 @@
}
/* buttons */
::-webkit-scrollbar-button:single-button {
- height: 14px;
- width: 14px;
- background-size: 10px;
- background-position: 2px 4px;
+ height: 17px;
+ width: 17px;
+ background-size: 9px;
+ background-position: 4px 7px;
background-repeat: no-repeat;
}
::-webkit-scrollbar-button:horizontal:single-button {
- background-position: 4px 2px;
+ background-position: 7px 4px;
}
/* up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
/* down */
::-webkit-scrollbar-button:single-button:vertical:increment {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
/* left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
/* right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:active {
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml,");
}
::-webkit-scrollbar-track-piece {
background: #333;
- border: 4px solid var(--bg);
- border-radius: 8px;
+ border: 1px solid var(--bg);
}
::-webkit-scrollbar-track-piece:hover {
background: #444;
@@ -122,10 +121,15 @@
background: #555;
}
::-webkit-scrollbar-thumb {
- border: 3px solid var(--bg);
- border-radius: 8px;
+ border: 2px solid;
background: #555;
}
+ ::-webkit-scrollbar-thumb:horizontal {
+ border-color: var(--bg) #333;
+ }
+ ::-webkit-scrollbar-thumb:vertical {
+ border-color: #333 var(--bg);
+ }
::-webkit-scrollbar-thumb:hover {
background: #666;
}
@@ -149,5 +153,8 @@
textarea {
border: 1px solid var(--c65);
}
+ * {
+ scrollbar-color: var(--c75) var(--bg);
+ }
}
}