From 8981a841fbef54d3575650ae7706f3ad7787a62d Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Fri, 7 Nov 2025 00:15:16 +1100
Subject: [PATCH] fix: add missing styling for RPG attribute inputs

- Add .rpg-attr-name styling to match .rpg-stat-name
- Use SmartTheme colors instead of default white background
- Add focus state with highlight border
- Include .rpg-attr-toggle and .rpg-attr-remove in selectors

Fixes white background on RPG attribute text inputs (STR, DEX, etc.)
in the Tracker Editor modal.
---
 style.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/style.css b/style.css
index 8444a5d..2036476 100644
--- a/style.css
+++ b/style.css
@@ -5265,21 +5265,30 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     border-radius: 0.375em;
 }
 
-.rpg-stat-toggle {
+.rpg-stat-toggle,
+.rpg-attr-toggle {
     flex-shrink: 0;
 }
 
-.rpg-stat-name {
+.rpg-stat-name,
+.rpg-attr-name {
     flex: 1;
     padding: 0.375em 0.5em;
-    background: var(--rpg-bg);
-    border: 1px solid var(--rpg-border);
+    background: var(--SmartThemeBlurTintColor);
+    border: 2px solid var(--SmartThemeBorderColor);
     border-radius: 0.25em;
-    color: var(--rpg-text);
+    color: var(--SmartThemeBodyColor);
     font-size: 0.95em;
 }
 
-.rpg-stat-remove {
+.rpg-stat-name:focus,
+.rpg-attr-name:focus {
+    outline: none;
+    border-color: var(--rpg-highlight);
+}
+
+.rpg-stat-remove,
+.rpg-attr-remove {
     flex-shrink: 0;
     padding: 0.375em 0.625em;
     background: var(--rpg-highlight);