Colors

templates/index.html

@@ -4,19 +4,29 @@
     <script src="https://unpkg.com/htmx.org@1.9.5"></script>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
-        * { font-family: Cantarell, serif }
+        * {
+            /* Some global vars for colors*/
+            --text: #0c0311;
+            --background: #fdfbfe;
+            --primary: #9b41d8;
+            --secondary: #d7b3ef;
+            --accent: #7924b2;
+
+            font-family: Cantarell, serif;
+            background: var(--background);
+        }
         table {
             border-collapse: collapse;
         }
 
         td, th {
-            border: 1px solid #878787;
+            border: 1px solid var(--accent);
             text-align: left;
             padding: 8px;
         }
 
         tr:nth-child(even) {
-            background-color: #dddddd;
+            background-color: var(--secondary);
         }
 
     </style>
@@ -77,5 +87,6 @@
 <p>And a fren: <a href="https://foxgirls.love/web">Erika</a></p>
 <hr>
 <p>Todo: Add proper styling</p>
+<p>Last updated: 18.09.2023: 11:33</p>
 </body>
 </html>