Mateusz Gruszczyński committed
1 parent
d55640d37a
commit
fff8521a17
67 files changed
+11016
-16763
No files matched your search
@@ -0,0 +1,362 @@
|
||||
/* Fixed interface styles for RustBox 0.0.2.
|
||||
These styles intentionally ignore RustBox custom palette variables. */
|
||||
|
||||
/* ---------- Roundcube Larry ---------- */
|
||||
html[data-interface-skin="roundcube-larry"] {
|
||||
--font-sans: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
|
||||
--radius-control: 3px;
|
||||
--radius-panel: 4px;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--bg: #e9e9e9;
|
||||
--panel: #ffffff;
|
||||
--panel-2: #f2f2f2;
|
||||
--panel-3: #e6e6e6;
|
||||
--sidebar: #f0f0f0;
|
||||
--line: #c7c7c7;
|
||||
--line-strong: #9a9a9a;
|
||||
--text: #333333;
|
||||
--muted: #666666;
|
||||
--subtle: #858585;
|
||||
--accent: #005d76;
|
||||
--accent-strong: #00475b;
|
||||
--accent-ink: #ffffff;
|
||||
--danger: #b73838;
|
||||
--warning: #8b6b15;
|
||||
--success: #4f7b43;
|
||||
--field: #ffffff;
|
||||
--selected: #c7e3ef;
|
||||
--hover: #e3f1f6;
|
||||
--shadow: rgba(0, 0, 0, .22);
|
||||
--folder-bg: #f0f0f0;
|
||||
--message-bg: #ffffff;
|
||||
--reader-bg: #ffffff;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg: #1d2225;
|
||||
--panel: #252c30;
|
||||
--panel-2: #30383d;
|
||||
--panel-3: #384146;
|
||||
--sidebar: #20272a;
|
||||
--line: #465158;
|
||||
--line-strong: #65737a;
|
||||
--text: #edf2f4;
|
||||
--muted: #b6c0c5;
|
||||
--subtle: #8f9ba1;
|
||||
--accent: #5aa9c2;
|
||||
--accent-strong: #73bdd4;
|
||||
--accent-ink: #07171c;
|
||||
--danger: #ef7777;
|
||||
--warning: #d6b85d;
|
||||
--success: #82b578;
|
||||
--field: #1d2225;
|
||||
--selected: #314f5a;
|
||||
--hover: #2d3a3f;
|
||||
--shadow: rgba(0, 0, 0, .42);
|
||||
--folder-bg: #20272a;
|
||||
--message-bg: #252c30;
|
||||
--reader-bg: #252c30;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"] .appbar,
|
||||
html[data-interface-skin="roundcube-larry"] .pane-toolbar,
|
||||
html[data-interface-skin="roundcube-larry"] .reader-toolbar,
|
||||
html[data-interface-skin="roundcube-larry"] .dialog-header {
|
||||
background: #3c3c3c;
|
||||
border-color: #202020;
|
||||
color: #ffffff;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="dark"] .appbar,
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="dark"] .pane-toolbar,
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="dark"] .reader-toolbar,
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="dark"] .dialog-header {
|
||||
background: #171b1d;
|
||||
border-color: #3b4449;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"] .folder-button.active,
|
||||
html[data-interface-skin="roundcube-larry"] .message-row.active,
|
||||
html[data-interface-skin="roundcube-larry"] .message-row.selected,
|
||||
html[data-interface-skin="roundcube-larry"] .settings-tab.active {
|
||||
background: var(--selected);
|
||||
border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"] .button.primary {
|
||||
background: var(--accent);
|
||||
border-color: var(--accent-strong);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"] input:focus,
|
||||
html[data-interface-skin="roundcube-larry"] select:focus,
|
||||
html[data-interface-skin="roundcube-larry"] textarea:focus,
|
||||
html[data-interface-skin="roundcube-larry"] [contenteditable="true"]:focus,
|
||||
html[data-interface-skin="roundcube-larry"] .search-field:focus-within {
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 0 0 1px var(--accent);
|
||||
}
|
||||
|
||||
/* ---------- Clean ---------- */
|
||||
html[data-interface-skin="clean"][data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--bg: #f5f7fa;
|
||||
--panel: #ffffff;
|
||||
--panel-2: #f8fafc;
|
||||
--panel-3: #eef2f7;
|
||||
--sidebar: #f8fafc;
|
||||
--line: #dfe5ec;
|
||||
--line-strong: #c8d1dc;
|
||||
--text: #17202a;
|
||||
--muted: #667281;
|
||||
--subtle: #8793a1;
|
||||
--accent: #4d75e6;
|
||||
--accent-strong: #365fcf;
|
||||
--accent-ink: #ffffff;
|
||||
--danger: #c94b50;
|
||||
--warning: #98721a;
|
||||
--success: #4c8553;
|
||||
--field: #ffffff;
|
||||
--selected: #e8eefc;
|
||||
--hover: #f1f4fa;
|
||||
--shadow: rgba(30, 46, 66, .12);
|
||||
--folder-bg: #f8fafc;
|
||||
--message-bg: #ffffff;
|
||||
--reader-bg: #ffffff;
|
||||
}
|
||||
|
||||
html[data-interface-skin="clean"][data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg: #15181d;
|
||||
--panel: #1b1f25;
|
||||
--panel-2: #20262d;
|
||||
--panel-3: #272e36;
|
||||
--sidebar: #181c21;
|
||||
--line: #303842;
|
||||
--line-strong: #46515e;
|
||||
--text: #eef2f6;
|
||||
--muted: #a8b2bf;
|
||||
--subtle: #818d9b;
|
||||
--accent: #7d9bf2;
|
||||
--accent-strong: #97aff6;
|
||||
--accent-ink: #0c1429;
|
||||
--danger: #ec777c;
|
||||
--warning: #d7b35d;
|
||||
--success: #84bd8a;
|
||||
--field: #171b20;
|
||||
--selected: #283653;
|
||||
--hover: #222a34;
|
||||
--shadow: rgba(0, 0, 0, .35);
|
||||
--folder-bg: #181c21;
|
||||
--message-bg: #1b1f25;
|
||||
--reader-bg: #1b1f25;
|
||||
}
|
||||
|
||||
html[data-interface-skin="clean"] .appbar,
|
||||
html[data-interface-skin="clean"] .pane-toolbar,
|
||||
html[data-interface-skin="clean"] .reader-toolbar,
|
||||
html[data-interface-skin="clean"] .dialog-header {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
html[data-interface-skin="clean"] .folder-button.active,
|
||||
html[data-interface-skin="clean"] .message-row.active,
|
||||
html[data-interface-skin="clean"] .message-row.selected,
|
||||
html[data-interface-skin="clean"] .settings-tab.active {
|
||||
background: var(--selected);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
html[data-interface-skin="clean"] .button.primary {
|
||||
background: var(--accent);
|
||||
border-color: var(--accent);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* ---------- Graphite ---------- */
|
||||
html[data-interface-skin="graphite"][data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--bg: #e4e6e8;
|
||||
--panel: #f6f7f8;
|
||||
--panel-2: #eceef0;
|
||||
--panel-3: #e1e4e7;
|
||||
--sidebar: #dde0e3;
|
||||
--line: #c5c9cd;
|
||||
--line-strong: #9ea4aa;
|
||||
--text: #22272b;
|
||||
--muted: #60686e;
|
||||
--subtle: #7f878d;
|
||||
--accent: #5e6972;
|
||||
--accent-strong: #424b53;
|
||||
--accent-ink: #ffffff;
|
||||
--danger: #a94d4d;
|
||||
--warning: #7c681f;
|
||||
--success: #557556;
|
||||
--field: #ffffff;
|
||||
--selected: #d1d5d9;
|
||||
--hover: #e5e8eb;
|
||||
--shadow: rgba(24, 28, 31, .18);
|
||||
--folder-bg: #dde0e3;
|
||||
--message-bg: #f6f7f8;
|
||||
--reader-bg: #f6f7f8;
|
||||
}
|
||||
|
||||
html[data-interface-skin="graphite"][data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg: #141619;
|
||||
--panel: #1a1d21;
|
||||
--panel-2: #20242a;
|
||||
--panel-3: #292e34;
|
||||
--sidebar: #171a1e;
|
||||
--line: #343a41;
|
||||
--line-strong: #4b535c;
|
||||
--text: #e7eaed;
|
||||
--muted: #a3aab1;
|
||||
--subtle: #7d858d;
|
||||
--accent: #98a1aa;
|
||||
--accent-strong: #b2bac1;
|
||||
--accent-ink: #121416;
|
||||
--danger: #dc7777;
|
||||
--warning: #c5aa5c;
|
||||
--success: #81a983;
|
||||
--field: #16191d;
|
||||
--selected: #30363d;
|
||||
--hover: #24292f;
|
||||
--shadow: rgba(0, 0, 0, .42);
|
||||
--folder-bg: #171a1e;
|
||||
--message-bg: #1a1d21;
|
||||
--reader-bg: #1a1d21;
|
||||
}
|
||||
|
||||
html[data-interface-skin="graphite"] .appbar,
|
||||
html[data-interface-skin="graphite"] .pane-toolbar,
|
||||
html[data-interface-skin="graphite"] .reader-toolbar,
|
||||
html[data-interface-skin="graphite"] .dialog-header {
|
||||
background: var(--panel-2);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
html[data-interface-skin="graphite"] .folder-button.active,
|
||||
html[data-interface-skin="graphite"] .message-row.active,
|
||||
html[data-interface-skin="graphite"] .message-row.selected,
|
||||
html[data-interface-skin="graphite"] .settings-tab.active {
|
||||
background: var(--selected);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
html[data-interface-skin="graphite"] .button.primary {
|
||||
background: var(--accent-strong);
|
||||
border-color: var(--accent-strong);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* ---------- High contrast ---------- */
|
||||
html[data-interface-skin="high-contrast"] {
|
||||
--radius-control: 2px;
|
||||
--radius-panel: 2px;
|
||||
}
|
||||
|
||||
html[data-interface-skin="high-contrast"][data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--bg: #ffffff;
|
||||
--panel: #ffffff;
|
||||
--panel-2: #f2f2f2;
|
||||
--panel-3: #e6e6e6;
|
||||
--sidebar: #ffffff;
|
||||
--line: #111111;
|
||||
--line-strong: #000000;
|
||||
--text: #000000;
|
||||
--muted: #303030;
|
||||
--subtle: #505050;
|
||||
--accent: #004fc4;
|
||||
--accent-strong: #003c96;
|
||||
--accent-ink: #ffffff;
|
||||
--danger: #b00020;
|
||||
--warning: #6e5200;
|
||||
--success: #126b24;
|
||||
--field: #ffffff;
|
||||
--selected: #ffe500;
|
||||
--hover: #eaf2ff;
|
||||
--shadow: rgba(0, 0, 0, .28);
|
||||
--folder-bg: #ffffff;
|
||||
--message-bg: #ffffff;
|
||||
--reader-bg: #ffffff;
|
||||
}
|
||||
|
||||
html[data-interface-skin="high-contrast"][data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg: #000000;
|
||||
--panel: #000000;
|
||||
--panel-2: #111111;
|
||||
--panel-3: #1c1c1c;
|
||||
--sidebar: #000000;
|
||||
--line: #d8d8d8;
|
||||
--line-strong: #ffffff;
|
||||
--text: #ffffff;
|
||||
--muted: #e0e0e0;
|
||||
--subtle: #bdbdbd;
|
||||
--accent: #64c8ff;
|
||||
--accent-strong: #9adcff;
|
||||
--accent-ink: #000000;
|
||||
--danger: #ff808f;
|
||||
--warning: #ffe066;
|
||||
--success: #7ee08c;
|
||||
--field: #000000;
|
||||
--selected: #675d00;
|
||||
--hover: #18222a;
|
||||
--shadow: rgba(255, 255, 255, .12);
|
||||
--folder-bg: #000000;
|
||||
--message-bg: #000000;
|
||||
--reader-bg: #000000;
|
||||
}
|
||||
|
||||
html[data-interface-skin="high-contrast"] .appbar,
|
||||
html[data-interface-skin="high-contrast"] .pane-toolbar,
|
||||
html[data-interface-skin="high-contrast"] .reader-toolbar,
|
||||
html[data-interface-skin="high-contrast"] .dialog-header,
|
||||
html[data-interface-skin="high-contrast"] input,
|
||||
html[data-interface-skin="high-contrast"] select,
|
||||
html[data-interface-skin="high-contrast"] textarea,
|
||||
html[data-interface-skin="high-contrast"] .button,
|
||||
html[data-interface-skin="high-contrast"] .message-row,
|
||||
html[data-interface-skin="high-contrast"] .folder-button {
|
||||
border-color: var(--line-strong);
|
||||
}
|
||||
|
||||
html[data-interface-skin="high-contrast"] .folder-button.active,
|
||||
html[data-interface-skin="high-contrast"] .message-row.active,
|
||||
html[data-interface-skin="high-contrast"] .message-row.selected,
|
||||
html[data-interface-skin="high-contrast"] .settings-tab.active {
|
||||
background: var(--selected);
|
||||
color: var(--text);
|
||||
outline: 2px solid var(--line-strong);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
html[data-interface-skin="high-contrast"] .button.primary {
|
||||
background: var(--accent);
|
||||
border-color: var(--line-strong);
|
||||
color: var(--accent-ink);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
html[data-interface-skin="roundcube-larry"] .folder-drawer-header {
|
||||
min-height: 44px;
|
||||
background: #3c3c3c;
|
||||
border-color: #202020;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
html[data-interface-skin="roundcube-larry"][data-theme="dark"] .folder-drawer-header {
|
||||
background: #171b1d;
|
||||
border-color: #3b4449;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user