diff --git a/rocket-chat-warm.css b/rocket-chat-warm.css new file mode 100644 index 0000000..7adb12a --- /dev/null +++ b/rocket-chat-warm.css @@ -0,0 +1,169 @@ +/* ────────────────────────────────────────── + § Deep Ember Terminal (Icon & UI Polish) + ────────────────────────────────────────── */ + +/* ── Disabled Icon & Button Fix ── */ +:root { + /* Shift disabled icons from cold grey to muted Tobacco/Sandstone */ + --rcx-color-button-icon-disabled-color: #A89E8D !important; + --rcx-button-secondary-disabled-color: #A89E8D !important; + --rcx-color-button-font-on-secondary-disabled: #A89E8D !important; + + /* Sidebar Lines Variable Chain */ + --rcx-sidebar-color-stroke-extra-light: #3E3830 !important; + --rcx-sidebar-color-stroke-light: #3E3830 !important; + + /* Input Global Fix */ + --rcx-input-colors-background-color: var(--bg-parchment) !important; + --rcx-input-colors-border-color: var(--border-clay) !important; + --rcx-input-border-radius: 0 !important; +} + +/* ── Main Variable Root ── */ +:root, +body, +.rcx-content--main, +.rcx-tile, +.rcx-sidebar--main, +.rcx-sidepanel, +.rcx-navbar { + --bg-parchment: #F7F2E9; + --bg-coffee: #2B2621; + --bg-sand: #EEE6D8; + --accent-tobacco: #7B4A31; + --accent-amber: #C98B44; + --text-espresso: #2B2621; + --text-sandstone: #8E8476; + --border-clay: #D2C4A9; + + --rcx-color-surface-light: var(--bg-parchment) !important; + --rcx-color-surface-room: var(--bg-parchment) !important; + --rcx-color-surface-neutral: var(--bg-sand) !important; + --rcx-color-surface-hover: #EBE0CC !important; + --rcx-color-surface-selected: #DFD3BC !important; + --rcx-color-surface-sidebar: var(--bg-coffee) !important; + + --rcx-color-font-default: var(--text-espresso) !important; + --rcx-color-font-titles-labels: var(--text-espresso) !important; + + --rcx-color-stroke-highlight: var(--accent-tobacco) !important; + --rcx-color-stroke-extra-light: var(--border-clay) !important; + --rcx-color-button-background-primary-default: var(--accent-tobacco) !important; + --rcx-color-button-font-on-primary: var(--bg-parchment) !important; + + --rcx-color-status-bullet-online: #8B9A68 !important; + --rcx-color-status-bullet-away: var(--accent-amber) !important; + --rcx-color-status-bullet-busy: #A64B4B !important; +} + +/* ═══════════════════════════════════════════ + GLOBAL TERMINAL STYLING + ═══════════════════════════════════════════ */ + +body, body *:not(.rcx-icon):not([class*="rcx-icon--"]) { + font-family: "iA Writer Duo S", "Geist Mono", monospace !important; + letter-spacing: -0.01em !important; +} + +* { + border-radius: 0 !important; + box-shadow: none !important; +} + +/* ═══════════════════════════════════════════ + SIDEBAR (DARK COFFEE) + ═══════════════════════════════════════════ */ + +.rcx-sidebar { + background-color: var(--bg-coffee) !important; + border-right: 1px solid #3E3830 !important; +} + +.rcx-sidebar-item__title, +.rcx-sidebar-item__text, +.rcx-sidebar-item__container, +.rcx-sidebar .rcx-icon { + color: var(--bg-parchment) !important; + opacity: 1 !important; +} + +.rcx-sidebar-item--selected, +.rcx-sidebar-item[aria-selected="true"] { + background-color: var(--accent-tobacco) !important; + border-left: 4px solid var(--accent-amber) !important; +} + +.rcx-sidebar-item:hover .rcx-sidebar-item__title, +.rcx-sidebar-item:hover .rcx-sidebar-item__text, +.rcx-sidebar-item:hover .rcx-sidebar-item__container, +.rcx-sidebar-item:hover .rcx-icon { + color: var(--text-espresso) !important; +} + +/* ═══════════════════════════════════════════ + MAIN CHAT AREA (WARM PARCHMENT) + ═══════════════════════════════════════════ */ + +/* Target Input Boxes specifically to override the white/grey defaults */ +.rcx-autocomplete, +.rcx-input-box:not(.rcx-input-box--undecorated), +.rcx-input-box__wrapper, +.rcx-select { + background-color: var(--bg-parchment) !important; + border-color: var(--border-clay) !important; + color: var(--text-espresso) !important; +} + +/* ── TAGS, BUBBLES, PREVIEWS & DIVIDERS ── */ +.rcx-tag, +.rcx-bubble__item--secondary, +.rcx-message-divider__content, +.rcx-message-generic-preview { + background-color: var(--bg-sand) !important; + color: var(--accent-tobacco) !important; + border: 1px solid var(--border-clay) !important; +} + +/* Specific text styling for technical labels */ +.rcx-tag, +.rcx-bubble__item--secondary, +.rcx-message-divider__content { + font-weight: bold !important; + text-transform: uppercase !important; + font-size: 0.65rem !important; + padding: 1px 4px !important; +} + +.rcx-message-divider__line { border-color: var(--border-clay) !important; } + +/* Quotes & Code Blocks */ +.rcx-message-body blockquote, +.rcx-attachment__details { + background-color: var(--bg-sand) !important; + border: 1px solid var(--border-clay) !important; + border-left: 4px solid var(--accent-tobacco) !important; + color: #5C544A !important; +} + +pre { + background: var(--bg-sand) !important; + border: 1px solid var(--border-clay) !important; + border-left: 4px solid var(--accent-tobacco) !important; +} + +.rcx-message-body code { + background: #EBE0CC !important; + color: var(--accent-tobacco) !important; +} + +/* Composer Area */ +.rcx-message-composer { + background-color: var(--bg-parchment) !important; + border: 1px solid var(--border-clay) !important; + border-top: 2px solid var(--border-clay) !important; +} + +/* Force the send icon to match Tobacco color when active */ +.rcx-message-composer__send-icon { + color: var(--accent-tobacco) !important; +} \ No newline at end of file