106 lines
2.8 KiB
CSS
106 lines
2.8 KiB
CSS
/* Restrained Hermes/Atlas identity layered after the pinned upstream theme. */
|
|
:root {
|
|
--accent: #187f8b;
|
|
--accent-hover: #126a74;
|
|
--accent-bg: rgba(24, 127, 139, 0.09);
|
|
--accent-bg-strong: rgba(24, 127, 139, 0.17);
|
|
--accent-text: #126f7a;
|
|
--blue: #187f9f;
|
|
--gold: #9a661f;
|
|
--focus-ring: rgba(24, 127, 139, 0.38);
|
|
--focus-glow: rgba(24, 127, 139, 0.12);
|
|
}
|
|
|
|
:root.dark {
|
|
color-scheme: dark;
|
|
--bg: #070a12;
|
|
--sidebar: #0d1420;
|
|
--surface: #111b29;
|
|
--surface-subtle: rgba(116, 202, 214, 0.035);
|
|
--surface-subtle-hover: rgba(116, 202, 214, 0.075);
|
|
--border: #203044;
|
|
--border2: rgba(174, 218, 224, 0.18);
|
|
--border-subtle: rgba(174, 218, 224, 0.08);
|
|
--border-muted: rgba(174, 218, 224, 0.13);
|
|
--text: #e8f1f4;
|
|
--strong: #f8fcfd;
|
|
--muted: #91a5b3;
|
|
--em: #c5d2d8;
|
|
--accent: #48cfcc;
|
|
--accent-hover: #75dedb;
|
|
--accent-bg: rgba(72, 207, 204, 0.09);
|
|
--accent-bg-strong: rgba(72, 207, 204, 0.17);
|
|
--accent-text: #6bd8d4;
|
|
--blue: #4ca4cd;
|
|
--gold: #f0b66b;
|
|
--code-bg: #09111c;
|
|
--code-inline-bg: rgba(4, 10, 17, 0.72);
|
|
--code-text: #b9e5e4;
|
|
--pre-text: #dce8ec;
|
|
--input-bg: rgba(193, 229, 233, 0.045);
|
|
--hover-bg: rgba(193, 229, 233, 0.07);
|
|
--topbar-bg: rgba(9, 14, 24, 0.96);
|
|
--main-bg: rgba(7, 10, 18, 0.72);
|
|
--focus-ring: rgba(72, 207, 204, 0.38);
|
|
--focus-glow: rgba(72, 207, 204, 0.12);
|
|
--error: #f08b79;
|
|
--success: #65c9a6;
|
|
--warning: #f0b66b;
|
|
--info: #69b9dc;
|
|
}
|
|
|
|
:root.dark body {
|
|
background:
|
|
radial-gradient(circle at 78% 8%, rgba(72, 164, 205, 0.07), transparent 31rem),
|
|
linear-gradient(145deg, #070a12, #080d17 55%, #071017);
|
|
}
|
|
|
|
:root.dark .app-titlebar,
|
|
:root.dark .rail,
|
|
:root.dark .sidebar,
|
|
:root.dark .rightpanel,
|
|
:root.dark .topbar,
|
|
:root.dark .composer-wrap {
|
|
border-color: var(--border);
|
|
background-color: rgba(13, 20, 32, 0.94);
|
|
}
|
|
|
|
.app-titlebar-icon img {
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid rgba(72, 207, 204, 0.24);
|
|
border-radius: 7px;
|
|
box-shadow: 0 0 0 2px rgba(72, 207, 204, 0.05);
|
|
}
|
|
|
|
.app-titlebar-title {
|
|
letter-spacing: 0.025em;
|
|
}
|
|
|
|
:root.dark .composer-box:focus-within {
|
|
border-color: rgba(72, 207, 204, 0.66);
|
|
box-shadow: 0 0 0 2px var(--focus-glow), 0 10px 34px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/* Keep the conversation instrument inside the same cyan/blue/gold family. */
|
|
:root.dark .voice-mode-bar {
|
|
--voice-accent: 72, 207, 204;
|
|
--voice-accent-secondary: 76, 164, 205;
|
|
border-bottom-color: rgba(174, 218, 224, 0.11);
|
|
background:
|
|
radial-gradient(circle at 50% 38%, rgba(var(--voice-accent), 0.085), transparent 47%),
|
|
linear-gradient(180deg, rgba(17, 27, 41, 0.8), rgba(7, 10, 18, 0.35));
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
:root.dark body {
|
|
background: #070a12;
|
|
}
|
|
|
|
.app-titlebar-icon img,
|
|
:root.dark .composer-box:focus-within {
|
|
transition: none !important;
|
|
}
|
|
}
|