From 0564a21112c77b7d06216147e1be6585d0de2f11 Mon Sep 17 00:00:00 2001
From: ng <�>
Date: Sun, 25 Sep 2022 14:04:18 +0200
Subject: fix: 🐛 Fix contrast with buttons dying on dark theme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+ Allow a data-force-light-theme tag on the html element to disable light theme
---
 talermerchantdemos/static/blog.css  | 5 +++--
 talermerchantdemos/static/theme.css | 8 +++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

(limited to 'talermerchantdemos')

diff --git a/talermerchantdemos/static/blog.css b/talermerchantdemos/static/blog.css
index 63959fe..a406f31 100644
--- a/talermerchantdemos/static/blog.css
+++ b/talermerchantdemos/static/blog.css
@@ -45,8 +45,9 @@
   /* Always On-Top */
   z-index: 500000;
   /* Background */
-  background: #1a1a1a33;
-  backdrop-filter: blur(8px) brightness(0.7);
+  color: #ffffff;
+  background: #1a1a1a66;
+  backdrop-filter: blur(8px) brightness(0.5);
   /* Cursor */
   cursor: text;
   /* Interactions */
diff --git a/talermerchantdemos/static/theme.css b/talermerchantdemos/static/theme.css
index d51406f..ea89011 100644
--- a/talermerchantdemos/static/theme.css
+++ b/talermerchantdemos/static/theme.css
@@ -48,12 +48,15 @@
   --button-confirm-hovering-foreground: var(--white);
   --button-confirm-active-background: var(--green-1);
   --button-confirm-active-foreground: var(--white);
+
+  /* Info Icon */
+  --license-info-icon-filter: none;
 }
 
 /* Dark Theme Overwrites (UA can choose to enable this selector if it wants) */
 @media (prefers-color-scheme: dark) {
   /* Modify core colour scheme */
-  :root {
+  html:not([data-force-light-theme]) {
     /* Link-related */
     --default-link-colour: var(--white);
     
@@ -63,6 +66,9 @@
 
     /* Misc */
     --quote-background-colour: var(--grey-3);
+
+    /* Info Icon */
+    --license-info-icon-filter: invert() hue-rotate(180deg);
   }
 }
 
-- 
cgit v1.2.3