Define global background color (#312)

* Define body background color * Move Bgcolor declaration into its own file * Update content-test.ts
hashicorp-forge · Aug 28, 2023 · c83dbdc · c83dbdc
1 parent 497f46f
commit c83dbdc
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/web/app/styles/app.scss b/web/app/styles/app.scss
@@ -4,6 +4,7 @@
 
 @use "./variables";
 
+@use "./body";
 @use "./animations";
 @use "./typography";
 

diff --git a/web/app/styles/body.scss b/web/app/styles/body.scss
@@ -0,0 +1,11 @@
+.ember-application {
+  @apply bg-color-page-primary;
+}
+
+.secondary-screen {
+  @apply bg-color-page-faint;
+
+  .ember-application {
+    @apply bg-color-page-faint;
+  }
+}
diff --git a/web/app/templates/authenticate.hbs b/web/app/templates/authenticate.hbs
@@ -1,6 +1,6 @@
 {{! @glint-nocheck: not typesafe yet }}
 {{page-title "Authenticate"}}
-{{set-body-class "bg-color-page-faint"}}
+{{set-body-class "secondary-screen"}}
 
 <div
   class="relative flex min-h-full flex-1 flex-col items-center justify-center py-12"

diff --git a/web/app/templates/authenticated/document.hbs b/web/app/templates/authenticated/document.hbs
@@ -1,5 +1,5 @@
 {{page-title (or @model.doc.title "Document")}}
-{{set-body-class "bg-color-page-faint"}}
+{{set-body-class "secondary-screen"}}
 
 <Document
   @document={{@model.doc}}