From 8532c7eea5453bd6292be462863beb46213936d4 Mon Sep 17 00:00:00 2001 From: ThatOneCalculator <kainoa@t1c.dev> Date: Sat, 23 Jul 2022 21:23:04 -0700 Subject: [PATCH] more rpine stuff --- packages/backend/src/server/web/bios.css | 34 +++++++++---------- packages/backend/src/server/web/boot.js | 21 ++++++------ packages/backend/src/server/web/cli.css | 18 +++++----- .../backend/src/server/web/views/flush.pug | 6 ++-- 4 files changed, 39 insertions(+), 40 deletions(-) diff --git a/packages/backend/src/server/web/bios.css b/packages/backend/src/server/web/bios.css index 318fc3e28..0f15b66f6 100644 --- a/packages/backend/src/server/web/bios.css +++ b/packages/backend/src/server/web/bios.css @@ -1,11 +1,11 @@ main > .tabs { padding: 16px; - border-bottom: 4px solid #c3c3c3; + border-bottom: 4px solid #908caa; } #lsEditor > .adder { margin: 16px; padding: 16px; - border: 2px solid #c3c3c3; + border: 2px solid #908caa; } #lsEditor > .adder > textarea { display: block; @@ -15,7 +15,7 @@ main > .tabs { } #lsEditor > .record { padding: 16px; - border-bottom: 1px solid #c3c3c3; + border-bottom: 1px solid #908caa; } #lsEditor > .record > header { font-weight: 700; @@ -28,15 +28,15 @@ main > .tabs { } html { - background: #222; + background: #191724; } main { - background: #333; + background: #1f1d2e; border-radius: 10px; } #tl > div { padding: 16px; - border-bottom: 1px solid #c3c3c3; + border-bottom: 1px solid #908caa; } #tl > div > header { font-weight: 700; @@ -50,8 +50,8 @@ main { } body, html { - background-color: #222; - color: #dfddcc; + background-color: #191724; + color: #e0def4; justify-content: center; margin: auto; padding: 10px; @@ -63,9 +63,9 @@ button { border: none; cursor: pointer; margin-bottom: 12px; - background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0)); + background: linear-gradient(90deg, rgb(156, 207, 216), rgb(74, 179, 0)); line-height: 50px; - color: #222; + color: #191724; font-weight: bold; font-size: 20px; padding: 12px; @@ -80,7 +80,7 @@ button { button { background: #444; line-height: 40px; - color: rgb(153, 204, 0); + color: rgb(156, 207, 216); font-size: 16px; padding: 0 20px; margin-right: 5px; @@ -91,18 +91,18 @@ button:hover { background: #555; } #ls { - background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0)); + background: linear-gradient(90deg, rgb(156, 207, 216), rgb(74, 179, 0)); line-height: 30px; - color: #222; + color: #191724; font-weight: bold; font-size: 18px; padding: 12px; } #ls:hover { - background: rgb(153, 204, 0); + background: rgb(156, 207, 216); } a { - color: rgb(134, 179, 0); + color: rgb(156, 207, 216); text-decoration: none; } p, @@ -120,7 +120,7 @@ textarea { background-color: #444; border: solid #aaa; border-radius: 10px; - color: #dfddcc; + color: #e0def4; margin-top: 1rem; margin-bottom: 1rem; width: 20rem; @@ -135,7 +135,7 @@ input { background-color: #666; border: solid #aaa; border-radius: 10px; - color: #dfddcc; + color: #e0def4; margin-top: 1rem; margin-bottom: 1rem; width: 10rem; diff --git a/packages/backend/src/server/web/boot.js b/packages/backend/src/server/web/boot.js index b0d529ec3..aeb13793e 100644 --- a/packages/backend/src/server/web/boot.js +++ b/packages/backend/src/server/web/boot.js @@ -137,9 +137,8 @@ <span class="button-label-big">Refresh</span> </button> <p class="dont-worry">Don't worry, it's (probably) not your fault.</p> + <p>Please make sure your browser is up-to-date and any AdBlockers are off.</p> <p>If the problem persists after refreshing, please contact your instance's administrator.<br>You may also try the following options:</p> - <p>Update your os and browser.</p> - <p>Disable an adblocker.</p> <a href="/flush"> <button class="button-small"> <span class="button-label-small">Clear preferences and cache</span> @@ -182,8 +181,8 @@ body, html { - background-color: #222; - color: #dfddcc; + background-color: #191724; + color: #e0def4; justify-content: center; margin: auto; padding: 10px; @@ -199,12 +198,12 @@ } .button-big { - background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0)); + background: linear-gradient(90deg, rgb(196, 167, 231), rgb(235, 188, 186)); line-height: 50px; } .button-big:hover { - background: rgb(153, 204, 0); + background: rgb(49, 116, 143); } .button-small { @@ -217,20 +216,20 @@ } .button-label-big { - color: #222; + color: #191724; font-weight: bold; font-size: 20px; padding: 12px; } .button-label-small { - color: rgb(153, 204, 0); + color: rgb(156, 207, 216); font-size: 16px; padding: 12px; } a { - color: rgb(134, 179, 0); + color: rgb(156, 207, 216); text-decoration: none; } @@ -245,7 +244,7 @@ } .icon-warning { - color: #dec340; + color: #f6c177; height: 4rem; padding-top: 2rem; } @@ -259,7 +258,7 @@ } details { - background: #333; + background: #1f1d2e; margin-bottom: 2rem; padding: 0.5rem 1rem; width: 40rem; diff --git a/packages/backend/src/server/web/cli.css b/packages/backend/src/server/web/cli.css index 63e8ca6f2..7aeb40aab 100644 --- a/packages/backend/src/server/web/cli.css +++ b/packages/backend/src/server/web/cli.css @@ -1,13 +1,13 @@ html { - background: #222; + background: #191724; } main { - background: #333; + background: #1f1d2e; border-radius: 10px; } #tl > div { padding: 16px; - border-bottom: 1px solid #c3c3c3; + border-bottom: 1px solid #908caa; } #tl > div > header { font-weight: 700; @@ -21,8 +21,8 @@ main { } body, html { - background-color: #222; - color: #dfddcc; + background-color: #191724; + color: #e0def4; justify-content: center; margin: auto; padding: 10px; @@ -37,15 +37,15 @@ button { margin-bottom:12px; background:linear-gradient(90deg,#86b300,#4ab300); line-height:50px; - color:#222; + color:#191724; font-weight:700; font-size:20px; } button:hover { - background: rgb(153, 204, 0); + background: rgb(156, 207, 216); } a { - color: rgb(134, 179, 0); + color: rgb(156, 207, 216); text-decoration: none; } p, @@ -63,7 +63,7 @@ code { background-color: #444; border: solid #aaa; border-radius: 10px; - color: #dfddcc; + color: #e0def4; margin-top: 3rem; width: 20rem; height: 5rem; diff --git a/packages/backend/src/server/web/views/flush.pug b/packages/backend/src/server/web/views/flush.pug index abd8fff11..be013d19b 100644 --- a/packages/backend/src/server/web/views/flush.pug +++ b/packages/backend/src/server/web/views/flush.pug @@ -12,15 +12,15 @@ html } body, html { - background-color: #222; - color: #dfddcc; + background-color: #191724; + color: #e0def4; justify-content: center; margin: auto; padding: 10px; text-align: center; } a { - color: rgb(134, 179, 0); + color: rgb(156, 207, 216); text-decoration: none; }