From 160603917ce44d079f0a7acf62cd51c50634be0e Mon Sep 17 00:00:00 2001 From: Ayush Gupta Date: Mon, 14 Apr 2025 16:20:45 +0530 Subject: [PATCH] fix: improve theme compatibility for Bearded Theme (closes #258) --- app/styles/theme-compatibility.css | 32 ++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 app/styles/theme-compatibility.css diff --git a/app/styles/theme-compatibility.css b/app/styles/theme-compatibility.css new file mode 100644 index 0000000000000..5c569344597c1 --- /dev/null +++ b/app/styles/theme-compatibility.css @@ -0,0 +1,32 @@ +/* Theme compatibility styles to ensure text visibility */ +:root { + --pear-text-primary: #ffffff; + --pear-text-secondary: rgba(255, 255, 255, 0.7); + --pear-background-primary: #1e1e1e; + --pear-background-secondary: #2d2d2d; +} + +/* Force text colors in critical UI elements */ +.pear-text { + color: var(--pear-text-primary) !important; +} + +.pear-text-secondary { + color: var(--pear-text-secondary) !important; +} + +/* Ensure contrast with background */ +.pear-container { + background-color: var(--pear-background-primary); +} + +.pear-container-secondary { + background-color: var(--pear-background-secondary); +} + +/* High contrast overrides for better accessibility */ +[data-theme="high-contrast"] .pear-text, +[data-theme="high-contrast"] .pear-text-secondary { + color: #ffffff !important; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); +}