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

fix: migrate remaining hardcoded colors to CSS theme variables in rsocials 

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-04 10:30:39 -08:00
parent abb3f57ca0
commit 0359da3348
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
modules/rsocials/mod.ts
View File

@ -1411,28 +1411,28 @@ const THREAD_RO_CSS = `
.thread-ro__image { margin-bottom: 1.5rem; border-radius: 12px; overflow: hidden; border: 1px solid var(--rs-input-border); }
.thread-ro__image img { display: block; width: 100%; height: auto; }
.thread-ro__cards { margin-bottom: 1.5rem; }
.thread-ro__actions { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #334155; }
.thread-ro__actions { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--rs-input-border); }
.thread-ro__cta { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
.thread-export-dropdown { position: relative; }
.thread-export-menu {
position: absolute; top: calc(100% + 4px); right: 0; z-index: 100;
background: #1e293b; border: 1px solid #334155; border-radius: 8px;
background: var(--rs-bg-surface); border: 1px solid var(--rs-input-border); border-radius: 8px;
min-width: 180px; overflow: hidden;
box-shadow: 0 8px 24px rgba(0,0,0,0.4);
box-shadow: 0 8px 24px var(--rs-shadow-lg);
}
.thread-export-menu[hidden] { display: none; }
.thread-export-menu button {
display: block; width: 100%; padding: 0.6rem 0.75rem; border: none;
background: transparent; color: #e2e8f0; font-size: 0.85rem;
background: transparent; color: var(--rs-text-primary); font-size: 0.85rem;
text-align: left; cursor: pointer; transition: background 0.1s;
}
.thread-export-menu button:hover { background: rgba(99,102,241,0.15); }
.thread-export-menu button + button { border-top: 1px solid rgba(255,255,255,0.05); }
.thread-export-menu button + button { border-top: 1px solid var(--rs-bg-hover); }
.thread-export-toast {
position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
background: #1e293b; border: 1px solid #6366f1; color: #c4b5fd;
background: var(--rs-bg-surface); border: 1px solid #6366f1; color: #c4b5fd;
padding: 0.6rem 1.25rem; border-radius: 8px; font-size: 0.85rem;
box-shadow: 0 4px 16px rgba(0,0,0,0.4); z-index: 1000;
box-shadow: 0 4px 16px var(--rs-shadow-lg); z-index: 1000;
transition: opacity 0.2s;
}
.thread-export-toast[hidden] { display: none; }