style: improve bug status badge styling

Amolith and Crush created 3 weeks ago

Change bug status badges to use bordered styling instead of solid
background colors for better visual consistency with existing UI
elements. Open status uses valid border color, closed status uses
secondary border color.

Implements: bug-330aea0
Co-Authored-By: Crush <[e-mail]>

Change summary

pkg/web/static/overrides.css | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)

Detailed changes

pkg/web/static/overrides.css

@@ -111,16 +111,16 @@ section[aria-labelledby="diff-heading"] article h4:focus-within .secondary {
   line-height: 1;
   border-radius: 0.25rem;
   text-transform: lowercase;
+  background-color: var(--pico-card-background-color);
+  border: 2px solid;
 }
 
 .badge-open {
-  background-color: #22c55e;
-  color: #ffffff;
+  border-color: var(--pico-form-element-valid-border-color);
 }
 
 .badge-closed {
-  background-color: #ef4444;
-  color: #ffffff;
+  border-color: var(--pico-secondary-border);
 }
 
 .bug-message {