From 399be13097d0d2e9c69d807c1fe03b5bb6e4f4ef Mon Sep 17 00:00:00 2001 From: David Lapshin Date: Mon, 20 May 2024 19:39:39 +0300 Subject: [PATCH] Decouple primary color tint from bg color Can be useful for websites with an image as a background :^) --- sass/_general.scss | 2 +- sass/_variables.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/sass/_general.scss b/sass/_general.scss index a652475..6cd1b2c 100644 --- a/sass/_general.scss +++ b/sass/_general.scss @@ -26,7 +26,7 @@ body { body { display: grid; // Put footer at the bottom for short pages, such as the 404 grid-template-rows: auto minmax(auto, 1fr) auto; // Header, stuff, footer - background: var(--bg-color); + background: var(--bg-color), var(--primary-color); min-height: 100vh; color: var(--fg-color); line-height: 1.6; diff --git a/sass/_variables.scss b/sass/_variables.scss index 2d432a0..a0b2e24 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -1,6 +1,6 @@ :root { // COLORS - --bg-color: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color); + --bg-color: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)); --fg-color: rgba(0, 0, 0, 0.8); --fg-muted-1: rgba(0, 0, 0, 0.05); --fg-muted-2: rgba(0, 0, 0, 0.1); @@ -52,7 +52,7 @@ @media (prefers-color-scheme: dark) { // COLORS - --bg-color: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color); + --bg-color: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); --fg-color: rgb(255, 255, 255); --fg-muted-1: rgba(255, 255, 255, 0.05); --fg-muted-2: rgba(255, 255, 255, 0.1);