Fix Accent Colour not being picked up

This commit is contained in:
Michał 2022-09-13 15:03:09 +00:00
parent d548f967c5
commit 9ed36e2738
5 changed files with 27 additions and 22 deletions

View file

@ -8,7 +8,7 @@
|------------------------------------------------------------- |-------------------------------------------------------------
*/ */
:root { :root {
--bg: #151515bb; --bg: rgba(21, 21, 21, 0.7333333333);
--bg-1: #242621; --bg-1: #242621;
--bg-2: #1D1E1C; --bg-2: #1D1E1C;
--bg-3: #151515; --bg-3: #151515;
@ -19,6 +19,7 @@
--green: #8C977D; --green: #8C977D;
--black: #151515; --black: #151515;
--white: #E8E3E3; --white: #E8E3E3;
--accent: #8C977D;
} }
/* /*

View file

@ -109,7 +109,7 @@ a.btn {
} }
.btn-good { .btn-good {
background-color: $green; background-color: $page-accent;
} }
.btn-bad { .btn-bad {

View file

@ -53,7 +53,7 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
border: 0.2rem solid $green; border: 0.2rem solid $page-accent;
border-radius: $rad; border-radius: $rad;
box-shadow: $shadow; box-shadow: $shadow;
@ -239,14 +239,14 @@
// DESCRIPTION // DESCRIPTION
.image-description { .image-description {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
// DETAILS // DETAILS
.image-detail { .image-detail {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
&>div { &>div {
@ -281,7 +281,7 @@
// TAGS // TAGS
.tags-root { .tags-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
@ -319,7 +319,7 @@
|------------------------------------------------------------- |-------------------------------------------------------------
*/ */
.about-root { .about-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
@ -329,7 +329,7 @@
|------------------------------------------------------------- |-------------------------------------------------------------
*/ */
.upload-root { .upload-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
@ -339,21 +339,21 @@
|------------------------------------------------------------- |-------------------------------------------------------------
*/ */
.account-root { .account-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
.admin-root { .admin-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
.signup-root { .signup-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
// By default its hidden, in place is login // By default its hidden, in place is login
display: none; display: none;
} }
.login-root { .login-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }
@ -373,6 +373,6 @@
|------------------------------------------------------------- |-------------------------------------------------------------
*/ */
.search-root { .search-root {
@include defaultDecoration($green); @include defaultDecoration($page-accent);
@include defaultFont(); @include defaultFont();
} }

View file

@ -12,6 +12,8 @@
box-shadow: $shadow; box-shadow: $shadow;
>* { >* {
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;

View file

@ -25,17 +25,19 @@ sans-serif;
// Fallback for items that do not yet support the new sass stylesheet system // Fallback for items that do not yet support the new sass stylesheet system
:root { :root {
--bg: #151515bb; --bg: #{$bg-alt};
--bg-1: #242621; --bg-1: #242621;
--bg-2: #1D1E1C; --bg-2: #1D1E1C;
--bg-3: #151515; --bg-3: #{$bg};
--fg: #E8E3E3; --fg: #{$fg};
--fg-dark: #151515; --fg-dark: #{$fg-alt};
--red: #B66467; --red: #{$red};
--orange: #FF7700; --orange: #{$orange};
--green: #8C977D; --green: #{$green};
--black: #151515; --black: #{$black};
--white: #E8E3E3; --white: #{$white};
--accent: #{$page-accent};
} }