fix: use background-color grey200 everywhere

dhis2 · Jan 7, 2025 · 68ecbc0 · 68ecbc0
1 parent 0193dca
commit 68ecbc0
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/pages/print/styles/PrintDashboard.module.css b/src/pages/print/styles/PrintDashboard.module.css
@@ -5,7 +5,7 @@
 }
 
 .wrapper {
-    background-color: #f4f6f8;
+    background-color: var(--colors-grey200);
     padding-inline-start: 44px;
     overflow-y: auto;
 }

diff --git a/src/pages/print/styles/PrintLayoutDashboard.module.css b/src/pages/print/styles/PrintLayoutDashboard.module.css
@@ -5,7 +5,7 @@
 }
 
 .wrapper {
-    background-color: #f4f6f8;
+    background-color: var(--colors-grey200);
     padding-inline-start: 44px;
     overflow-y: auto;
 }

diff --git a/src/pages/print/styles/print.css b/src/pages/print/styles/print.css
@@ -15,7 +15,7 @@ header.hidden {
     inline-size: calc(var(--a4-landscape-width-px) + 18px) !important;
     border: none !important;
     box-shadow: none !important;
-    background-color: #f4f6f8;
+    background-color: var(--colors-grey200);
 }
 
 .react-grid-item.PAGEBREAK::before {

diff --git a/src/pages/view/styles/ItemGrid.module.css b/src/pages/view/styles/ItemGrid.module.css
@@ -1,9 +1,10 @@
 .slideshowContainer {
-    background-color: #f4f6f8;
+    background-color: var(--colors-grey200);
     block-size: 100vh;
 }
 .grid {
     margin-block-start: var(--spacers-dp8);
+    background-color: var(--colors-grey200);
 }
 
 /* react-grid-layout uses width and height instead