diff --git a/contrib/exfoliation/stylesheets/common.css b/contrib/exfoliation/stylesheets/common.css index 0a943b6ca..3c4d31d12 100644 --- a/contrib/exfoliation/stylesheets/common.css +++ b/contrib/exfoliation/stylesheets/common.css @@ -96,6 +96,22 @@ not important: blue aaccff 777777 --border: #28303E; --input: #0D1014; --radius: 0.3rem; + + --info-msg-text: #89BDF1; + --info-msg-border: #1866B6; + --info-msg-bg: #041220; + + --success-msg-text: #40DE7A; + --success-msg-border: #147538; + --success-msg-bg: #04160A; + + --warning-msg-text: #FFF948; + --warning-msg-border: #706C00; + --warning-msg-bg: #191900; + + --error-msg-text: #F9B4B5; + --error-msg-border: #710B09; + --error-msg-bg: #1C0202; } #side { @@ -161,7 +177,6 @@ a:hover { gap: 4px; padding: 16px; margin: 0; - border-right: 1px var(--border) solid; } .navbarlogo { @@ -305,7 +320,7 @@ ul.navsectionlinks li ul li a:hover { } #updateversioninfo { - margin: 15px auto 35px auto; + margin: 15px auto 0 auto; width: 400px; } @@ -314,8 +329,10 @@ ul.navsectionlinks li ul li a:hover { } .updatechecksdisabled { - background-color: #FF9F9F; - border: 1px solid red; + background-color: var(--error-msg-bg); + border: 1px solid var(--error-msg-border); + color: var(--error-msg-text); + border-radius: var(--radius); padding: 10px; } @@ -324,8 +341,10 @@ ul.navsectionlinks li ul li a:hover { } .updateavailable { - background-color: #9FD4FF; - border: 1px solid blue; + background-color: var(--info-msg-bg); + border: 1px solid var(--info-msg-border); + color: var(--info-msg-text); + border-radius: var(--radius); padding: 10px; } diff --git a/html/index.php.in b/html/index.php.in index d2400abd5..e6a2528af 100644 --- a/html/index.php.in +++ b/html/index.php.in @@ -51,6 +51,8 @@ $this_year = '2024'; height: 100vh; width: 200px; border: none; + /* I don't like doing this but not sure of a better way */ + border-right: 1px solid #28303E; } iframe[name="main"] { diff --git a/html/main.php b/html/main.php index 6909ca190..823c3777d 100644 --- a/html/main.php +++ b/html/main.php @@ -56,7 +56,7 @@ function getCoreStatus() { } function setCoreStatusHTML(image, text) { - $('#core-status').html(`● ${text}`); + $('#core-status').html(`●  ${text}`); } @@ -78,16 +78,14 @@ function setCoreStatusHTML(image, text) {