From b5da86b013247193fa6007548532a8dc588be8f9 Mon Sep 17 00:00:00 2001 From: Red <88052002+RedisPerfect@users.noreply.github.com> Date: Sat, 22 Feb 2025 13:19:21 +0100 Subject: [PATCH] Update departures.css Attempts to fix the departures board to include when white-mode is selected. HELP out your neighbour. --- airline-web/public/stylesheets/departures.css | 25 ++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) diff --git a/airline-web/public/stylesheets/departures.css b/airline-web/public/stylesheets/departures.css index 9402442ce..b381c7272 100644 --- a/airline-web/public/stylesheets/departures.css +++ b/airline-web/public/stylesheets/departures.css @@ -1,16 +1,29 @@ +// checks if dark-mode or white-mode has been selected, then chooses coloroutput based on selection. #departuresCanvas .section { +if !dark-mode selected, then background: #111; color: #aaa; background: linear-gradient(to bottom, rgba(18, 16, 16, 0.8) 30%, rgba(15, 14, 14, .8) 100%), url(../images/background/airport-reflection.png); background-repeat: no-repeat; background-size:contain; + +or if !white-mode selected, then + background: #111; + color: #aaa; + + background: linear-gradient(to bottom, rgba(240, 245, 245, 0.8) 30%, rgba(245, 250, 250, .8) 100%), url(../images/background/airport-reflection.png); + background-repeat: no-repeat; + background-size:contain; } #departuresCanvas .title { font-size: 20px; font-weight: bolder; - color: #dd8; + if !dark-mode selected, then; + color: #FFE500; + or if !white-mode selected, then; + color: #005490; height: 25px; } @@ -27,11 +40,17 @@ } .departures div.table-row:nth-child(even) { - background: #111 + if !dark-mode selected, then + background: #333 + or if !white-mode selected, then + background: #EEE } .departures div.table-row:nth-child(odd) { - background: #333 + if !dark-mode selected, then + background: #111 + or if !white-mode selected, then + background: #DDD } .blink {