From 83801736d7fc983dd303bc9cdcc4a84f90a91ae6 Mon Sep 17 00:00:00 2001
From: earlman <earl.mangulabnan@gmail.com>
Date: Sun, 4 Apr 2021 12:38:17 -0500
Subject: [PATCH] add color variables

---
 css/main.css | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/css/main.css b/css/main.css
index 16c281be..b2991494 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,7 +1,12 @@
+:root {
+  --color-text: #fff;
+  --color-background: black;
+}
+
 html {
   cursor: none;
   overflow: hidden;
-  background: #000;
+  background: var(--color-background);
   user-select: none;
 }
 
@@ -14,8 +19,8 @@ body {
   position: absolute;
   height: calc(100% - 120px);
   width: calc(100% - 120px);
-  background: #000;
-  color: #aaa;
+  background: var(--color-background);
+  color: var(--color-text);
   font-family: "Roboto Condensed", sans-serif;
   font-weight: 400;
   font-size: 2em;
@@ -28,15 +33,18 @@ body {
  */
 
 .dimmed {
-  color: #666;
+  color: var(--color-text);
+  opacity: 0.6;
 }
 
 .normal {
-  color: #999;
+  color: var(--color-text);
+  opacity: 0.8;
 }
 
 .bright {
-  color: #fff;
+  color: var(--color-text);
+  opacity: 1;
 }
 
 .xsmall {