Convert $light-background to CSS custom property

This commit is contained in:
Adrian Simmons 2021-09-10 00:12:14 +01:00
parent 0a32d52a65
commit dd942428e3
7 changed files with 9 additions and 8 deletions

View File

@ -2,7 +2,7 @@
// This is a workaround to hide the llama background from the top on the task detail page // This is a workaround to hide the llama background from the top on the task detail page
margin-top: -1.5rem; margin-top: -1.5rem;
padding: 1rem; padding: 1rem;
background-color: $light-background; background-color: var(--light-background);
@media screen and (max-width: $desktop) { @media screen and (max-width: $desktop) {
padding-bottom: 0; padding-bottom: 0;
@ -225,7 +225,7 @@
border-radius: $radius; border-radius: $radius;
padding: 1rem; padding: 1rem;
color: $text; color: $text;
background-color: $light-background !important; background-color: var(--light-background) !important;
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
border-radius: 0; border-radius: 0;

View File

@ -6,7 +6,7 @@
min-height: 100vh; min-height: 100vh;
.pagination-link:not(.is-current) { .pagination-link:not(.is-current) {
background: $light-background; background: var(--light-background);
} }
.box, .box,

View File

@ -35,7 +35,7 @@
} }
.no-auth-wrapper { .no-auth-wrapper {
background: url('/images/llama.svg') no-repeat bottom left fixed $light-background; background: url('/images/llama.svg') no-repeat bottom left fixed var(--light-background);
min-height: 100vh; min-height: 100vh;
.noauth-container { .noauth-container {

View File

@ -19,7 +19,7 @@
} }
.navbar.main-theme { .navbar.main-theme {
background: $light-background; background: var(--light-background);
z-index: 5 !important; z-index: 5 !important;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;

View File

@ -25,7 +25,7 @@
} }
body { body {
background: $light-background; background: var(--light-background);
min-height: 100vh; min-height: 100vh;
} }

View File

@ -14,6 +14,8 @@
--white: hsl(0, 0%, 100%); --white: hsl(0, 0%, 100%);
--black: hsl(0, 0%, 4%); --black: hsl(0, 0%, 4%);
--light-background: var(--grey-100);
} }
$grey-50: #F9FAFB; $grey-50: #F9FAFB;

View File

@ -8,14 +8,13 @@ $navbar-item-active-color: $primary;
$dropdown-content-shadow: none; $dropdown-content-shadow: none;
$navbar-dropdown-boxed-shadow: $dropdown-content-shadow; $navbar-dropdown-boxed-shadow: $dropdown-content-shadow;
$bulmaswatch-import-font: false !default; $bulmaswatch-import-font: false !default;
$light-background: var(--grey-100);
$transition-duration: 100ms; $transition-duration: 100ms;
$flash-background-duration: 750ms; $flash-background-duration: 750ms;
$vikunja-font: 'Quicksand', sans-serif; $vikunja-font: 'Quicksand', sans-serif;
$navbar-padding: 2rem; $navbar-padding: 2rem;
$vikunja-nav-background: $light-background; $vikunja-nav-background: var(--light-background);
$vikunja-nav-color: var(--grey-700); $vikunja-nav-color: var(--grey-700);
$vikunja-nav-selected-width: 0.4rem; $vikunja-nav-selected-width: 0.4rem;
$vikunja-nav-logo-full-width: 164px; $vikunja-nav-logo-full-width: 164px;