Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(inventory): improve view toggle and storage name contrast

Browse Source 
- Changed storage location names to black for better visibility on colored background
- Updated view toggle buttons to have dark background with proper border outline
- Removed wrapper background from view toggle, individual buttons now standalone
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-10-17 17:33:58 +11:00
parent 73050a085b
commit de43e84cd0
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+5 -9
View File
@@ -4059,7 +4059,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
margin: 0; margin: 0;
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
color: var(--SmartThemeBodyColor); color: #000000;
} }
.rpg-storage-actions { .rpg-storage-actions {
@@ -4376,17 +4376,13 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
.rpg-view-toggle { .rpg-view-toggle {
display: flex; display: flex;
gap: 0.25rem; gap: 0.25rem;
background: var(--SmartThemeQuoteColor);
border: 1px solid var(--SmartThemeBorderColor);
border-radius: 0.25rem;
padding: 0.15rem;
} }
.rpg-view-btn { .rpg-view-btn {
padding: 0.35rem 0.6rem; padding: 0.35rem 0.6rem;
background: transparent; background: var(--SmartThemeBlurTintColor);
border: 1px solid transparent; border: 2px solid var(--SmartThemeBorderColor);
border-radius: 0.15rem; border-radius: 0.25rem;
color: var(--SmartThemeFastUISliderColColor); color: var(--SmartThemeFastUISliderColColor);
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
@@ -4403,7 +4399,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
} }
.rpg-view-btn.active { .rpg-view-btn.active {
background: transparent; background: var(--SmartThemeBlurTintColor);
border-color: var(--rpg-highlight); border-color: var(--rpg-highlight);
color: var(--rpg-highlight); color: var(--rpg-highlight);
} }