feat: tweak colors
This commit is contained in:
parent
308fdf968b
commit
d19a86ffad
|
|
@ -9,11 +9,13 @@ $mobile-breakpoint: "max-width: 768px";
|
||||||
--color-on-primary: white;
|
--color-on-primary: white;
|
||||||
|
|
||||||
--color-accent: #303030;
|
--color-accent: #303030;
|
||||||
--color-on-accent: #f2a6ac;
|
--color-on-accent: #EA8189;
|
||||||
|
|
||||||
--color-dark: #161616;
|
--color-dark: #161616;
|
||||||
--color-dark-gradient: linear-gradient(0deg, var(--color-accent) 0%, var(--color-dark) 22%);
|
--color-dark-gradient: linear-gradient(0deg, var(--color-accent) 0%, var(--color-dark) 22%);
|
||||||
--color-on-dark: #f2a6ac;
|
--color-on-dark: #E35965;
|
||||||
|
|
||||||
|
--color-surface: #fff3f3;
|
||||||
|
|
||||||
--color-link: var(--color-primary);
|
--color-link: var(--color-primary);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background: var(--color-on-dark);
|
background: var(--color-surface);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
&--picture-wrapper {
|
&--picture-wrapper {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
.news {
|
.news {
|
||||||
@extend %card;
|
@extend %card;
|
||||||
background: var(--color-on-dark);
|
background: var(--color-surface);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue