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