Change app background color to avoid sharp contrast

Matched salesforce brand color of light blue - this applies mostly to the app home page, but also applies to the background between components work towards #1109
jetstreamapp · Dec 20, 2024 · 80f9aee · 80f9aee
1 parent cf75f08
commit 80f9aee
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/jetstream-web-extension/src/main.scss b/apps/jetstream-web-extension/src/main.scss
@@ -1,7 +1,7 @@
 @import '@salesforce-ux/design-system/scss/_design-tokens';
 
 html {
-  background-color: rgb(17, 24, 39);
+  background: var(--lwc-brandBackgroundPrimary, rgba(176, 196, 223, 1));
 }
 
 .app {

diff --git a/apps/jetstream/src/main.scss b/apps/jetstream/src/main.scss
@@ -10,7 +10,7 @@
 }
 
 html {
-  background-color: rgb(17, 24, 39);
+  background: var(--lwc-brandBackgroundPrimary, rgba(176, 196, 223, 1));
 }
 
 .app {

diff --git a/libs/ui/.storybook/main.scss b/libs/ui/.storybook/main.scss
@@ -1,7 +1,7 @@
 @import '~@salesforce-ux/design-system/scss/_design-tokens';
 
 html {
-  background-color: rgb(17, 24, 39);
+  background: var(--lwc-brandBackgroundPrimary, rgba(176, 196, 223, 1));
 }
 
 .app {
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,7 +10,7 @@ @@
     }
     html {
-      background-color: rgb(17, 24, 39);
+      background: var(--lwc-brandBackgroundPrimary, rgba(176, 196, 223, 1));
     }
     .app {
@@ Expand Down @@