From 4d02b1194153ff260240a80bdb615bb4ff908a50 Mon Sep 17 00:00:00 2001
From: Carlos Ballena <687315+cballenar@users.noreply.github.com>
Date: Tue, 28 May 2024 10:26:52 -0400
Subject: [PATCH] Apply root variables at html level This prevents the app's
 dark theme styles from overwritting it.

---
 custom.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/custom.css b/custom.css
index 224db43..d518501 100644
--- a/custom.css
+++ b/custom.css
@@ -1,6 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
 
-:root {
+.dark-theme,
+html[data-theme="dark"] {
   --background: #282a36;
   --light-background: #343746;
   --lighter-background: #424450;
@@ -34,10 +35,7 @@
 
   --ls-border-radius-low: 3px;
   --ls-border-radius-medium: 6px;
-}
 
-.dark-theme,
-html[data-theme="dark"] {
   --foreground: var(--white);
 
   --ls-primary-background-color: var(--background);