Removed default anchor CSS filtering in dark mode

Due to causing content images to be rendered in unexpected ways.

- Also removed CSS filters from other image usage.
- Tweaked header CSS filtering to not be so aggressive.
- Forced WYSIWYG editor to be on its own layer since that would allow
massive larger performance increases in Safari, especially when using
dark mode.

Closes #2045.
Closes #2154.
This commit is contained in:
Dan Brown 2020-07-26 16:36:15 +01:00
parent 6e4132121c
commit 76fcbd3752
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
4 changed files with 4 additions and 10 deletions

View File

@ -95,9 +95,3 @@
.bg-shelf {
background-color: var(--color-bookshelf);
}
.bg-shelf, .bg-book {
@include whenDark {
filter: brightness(67%) saturate(80%);
}
}

View File

@ -24,7 +24,7 @@ header {
padding: $-xxs 0;
@include lightDark(border-bottom-color, #DDD, #000);
@include whenDark {
filter: saturate(0.6) brightness(0.8);
filter: saturate(0.8) brightness(0.8);
}
.links {
display: inline-block;

View File

@ -96,9 +96,6 @@ a {
text-decoration: none;
transition: filter ease-in-out 80ms;
line-height: 1.6;
@include whenDark {
filter: brightness(1.3) saturate(0.7);
}
&:hover {
text-decoration: underline;
}

View File

@ -51,6 +51,9 @@
overflow:auto;
iframe {
flex: 1;
// Force TinyMCE iframe to render on its own layer
// for much greater performance in Safari
will-change: transform;
}
}
}