From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 28 Mar 2021 03:04:58 +0000 (-0700)
Subject: Update colors to use hsl instead of hex or rgb
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=2270b3aa770b21299812b2c08d9336c0ce9628b9;p=ardislu.dev

Update colors to use hsl instead of hex or rgb
---

diff --git a/style.css b/style.css
index 0dfbaae..7191b6e 100644
--- 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%);
 }