fix(Theme): Move global background-color and color from body to app…

… node be more responsive to themes, because for the css variable to have the right value, we need to be under a node that carries the CozyTheme class. But in the `html, body` the tags are too high in the DOM, they're not under a CozyTheme tag, so the variable values aren't right.
cozy · Jan 10, 2024 · 53a1b02 · 53a1b02
1 parent 3f58ffe
commit 53a1b02
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/stylus/elements/defaults.styl b/stylus/elements/defaults.styl
@@ -56,12 +56,6 @@ body
     +medium-screen()
         overflow visible
 
-// COLORS
-html,
-body
-    background-color var(--paperBackgroundColor)
-    color            var(--primaryTextColor)
-
 // FORMS
 @require '../components/forms'
 

diff --git a/stylus/objects/layouts.styl b/stylus/objects/layouts.styl
@@ -62,6 +62,8 @@ $app
     max-width 100%
     width 100%
     height 100%
+    background-color var(--paperBackgroundColor)
+    color var(--primaryTextColor)
 
     main
         display flex