From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 9 Oct 2022 04:43:30 +0000 (-0700)
Subject: Use color variables
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=8cded8dc8eaf5c0ca3d8c914ebe086ee5429d238;p=google-forms-frontend

Use color variables
---

diff --git a/index.html b/index.html
index 824b836..116a2db 100644
--- a/index.html
+++ b/index.html
@@ -7,12 +7,18 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="data:,">
   <style>
+    :root {
+      --primary-lightest: hsl(235deg 30% 90%);
+      --secondary: hsl(354deg 50% 50%);
+      --secondary-lighter: hsl(354deg 20% 85%);
+    }
+
     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: hsl(235deg 90% 10%);
-      background: hsl(235deg 30% 90%);
+      background: var(--primary-lightest);
     }
 
     header {