From 9150c5688a7976eb34e6ad11beb667d6df8e2cf3 Mon Sep 17 00:00:00 2001
From: catborise <catborise@gmail.com>
Date: Sat, 31 Oct 2026 14:32:32 +0300
Subject: [PATCH] fix(css): light badges read in the dark themes

A count or label badge (badge text-bg-light border) kept Bootstrap's
light background but took the theme's light-text colour: white on pale
grey in Darkly and Superhero, white on cyan in Vapor. Such a badge now
takes the page's own text and background colours, which every bundled
theme sets to a readable pair.
---
 static/css/webvirtcloud.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/static/css/webvirtcloud.css b/static/css/webvirtcloud.css
index 7f7da3f2..5ef83b4b 100644
--- a/static/css/webvirtcloud.css
+++ b/static/css/webvirtcloud.css
@@ -12,6 +12,14 @@
     }
 }
 
+/* a count or label badge: text-bg-light keeps a light background with the
+   theme's light-text colour, white on grey in Darkly, Superhero and Vapor;
+   the page's own colours read in every theme */
+.badge.text-bg-light.border {
+    color: var(--bs-body-color) !important;
+    background-color: var(--bs-body-bg) !important;
+}
+
 #editor {
     position: absolute;
     top: 0;