#4: add stylesheets and basic color scheme
This commit is contained in:
parent
fc21c309cc
commit
d102795256
3 changed files with 63 additions and 1 deletions
52
static/css/style.css
Normal file
52
static/css/style.css
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
:root {
|
||||
--main-bg-color: #121212;
|
||||
--main-text-color-normal: #cccccc;
|
||||
--main-text-color-light: #eeeeee;
|
||||
|
||||
/* Generated by Paletton.com */
|
||||
/* http://paletton.com/#uid=54W0u0kiCFn8GVde7NVmtwSqXtg */
|
||||
--primary-color-0: #C351C3;
|
||||
--primary-color-1: #EFAEEF;
|
||||
--primary-color-2: #DB7ADB;
|
||||
--primary-color-3: #A832A8;
|
||||
--primary-color-4: #981898;
|
||||
|
||||
--secondary-color-1-0: #8B5DC8;
|
||||
--secondary-color-1-1: #CEB5F0;
|
||||
--secondary-color-1-2: #AA84DD;
|
||||
--secondary-color-1-3: #6F3FAF;
|
||||
--secondary-color-1-4: #59249E;
|
||||
|
||||
--secondary-color-2-0: #ED638D;
|
||||
--secondary-color-2-1: #FAB6CB;
|
||||
--secondary-color-2-2: #F488A9;
|
||||
--secondary-color-2-3: #E54475;
|
||||
--secondary-color-2-4: #D02156;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--main-bg-color);
|
||||
color: var(--main-text-color-normal);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--main-text-color-light);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--primary-color-2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--primary-color-1);
|
||||
}
|
||||
|
||||
a:focus {
|
||||
color: var(--primary-color-1);
|
||||
}
|
||||
Reference in a new issue