Add rocket-chat-warm.css

2026-03-03 18:39:54 +00:00
parent 4f6b944692
commit 30e498b9ff
1 changed files with 169 additions and 0 deletions
--- a/rocket-chat-warm.css
+++ 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;
+}