aboutsummaryrefslogtreecommitdiff
path: root/ext/css
diff options
context:
space:
mode:
authorKuuuube <61125188+Kuuuube@users.noreply.github.com>2024-06-19 12:57:21 -0400
committerGitHub <noreply@github.com>2024-06-19 16:57:21 +0000
commitd9521c58bf9b9fef0c8b1248bf6ce8c69351fc16 (patch)
treed21a6833422d87f0c0e4b83d2dbbd1dae092dd24 /ext/css
parent451bcab01fd591ec54b63af0fc7084dc9f37928b (diff)
Remove flickering on page loads, reduce flashbangs, fix settings and popup themes applying correctly (#1088)
* Pull theme from settings on page load * Make dark mode default * Fix flickering on load * Invert shadow for auto shadow theme * Revert "Make dark mode default" This reverts commit 4cdfc39686a9faa3ce7a620be23025f97816f5f9. * Improve page load times * Fix flicker on load for popup preview without breaking theming when auto is selected * Revert shadow invert
Diffstat (limited to 'ext/css')
-rw-r--r--ext/css/popup-preview.css5
1 files changed, 2 insertions, 3 deletions
diff --git a/ext/css/popup-preview.css b/ext/css/popup-preview.css
index 48a1a091..68dfcbfe 100644
--- a/ext/css/popup-preview.css
+++ b/ext/css/popup-preview.css
@@ -26,7 +26,7 @@
--animation-duration: 0s;
--example-text-color: #333333;
- --background-color: #f8f9fa;
+ --background-color: rgba(0, 0, 0, 0);
}
:root[data-loaded=true] {
--animation-duration: 0.25s;
@@ -34,12 +34,11 @@
:root[data-theme=dark] {
--example-text-color: #d4d4d4;
- --background-color: #1e1e1e;
+ --background-color: rgba(0, 0, 0, 0);
}
html {
- transition: background-color var(--animation-duration) linear 0s, color var(--animation-duration) linear 0s;
background-color: var(--background-color);
}
html.dark {