tweak header, footer link colors
This commit is contained in:
parent
43ae91c904
commit
747fdbda8e
@ -24,6 +24,7 @@
|
|||||||
:root {
|
:root {
|
||||||
--color-purple: var(--color-light-purple);
|
--color-purple: var(--color-light-purple);
|
||||||
--color-blue: var(--color-light-blue);
|
--color-blue: var(--color-light-blue);
|
||||||
|
--color-blue-inverted: var(--color-dark-blue);
|
||||||
--background-color: var(--theme-color-light);
|
--background-color: var(--theme-color-light);
|
||||||
--text-decoration-color: var(--theme-color-dark);
|
--text-decoration-color: var(--theme-color-dark);
|
||||||
--text-color: #000;
|
--text-color: #000;
|
||||||
@ -40,6 +41,7 @@
|
|||||||
:root {
|
:root {
|
||||||
--color-purple: var(--color-dark-purple);
|
--color-purple: var(--color-dark-purple);
|
||||||
--color-blue: var(--color-dark-blue);
|
--color-blue: var(--color-dark-blue);
|
||||||
|
--color-blue-inverted: var(--color-light-blue);
|
||||||
--background-color: var(--theme-color-dark);
|
--background-color: var(--theme-color-dark);
|
||||||
--text-decoration-color: var(--theme-color-light);
|
--text-decoration-color: var(--theme-color-light);
|
||||||
--text-color: #FFF;
|
--text-color: #FFF;
|
||||||
@ -65,9 +67,13 @@ html, body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
cursor: pointer;
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
color: var(--color-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: var(--background-color);
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#push {
|
#push {
|
||||||
@ -117,14 +123,6 @@ header .logo-status {
|
|||||||
font-size: 21px;
|
font-size: 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header a {
|
|
||||||
border-bottom: 1px dashed var(--text-decoration-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
header a:hover {
|
|
||||||
border-bottom: 1px dashed transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
header .header-button {
|
header .header-button {
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
width: 83px;
|
width: 83px;
|
||||||
@ -171,17 +169,13 @@ footer {
|
|||||||
display: none;
|
display: none;
|
||||||
background: var(--background-color);
|
background: var(--background-color);
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
padding: 10px 0 15px 0;
|
padding: 10px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a {
|
footer a {
|
||||||
border-bottom: 1px dashed var(--text-decoration-color);
|
color: var(--color-blue-inverted);
|
||||||
}
|
|
||||||
|
|
||||||
footer a:hover {
|
|
||||||
border-bottom: 1px dashed transparent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a:hover {
|
footer a:hover {
|
||||||
|
Loading…
Reference in New Issue
Block a user