From 04023273ce2effc66ec143a5e5f65233b157322c Mon Sep 17 00:00:00 2001 From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> Date: Mon, 27 Jan 2025 12:30:38 +1100 Subject: scss: darken bar and popdowns --- scss/_lib.scss | 2 +- scss/bar.scss | 5 ++--- scss/popdowns/media.scss | 4 ++-- scss/popdowns/notifications.scss | 10 +++++----- 4 files changed, 10 insertions(+), 11 deletions(-) diff --git a/scss/_lib.scss b/scss/_lib.scss index 63bf618..c09a1e9 100644 --- a/scss/_lib.scss +++ b/scss/_lib.scss @@ -50,7 +50,7 @@ $scale: 0.068rem; @include shadow; @include font.mono; - background-color: scheme.$base; + background-color: scheme.$mantle; color: $colour; padding: s(10) s(12); font-size: s(14); diff --git a/scss/bar.scss b/scss/bar.scss index 0ceac94..0afd02a 100644 --- a/scss/bar.scss +++ b/scss/bar.scss @@ -6,8 +6,7 @@ .bar { @include font.mono; - border-top: none; - background-color: scheme.$base; + background-color: scheme.$crust; padding: lib.s(8) lib.s(20); font-size: lib.s(14); @@ -21,7 +20,7 @@ @include lib.rounded(5); padding: lib.s(3) lib.s(8); - background-color: scheme.$surface0; + background-color: scheme.$base; @include lib.spacing; } diff --git a/scss/popdowns/media.scss b/scss/popdowns/media.scss index 998c269..2b6eeb7 100644 --- a/scss/popdowns/media.scss +++ b/scss/popdowns/media.scss @@ -12,7 +12,7 @@ $-accent2: scheme.$pink; @include lib.shadow; @include font.mono; - background-color: scheme.$base; + background-color: scheme.$mantle; color: $-accent; padding: lib.s(12); font-size: lib.s(14); @@ -26,7 +26,7 @@ $-accent2: scheme.$pink; .overlay { @include lib.rounded(5); - background-color: color.change(scheme.$base, $alpha: 0.8); + background-color: color.change(scheme.$mantle, $alpha: 0.8); } .background { diff --git a/scss/popdowns/notifications.scss b/scss/popdowns/notifications.scss index c7914c2..8b35fc2 100644 --- a/scss/popdowns/notifications.scss +++ b/scss/popdowns/notifications.scss @@ -25,7 +25,7 @@ } .inner { - background-color: color.mix(scheme.$surface0, scheme.$base, 70%); + background-color: color.mix(scheme.$base, scheme.$surface0, 70%); &.low { @include popup(scheme.$overlay0); @@ -37,21 +37,21 @@ } &.critical { - @include lib.border(scheme.$red, 0.5); + @include lib.border(scheme.$red, 0.8); @include popup(scheme.$red); } } .actions > * { - background-color: scheme.$surface1; + background-color: scheme.$surface0; &:hover, &:focus { - background-color: scheme.$surface2; + background-color: scheme.$surface1; } &:active { - background-color: scheme.$overlay0; + background-color: scheme.$surface2; } } } -- cgit v1.2.3-freya