From 5392b7c1fc6311835ec9daf77170de467ada8506 Mon Sep 17 00:00:00 2001 From: array-in-a-matrix Date: Wed, 20 Mar 2024 23:39:22 -0400 Subject: [PATCH] basic theme --- src/styles/theme.css | 49 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 src/styles/theme.css diff --git a/src/styles/theme.css b/src/styles/theme.css new file mode 100644 index 0000000..d25efae --- /dev/null +++ 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 */} + } + \ No newline at end of file