basic theme

2024-03-20 23:39:22 -04:00 · 2024-03-20 23:39:22 -04:00 · 5392b7c1fc
parent 27f25456c7
commit 5392b7c1fc
1 changed files with 49 additions and 0 deletions
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@ -0,0 +1,49 @@
+/* Generated using https://www.realtimecolors.com/?colors=e2f8e7-020803-92e2a1-247f89-4ea9d0&fonts=Poppins-Poppins */
+
+:root {
+    @media (prefers-color-scheme: light) {
+      :root {
+        --text: #071c0c;
+        --background: #f7fdf8;
+        --primary: #1d6d2c;
+        --secondary: #76d1db;
+        --accent: #2f8ab1;
+      }
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --text: #e2f8e7;
+        --background: #020803;
+        --primary: #92e2a1;
+        --secondary: #247f89;
+        --accent: #4ea9d0;
+      }
+    }
+    
+  @import url('https://fonts.googleapis.com/css?family=Poppins:700|Poppins:400');
+  
+  body {
+    font-family: 'Poppins';
+    font-weight: 400;
+  }
+  
+  h1, h2, h3, h4, h5 {
+    font-family: 'Poppins';
+    font-weight: 700;
+  }
+  
+  html {font-size: 100%;} /* 16px */
+  
+  h1 {font-size: 4.210rem; /* 67.36px */}
+  
+  h2 {font-size: 3.158rem; /* 50.56px */}
+  
+  h3 {font-size: 2.369rem; /* 37.92px */}
+  
+  h4 {font-size: 1.777rem; /* 28.48px */}
+  
+  h5 {font-size: 1.333rem; /* 21.28px */}
+  
+  small {font-size: 0.750rem; /* 12px */}
+  }
+