Add rocket-chat-warm.css
This commit is contained in:
169
rocket-chat-warm.css
Normal file
169
rocket-chat-warm.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user