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.
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-11-07 00:15:16 +11:00
parent 643acb8142
commit 8981a841fb
+15 -6
View File
@@ -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);