chore: use variables for all colors

feat/integration_ideo
Nicolas Doby 2022-10-18 17:13:44 +02:00
parent fed3c371c7
commit 83f6dc6b15
1 changed files with 7 additions and 4 deletions

View File

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