From b5241a2a4280a88a9a4cedc4beb89c76e09a3c5e Mon Sep 17 00:00:00 2001 From: Tanner Collin Date: Sat, 27 Dec 2025 18:29:23 +0000 Subject: [PATCH] Style update banner correctly --- webclient/src/Style-black.css | 3 ++- webclient/src/Style-dark.css | 3 ++- webclient/src/Style-light.css | 3 +-- webclient/src/Style-red.css | 7 +++---- webclient/src/index.js | 2 ++ 5 files changed, 10 insertions(+), 8 deletions(-) diff --git a/webclient/src/Style-black.css b/webclient/src/Style-black.css index 851ddcc..6e82f66 100644 --- a/webclient/src/Style-black.css +++ b/webclient/src/Style-black.css @@ -77,7 +77,8 @@ } .black .update-banner { - color: #000; + background-color: #333; + color: #ddd; } .black .update-banner button { diff --git a/webclient/src/Style-dark.css b/webclient/src/Style-dark.css index 1940d8d..1b9b21a 100644 --- a/webclient/src/Style-dark.css +++ b/webclient/src/Style-dark.css @@ -73,7 +73,8 @@ } .dark .update-banner { - color: #000; + background-color: #333; + color: #ddd; } .dark .update-banner button { diff --git a/webclient/src/Style-light.css b/webclient/src/Style-light.css index 80e0fe1..4344b9c 100644 --- a/webclient/src/Style-light.css +++ b/webclient/src/Style-light.css @@ -44,10 +44,9 @@ input { } .update-banner { - background-color: #ffffcc; + background-color: #ddd; padding: 0.75rem; text-align: center; - border-bottom: 1px solid #e6e6b8; } .update-banner button { diff --git a/webclient/src/Style-red.css b/webclient/src/Style-red.css index 4b0d3fd..7cc5a1b 100644 --- a/webclient/src/Style-red.css +++ b/webclient/src/Style-red.css @@ -95,13 +95,12 @@ } .red .update-banner { - background-color: #ffdddd; - border-bottom-color: #e6c2c2; - color: #b00; + background-color: #300; + color: #d00; } .red .update-banner button { background-color: #440000; border-color: #b00; - color: #b00; + color: #d00; } diff --git a/webclient/src/index.js b/webclient/src/index.js index 3296366..0ef5d31 100644 --- a/webclient/src/index.js +++ b/webclient/src/index.js @@ -3,6 +3,8 @@ import ReactDOM from 'react-dom'; import App from './App'; import * as serviceWorker from './serviceWorker'; +// version 3 + ReactDOM.render(, document.getElementById('root')); // If you want your app to work offline and load faster, you can change