most of the .nightMode redefinitions are no longer required

This commit is contained in:
Damien Elmes 2020-08-27 16:37:58 +10:00
parent 748745fe1a
commit 21616f67bf
6 changed files with 50 additions and 103 deletions

View file

@ -66,37 +66,12 @@ body {
.gears {
width: 1em;
height: 1em;
opacity: .5;
opacity: 0.5;
padding-top: 0.2em;
}
.nightMode {
a.deck {
color: var(--text-fg);
}
tr.deck td {
border-bottom-color: var(--faint-border);
}
tr.drag-hover td {
border-bottom-color: var(--border);
}
.current {
background-color: var(--faint-border);
}
.collapse {
color: var(--text-fg);
}
.gears {
filter: invert(180);
}
.filtered {
color: var(--link) !important;
}
}
}

View file

@ -45,10 +45,14 @@ body {
}
.rainbow {
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0.00, #f77),
color-stop(50%, #7f7),
color-stop(100%, #77f));
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #f77),
color-stop(50%, #7f7),
color-stop(100%, #77f)
);
}
button.linkb {
@ -76,27 +80,19 @@ button.highlighted {
background: var(--flag1-bg);
}
.nightMode {
.field {
border-color: var(--border);
background: var(--frame-bg);
color: var(--text-fg);
}
#dupes a {
color: var(--link);
}
.nightMode {
button.linkb > img {
filter: invert(180);
}
.dupe {
background: var(--flag1-bg);
}
#dupes a {
color: var(--link);
}
}
.drawing { zoom: 50%; }
.drawing {
zoom: 50%;
}
.nightMode img.drawing {
filter: unquote("invert() hue-rotate(180deg)")
filter: unquote("invert() hue-rotate(180deg)");
}

View file

@ -33,9 +33,3 @@ h3 {
.dyn {
text-align: center;
}
.nightMode {
.descfont {
color: var(--slightly-grey-text);
}
}

View file

@ -10,6 +10,8 @@ body {
overflow-wrap: break-word;
}
// explicit nightMode definition required
// to override default .card styling
body.nightMode {
background-color: var(--window-bg);
color: var(--text-fg);

View file

@ -33,24 +33,12 @@ body {
text-decoration: underline;
}
.hitem:focus { outline: 0; }
.hitem:focus {
outline: 0;
}
.nightMode {
.hitem {
color: var(--text-fg);
}
#header {
border-bottom-color: var(--faint-border);
}
.normal-sync {
color: var(--new-count);
}
.full-sync {
color: var(--learn-count);
}
.nightMode #header {
border-bottom-color: var(--faint-border);
}
.isMac.nightMode #header {
@ -58,8 +46,12 @@ body {
}
@keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
.spin {
@ -85,5 +77,3 @@ body {
.full-sync {
color: var(--learn-count);
}

View file

@ -8,6 +8,7 @@ body {
margin: 2em;
color: var(--text-fg);
background: var(--window-bg);
overscroll-behavior: none;
}
h1 {
@ -19,39 +20,28 @@ a {
}
body.nightMode {
color: var(--text-fg);
background: var(--window-bg);
}
&::-webkit-scrollbar {
background: var(--window-bg);
body.nightMode::-webkit-scrollbar {
background: var(--window-bg);
}
&:horizontal {
height: 12px;
}
body.nightMode::-webkit-scrollbar:horizontal {
height: 12px;
}
&:vertical {
width: 12px;
}
}
body.nightMode::-webkit-scrollbar:vertical {
width: 12px;
}
&::-webkit-scrollbar-thumb {
background: buttons.$fusion-button-hover-bg;
border-radius: 8px;
body.nightMode::-webkit-scrollbar-thumb {
background: buttons.$fusion-button-hover-bg;
border-radius: 8px;
}
&:horizontal {
min-width: 50px;
}
body.nightMode::-webkit-scrollbar-thumb:horizontal {
min-width: 50px;
}
body.nightMode::-webkit-scrollbar-thumb:vertical {
min-height: 50px;
}
.nightMode {
a {
color: var(--link);
&:vertical {
min-height: 50px;
}
}
}
body { overscroll-behavior: none; }