From a705ab8ab40fa3deea111d62ad0cb6f42672f818 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1rton=20Lente?= <marton@blender.org>
Date: Mon, 17 Feb 2025 15:10:17 +0100
Subject: [PATCH] Fix: Theme milestone progress bar statuses not rendered
 correctly

Fixes Milestones progress bar statuses not rendered correctly after Gitea
1.23.x update. Adds explicit styling for progress bars, using theme colours.
Fixes #133
---
 public/assets/css/theme-bthree-dark.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css
index 43cef3c..18583bb 100644
--- a/public/assets/css/theme-bthree-dark.css
+++ b/public/assets/css/theme-bthree-dark.css
@@ -517,3 +517,21 @@ a.ui.primary.label:hover,
  .CodeMirror.cm-s-default .cm-error, .CodeMirror.cm-s-paper .cm-error {
 	 color: #dbdbeb;
 }
+
+/* Progress bar. */
+progress {
+  appearance: none; /* Remove default styling */
+  background-color: var(--color-secondary); /* Fallback colour bg (unfilled portion) */
+  border: none; /* remove default border */
+
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}
+
+progress::-webkit-progress-value {
+  background-color: var(--color-primary); /* Color of the filled portion */
+}
+
+progress::-moz-progress-bar {
+  background-color: var(--color-primary); /* Color of the filled portion */
+}