From 14579bedd7fe0280690ec82d7968e691fd75bf2f Mon Sep 17 00:00:00 2001
From: ashastral <git@ashastral.com>
Date: Mon, 28 Feb 2022 18:34:09 -0800
Subject: [PATCH] custom CSS

---
 web-optimle/www/src/App.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/web-optimle/www/src/App.css b/web-optimle/www/src/App.css
index 81681cd..d8d6444 100644
--- a/web-optimle/www/src/App.css
+++ b/web-optimle/www/src/App.css
@@ -18,7 +18,7 @@ code {
 
 body {
   text-align: center;
-  background-color: #eeeeee;
+  background-color: hsl(190, 50%, 95%);
 }
 
 .Row {
@@ -29,7 +29,7 @@ body {
 
 .Row-letter {
   margin: 2px;
-  border: 2px solid rgba(128, 128, 128, 0.8);
+  border: 2px solid hsla(190, 50%, 40%, 0.8);
   flex: 1;
   max-width: 40px;
   height: 40px;
@@ -42,7 +42,7 @@ body {
 }
 .Row-letter-color {
   margin: 2px;
-  border: 2px solid rgba(128, 128, 128, 0.8);
+  border: 2px solid hsla(190, 50%, 40%, 0.8);
   flex: 1;
   max-width: 40px;
   height: 40px;
@@ -112,7 +112,7 @@ table.Game-rows > tbody {
 
 .Game-keyboard-button {
   margin: 2px;
-  background-color: #cdcdcd;
+  background-color: hsl(190, 25%, 80%);
   padding: 2px;
   text-transform: capitalize;
   border-radius: 4px;
@@ -151,27 +151,27 @@ table.Game-rows > tbody {
 
 .letter-absent {
   border: 2px solid transparent;
-  background-color: rgb(162, 162, 162);
+  background-color: hsla(190, 12.5%, 50%, 0.6);
   color: white !important;
 }
 
 body.dark {
-  background-color: #404040;
-  color: #e0e0e0;
+  background-color: #0b3644;
+  color: hsl(190, 50%, 90%);
   color-scheme: dark;
 }
 
 body.dark .Game-keyboard-button {
-  color: #404040;
+  color: hsl(190, 25%, 20%);
 }
 
 a,
 a:visited {
-  color: #8080ff;
+  color: hsl(190, 100%, 40%);
 }
 
 a:active {
-  color: #cc77ff;
+  color: hsl(190, 100%, 50%);
 }
 
 .Game-options {