From d9521c58bf9b9fef0c8b1248bf6ce8c69351fc16 Mon Sep 17 00:00:00 2001
From: Kuuuube <61125188+Kuuuube@users.noreply.github.com>
Date: Wed, 19 Jun 2024 12:57:21 -0400
Subject: 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
---
 ext/css/popup-preview.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

(limited to 'ext/css')

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 {
-- 
cgit v1.2.3