diff --git a/modules/rsocials/mod.ts b/modules/rsocials/mod.ts index 9f8151b..9503405 100644 --- a/modules/rsocials/mod.ts +++ b/modules/rsocials/mod.ts @@ -1523,27 +1523,27 @@ const THREADS_LIST_CSS = ` .threads-gallery__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; } -.threads-gallery__empty { color: #64748b; text-align: center; padding: 3rem 1rem; font-size: 0.9rem; } +.threads-gallery__empty { color: var(--rs-text-muted); text-align: center; padding: 3rem 1rem; font-size: 0.9rem; } .thread-card { - background: #1e293b; border: 1px solid #334155; border-radius: 0.75rem; + background: var(--rs-bg-surface); border: 1px solid var(--rs-input-border); border-radius: 0.75rem; padding: 1.25rem; transition: border-color 0.15s, transform 0.15s; display: flex; flex-direction: column; gap: 0.75rem; text-decoration: none; color: inherit; } .thread-card:hover { border-color: #6366f1; transform: translateY(-2px); } -.thread-card__title { font-size: 1rem; font-weight: 700; color: #f1f5f9; margin: 0; line-height: 1.3; } +.thread-card__title { font-size: 1rem; font-weight: 700; color: var(--rs-text-primary); margin: 0; line-height: 1.3; } .thread-card__preview { - font-size: 0.85rem; color: #94a3b8; line-height: 1.5; + font-size: 0.85rem; color: var(--rs-text-secondary); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } -.thread-card__meta { display: flex; align-items: center; gap: 0.75rem; font-size: 0.75rem; color: #64748b; margin-top: auto; } +.thread-card__meta { display: flex; align-items: center; gap: 0.75rem; font-size: 0.75rem; color: var(--rs-text-muted); margin-top: auto; } .thread-card__author { display: flex; align-items: center; gap: 0.4rem; } .thread-card__avatar-sm { width: 20px; height: 20px; border-radius: 50%; background: #6366f1; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 0.55rem; flex-shrink: 0; } -.thread-card__image { border-radius: 8px; overflow: hidden; border: 1px solid #334155; margin-bottom: 0.25rem; } +.thread-card__image { border-radius: 8px; overflow: hidden; border: 1px solid var(--rs-input-border); margin-bottom: 0.25rem; } .thread-card__image img { display: block; width: 100%; height: 120px; object-fit: cover; } `;