From 7424559bc17c9e5ae4b2199efae1b275c65b99a3 Mon Sep 17 00:00:00 2001 From: Alice Mikhaylenko Date: Fri, 17 Jan 2025 20:19:28 +0400 Subject: [PATCH] stylesheet: Make toasts lighter and opaque See https://gitlab.gnome.org/GNOME/libadwaita/-/issues/335#note_2239327 --- src/stylesheet/_colors.scss | 3 +++ src/stylesheet/widgets/_misc.scss | 13 ++++++++++++- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/src/stylesheet/_colors.scss b/src/stylesheet/_colors.scss index b1524a047..2191cbd7a 100644 --- a/src/stylesheet/_colors.scss +++ b/src/stylesheet/_colors.scss @@ -103,6 +103,9 @@ $osd_bg_color: RGB(0 0 0 / 70%); $osd_link_color: color-mix(in srgb, var(--accent-bg-color) 50%, white); $osd_link_visited_color: color-mix(in srgb, var(--accent-bg-color) 75%, white); +$toast_bg_color: #505053; +$toast_fg_color: white; + $tooltip_border_color: RGB(255 255 255 / 10%); $drop_target_color: var(--accent-bg-color); diff --git a/src/stylesheet/widgets/_misc.scss b/src/stylesheet/widgets/_misc.scss index f0d7f6cf6..5c58ed545 100644 --- a/src/stylesheet/widgets/_misc.scss +++ b/src/stylesheet/widgets/_misc.scss @@ -36,7 +36,18 @@ separator { **********/ toast { - @extend %osd; + background: $toast_bg_color; + color: $toast_fg_color; + box-shadow: 0 1px 3px 1px RGB(0 0 6 / 7%), + 0 2px 6px 2px RGB(0 0 6 / 3%); + + --standalone-color-oklab: #{$standalone-color-oklab-dark}; + + --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); + --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); + --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); + --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); + --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); margin: 12px; margin-bottom: 24px; -- GitLab