open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add narcolepticinsomniac fixes

Browse Source
This commit is contained in:
tophf 2022-02-15 22:59:52 +03:00
parent e55c0e190e
commit 69a421744d
2 changed files with 71 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
edit/codemirror-default.css
View File

@ -108,6 +108,9 @@
/* TODO: remove this when strict_min_version >= 62 */ /* TODO: remove this when strict_min_version >= 62 */
background: #444; background: #444;
} }
.cm-s-default div.CodeMirror-cursor {
border-left: 1px solid #fff;
}
/* Using Chromium's dark devtools colors */ /* Using Chromium's dark devtools colors */
.cm-s-default .cm-atom, .cm-s-default .cm-atom,
.cm-s-default .cm-number { color: #a1f7b5 } .cm-s-default .cm-number { color: #a1f7b5 }

74
global-dark.css
View File

@ -1,4 +1,4 @@
@media (prefers-color-scheme: dark) { @media screen and (prefers-color-scheme: dark), dark {
:root { :root {
/* Comfortable dark themes don't use absolutes so the range is compressed */ /* Comfortable dark themes don't use absolutes so the range is compressed */
--c00: hsl(0, 0%, 80%); --c00: hsl(0, 0%, 80%);
@ -30,6 +30,12 @@
background-color: var(--input-bg); background-color: var(--input-bg);
color: var(--fg); color: var(--fg);
} }
.filter-selection label + div select {
transition: none;
}
.filter-selection select:not(:focus):not(:hover) {
background-color: transparent;
}
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
filter: invert(.8); filter: invert(.8);
} }
@ -45,19 +51,75 @@
.onoffswitch { .onoffswitch {
--knob: var(--c50); --knob: var(--c50);
} }
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
background-color: var(--bg) !important;
border: 0;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 14px; width: 14px;
height: 14px; height: 14px;
background: var(--bg); background: var(--bg);
} }
::-webkit-scrollbar-corner {
background: var(--bg);
border: 0;
}
/* buttons */
::-webkit-scrollbar-button:single-button { ::-webkit-scrollbar-button:single-button {
background: radial-gradient(circle at center, #333 40%, var(--bg) 40%); height: 14px;
width: 14px;
background-size: 10px;
background-position: 2px 4px;
background-repeat: no-repeat;
} }
::-webkit-scrollbar-button:single-button:hover { ::-webkit-scrollbar-button:horizontal:single-button {
background: radial-gradient(circle at center, #444 40%, var(--bg) 40%); background-position: 4px 2px;
} }
::-webkit-scrollbar-button:single-button:active { /* up */
background: radial-gradient(circle at center, #555 40%, var(--bg) 40%); ::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 35%)'><polygon points='50,00 0,50 100,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 45%)'><polygon points='50,00 0,50 100,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 55%)'><polygon points='50,00 0,50 100,50'/></svg>");
}
/* down */
::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 35%)'><polygon points='0,0 100,0 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 45%)'><polygon points='0,0 100,0 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 55%)'><polygon points='0,0 100,0 50,50'/></svg>");
}
/* left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 35%)'><polygon points='0,50 50,100 50,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 45%)'><polygon points='0,50 50,100 50,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 55%)'><polygon points='0,50 50,100 50,0'/></svg>");
}
/* right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 35%)'><polygon points='0,0 0,100 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 45%)'><polygon points='0,0 0,100 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='hsl(0, 0%, 55%)'><polygon points='0,0 0,100 50,50'/></svg>");
}
::-webkit-scrollbar-track-piece {
background: #333;
border: 4px solid var(--bg);
border-radius: 8px;
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
background: #333; background: #333;