Update colors to use hsl instead of hex or rgb

diff --git a/style.css b/style.css
index 0dfbaaeaf90461c9a7e4516bdf61d42b461e207e..7191b6e87ec287a7f2371d2086fc192cabb794f0 100644 (file)
--- a/style.css
+++ b/style.css
@@ -2,8 +2,8 @@ body {
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial,
     sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #454545;
-  background: #eee;
+  color: hsl(0deg 0% 15%);
+  background: hsl(0deg 0% 90%);
 }
 
 header {
@@ -32,14 +32,14 @@ article {
   margin-bottom: 1rem;
   padding: 0 1rem;
   width: 100%;
-  border: solid rgba(0, 0, 0, 0.1);
+  border: solid hsl(0deg 0% 0% / 10%);
   border-radius: 1rem;
-  box-shadow: 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+  box-shadow: 0.25rem 0.25rem hsl(0deg 0% 0% / 10%);
 }
 
 @keyframes shimmer {
   100% {
-    background: #d6d6d6;
+    background: hsl(0deg 0% 75%);
   }
 }
 
@@ -47,5 +47,5 @@ article {
   margin: 1rem;
   height: 1rem;
   animation: shimmer 1s alternate infinite;
-  background: #959595;
+  background: hsl(0deg 0% 50%);
 }