Style various parts of the web-page
I adapt the colour scheme called Solarized. Resources: - https://en.wikipedia.org/wiki/Solarized_(color_scheme) - https://ethanschoonover.com/solarized/master
parent
4a4907ea2c
commit
9c1a807dd6
|
@ -1,7 +1,40 @@
|
||||||
:root {
|
:root {
|
||||||
|
/* a rose by any other name smells as sweet */
|
||||||
--base3: #fdf6e3;
|
--base3: #fdf6e3;
|
||||||
|
--bg: #fdf6e3;
|
||||||
|
|
||||||
|
/* other flowers */
|
||||||
|
--base2: #eee8d5;
|
||||||
|
--base0: #839496;
|
||||||
|
--baseEm: #586e75;
|
||||||
|
|
||||||
|
--blue: #268bd2;
|
||||||
|
--green: #859900;
|
||||||
|
--cyan: #2aa198;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--base3);
|
background-color: var(--base3);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: var(--base0);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
background-color: var(--base2);
|
||||||
|
color: var(--blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* mouse over link*/
|
||||||
|
a:hover {
|
||||||
|
color: var(--green);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: var(--cyan);
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: var(--baseEm);
|
||||||
}
|
}
|
Loading…
Reference in New Issue