Use --banner-background for banners

dfinity · Dec 23, 2024 · d6d38ed · d6d38ed
1 parent c74b514
commit d6d38ed
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/lib/components/neurons/MakeNeuronsPublicBanner.svelte b/frontend/src/lib/components/neurons/MakeNeuronsPublicBanner.svelte
@@ -97,7 +97,7 @@
   .banner {
     display: flex;
     align-items: center;
-    background: var(--input-background);
+    background-color: var(--banner-background);
     border-radius: var(--border-radius);
     padding: var(--padding) var(--padding-1_5x);
     gap: var(--padding-1_5x);

diff --git a/frontend/src/lib/components/ui/Banner.svelte b/frontend/src/lib/components/ui/Banner.svelte
@@ -75,11 +75,11 @@
 
     padding: var(--padding-2x);
     border-radius: var(--border-radius);
-    background: var(--input-background);
+    background-color: var(--banner-background);
   }
 
   .banner.isCritical {
-    background: var(--tooltip-background);
+    background-color: var(--tooltip-background);
 
     .title {
       color: var(--tooltip-text-color);

diff --git a/frontend/src/lib/components/ui/UsdValueBanner.svelte b/frontend/src/lib/components/ui/UsdValueBanner.svelte
@@ -102,7 +102,7 @@
     align-items: center;
     gap: var(--padding-2x);
 
-    background-color: var(--card-background-tint);
+    background-color: var(--banner-background);
     padding: var(--padding-2x);
     border-radius: var(--padding);
     border: 1.5px solid var(--card-border);