From 940df1efa7cb9b6f3273030675f93b2e1b3c709d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Apr 2024 21:10:27 +0300
Subject: add fallbacks for lazy stuff loading

---
 src/App.scss | 7 +++++++
 1 file changed, 7 insertions(+)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index 54b8c751..77d761dd 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -19,6 +19,9 @@
 html {
   font-size: var(--font-size);
   // overflow-x: clip causes my browser's tab to crash with SIGILL lul
+
+  // Fallback for when stuff is loading
+  --background: var(--bg);
 }
 
 body {
@@ -370,6 +373,7 @@ nav {
   border: none;
   border-radius: var(--roundness);
   cursor: pointer;
+  background-color: var(--background);
   box-shadow: var(--shadow);
   font-size: 1em;
   font-family: sans-serif;
@@ -470,6 +474,7 @@ nav {
   font-size: 100%;
   font-family: inherit;
   box-shadow: var(--shadow);
+  background-color: transparent;
   padding: 0;
   line-height: unset;
   cursor: pointer;
@@ -502,6 +507,8 @@ textarea {
 
   border: none;
   border-radius: var(--roundness);
+  background-color: var(--background);
+  color: var(--text);
   box-shadow: var(--shadow);
   font-family: var(--font);
   font-size: 1em;
-- 
cgit v1.2.3-70-g09d2