mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-02-13 17:00:06 +00:00
Fix Accent Colour not being picked up
This commit is contained in:
parent
d548f967c5
commit
9ed36e2738
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
|
@ -109,7 +109,7 @@ a.btn {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-good {
|
.btn-good {
|
||||||
background-color: $green;
|
background-color: $page-accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-bad {
|
.btn-bad {
|
||||||
|
|
|
@ -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();
|
||||||
}
|
}
|
|
@ -12,6 +12,8 @@
|
||||||
|
|
||||||
box-shadow: $shadow;
|
box-shadow: $shadow;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
>* {
|
>* {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
|
|
@ -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};
|
||||||
}
|
}
|
Loading…
Reference in a new issue