better styles

mluukkai · mluukkai · commit 131d447efb91 · 2026-03-28T20:20:48.000+02:00
diff --git a/src/components/InfoBanner.js b/src/components/InfoBanner.js
@@ -16,7 +16,9 @@ const InfoBanner = ({ visible, onHide }) => {
     flexWrap: 'wrap',
     flexDirection: 'row',
     alignContent: 'space-between',
-    backgroundColor: 'var(--color-background)',
+    backgroundColor: '#fff3cd',
+    borderColor: '#ffc107',
+    color: '#5a4000',
     zIndex: 2147483647,
   };
 
diff --git a/src/components/InfoBanner2.js b/src/components/InfoBanner2.js
@@ -16,7 +16,9 @@ const InfoBanner = ({ visible, onHide }) => {
     flexWrap: 'wrap',
     flexDirection: 'row',
     alignContent: 'space-between',
-    backgroundColor: 'var(--color-background)',
+    backgroundColor: '#fff3cd',
+    borderColor: '#ffc107',
+    color: '#5a4000',
     zIndex: 2147483647,
   };
 
diff --git a/src/components/InfoBanner3.js b/src/components/InfoBanner3.js
@@ -16,7 +16,9 @@ const InfoBanner = ({ visible, onHide }) => {
     flexWrap: 'wrap',
     flexDirection: 'row',
     alignContent: 'space-between',
-    backgroundColor: 'var(--color-background)',
+    backgroundColor: '#fff3cd',
+    borderColor: '#ffc107',
+    color: '#5a4000',
     zIndex: 2147483647,
   };
 
