Adjust colors.
This commit is contained in:
parent
b4c1daeea9
commit
ed739a3421
|
@ -4,7 +4,7 @@
|
||||||
@include mixins.patterned-shadow(0.5rem);
|
@include mixins.patterned-shadow(0.5rem);
|
||||||
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: var(--background-1);
|
background-color: var(--background-2);
|
||||||
border: 2px solid var(--foreground-1);
|
border: 2px solid var(--foreground-1);
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: min-content auto;
|
grid-template-columns: min-content auto;
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
a {
|
a {
|
||||||
@include mixins.patterned-shadow(0.5rem);
|
@include mixins.patterned-shadow(0.5rem);
|
||||||
|
|
||||||
background-color: var(--background-1);
|
background-color: var(--background-2);
|
||||||
border: 2px solid var(--foreground-1);
|
border: 2px solid var(--foreground-1);
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -5,8 +5,9 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
--background-1: #000;
|
--background-1: #52d168;
|
||||||
--foreground-1: #fff;
|
--background-2: #60f079;
|
||||||
|
--foreground-1: #1d2623;
|
||||||
|
|
||||||
background-color: var(--background-1);
|
background-color: var(--background-1);
|
||||||
color: var(--foreground-1);
|
color: var(--foreground-1);
|
||||||
|
@ -22,7 +23,7 @@ a {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--foreground-1);
|
background-color: var(--foreground-1);
|
||||||
color: var(--background-1);
|
color: var(--background-2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue