diff --git a/modules/rsocials/mod.ts b/modules/rsocials/mod.ts index 7eacbec..9f8151b 100644 --- a/modules/rsocials/mod.ts +++ b/modules/rsocials/mod.ts @@ -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; }