jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): theme-adaptive rSocials buttons + device link textbox 

- campaign-wizard.css: fix undefined --rs-surface-hover → --rs-bg-hover
- campaign-workflow.css: replace hardcoded blue colors with theme vars
  (--rs-primary-hover, --rs-bg-active, --rs-border, --rs-primary)
- rstack-identity.ts: device link URL input --rs-bg-inset → --rs-input-bg
  (--rs-bg-inset was never defined in theme.css, dark fallback always won)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-25 11:39:14 -07:00
parent b3fb51c39a
commit 06a58f1bba
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/rsocials/components/campaign-wizard.css
View File

@ -157,7 +157,7 @@
.cw-btn:hover { .cw-btn:hover {
border-color: var(--rs-accent, #14b8a6); border-color: var(--rs-accent, #14b8a6);
background: var(--rs-surface-hover, #2a2a40); background: var(--rs-bg-hover);
} }
.cw-btn:disabled { .cw-btn:disabled {

18
modules/rsocials/components/campaign-workflow.css
View File

@ -75,26 +75,26 @@ folk-campaign-workflow {
.cw-btn--back { .cw-btn--back {
text-decoration: none; text-decoration: none;
color: #93c5fd; color: var(--rs-primary-hover, #6366f1);
border-color: #3b82f644; border-color: var(--rs-border, rgba(59,130,246,0.27));
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 4px; gap: 4px;
} }
.cw-btn--back:hover { .cw-btn--back:hover {
background: #3b82f622; background: var(--rs-bg-active, rgba(59,130,246,0.13));
border-color: #3b82f6; border-color: var(--rs-primary, #4f46e5);
} }
.cw-btn--run { .cw-btn--run {
background: #3b82f622; background: var(--rs-bg-active, rgba(59,130,246,0.13));
border-color: #3b82f655; border-color: var(--rs-border, rgba(59,130,246,0.33));
color: #60a5fa; color: var(--rs-primary-hover, #6366f1);
} }
.cw-btn--run:hover { .cw-btn--run:hover {
background: #3b82f633; background: var(--rs-bg-active, rgba(59,130,246,0.2));
border-color: #3b82f6; border-color: var(--rs-primary, #4f46e5);
} }
.cw-toggle { .cw-toggle {

2
shared/components/rstack-identity.ts
View File

@ -470,7 +470,7 @@ export class RStackIdentity extends HTMLElement {
.eid-nudge-link-row { display: flex; gap: 6px; margin-bottom: 0.4rem; } .eid-nudge-link-row { display: flex; gap: 6px; margin-bottom: 0.4rem; }
.eid-nudge-link-input { .eid-nudge-link-input {
flex: 1; font-size: 0.72rem; padding: 5px 8px; border-radius: 6px; flex: 1; font-size: 0.72rem; padding: 5px 8px; border-radius: 6px;
border: 1px solid var(--rs-border, #334155); background: var(--rs-bg-inset, #0f172a); border: 1px solid var(--rs-border, #334155); background: var(--rs-input-bg, #0f172a);
color: var(--rs-text-secondary, #94a3b8); min-width: 0; outline: none; color: var(--rs-text-secondary, #94a3b8); min-width: 0; outline: none;
} }
.eid-nudge-btn--copy { .eid-nudge-btn--copy {