basic theme
This commit is contained in:
parent
27f25456c7
commit
5392b7c1fc
49
src/styles/theme.css
Normal file
49
src/styles/theme.css
Normal file
|
@ -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 */}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue