chore: use variables for all colors

This commit is contained in:
2022-10-18 17:13:44 +02:00
parent fed3c371c7
commit 83f6dc6b15

View File

@@ -29,6 +29,9 @@
/* --color-gray-90: #dad8d8;*/
/* !* --text-color is assigned to --color-gray-_ above *!*/
/* --text-color: var(--color-gray-20);*/
/* --text-color-secondary: var(--color-gray-90);*/
/* --text-color-tertiary: var(--color-green-2);*/
/* --text-color-link: #1493fb;*/
/* --text-color-link-active: #6969f7;*/
/* --text-color-link-visited: #a6a6f8;*/
@@ -163,7 +166,7 @@ figure figcaption {
/* Header */
.main-header {
background: #fff;
background: var(--background-color);
box-shadow: 0 2px 8px rgba(0,0,0,.25);
width: 100%;
z-index: 1000;
@@ -265,7 +268,7 @@ a[href].direct-link {
}
a[href].direct-link:focus,
:hover > a[href].direct-link {
color: #aaa;
color: var(--color-gray-50);
}
.main-footer {
@@ -278,7 +281,7 @@ a[href].direct-link:focus,
.main-footer,
.main-footer a {
color: #fff;
color: var(--background-color);
}
.footer-contact {
@@ -295,7 +298,7 @@ a[href].direct-link:focus,
}
.footer-contact-title {
color: #fff;
color: var(--background-color);
font-size: 1.2em;
font-style: normal;
font-weight: 700;