From dfff4ebe9f06e41c939ac4e7117933ed3ff53e9d Mon Sep 17 00:00:00 2001 From: tiennm99 Date: Tue, 27 Oct 2026 15:56:32 +0700 Subject: [PATCH] style: make the bubble background 80% opaque --- ui/bubble.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/bubble.css b/ui/bubble.css index aca81e4..d0c8f8e 100644 --- a/ui/bubble.css +++ b/ui/bubble.css @@ -1,9 +1,9 @@ /* Bubble palette. Accent and fill colours come from the payload. */ :root[data-theme='dark'] { - /* 60% opaque, so the desktop shows through. Tracks and the edge are + /* 80% opaque, so the desktop shows through. Tracks and the edge are tints over it, so they keep the same contrast step on a light or dark desktop; the text halo keeps text readable on either. */ - --bg: rgb(31 31 31 / 60%); + --bg: rgb(31 31 31 / 80%); --track: rgb(0 0 0 / 28%); --time-track: rgb(255 255 255 / 14%); --time-fill: #b0b0b0; @@ -14,7 +14,7 @@ } :root[data-theme='light'] { - --bg: rgb(243 243 243 / 60%); + --bg: rgb(243 243 243 / 80%); --track: rgb(0 0 0 / 10%); --time-track: rgb(0 0 0 / 8%); --time-fill: #666666;