984 lines
25 KiB
CSS
984 lines
25 KiB
CSS
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);
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
}
|
|
|
|
|
|
html[data-interface-skin="gmail"],
|
|
html[data-interface-skin="proton"],
|
|
html[data-interface-skin="zoho"],
|
|
html[data-interface-skin="outlook"],
|
|
html[data-interface-skin="minimal"] {
|
|
--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
}
|
|
|
|
html[data-interface-skin="gmail"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f6f8fc;
|
|
--panel: #ffffff;
|
|
--panel-2: #f8fafd;
|
|
--panel-3: #eef3f8;
|
|
--sidebar: #eef3f8;
|
|
--line: #e2e6ea;
|
|
--line-strong: #c7cdd3;
|
|
--text: #202124;
|
|
--muted: #5f6368;
|
|
--subtle: #7a7f85;
|
|
--accent: #0b57d0;
|
|
--accent-strong: #0842a0;
|
|
--accent-ink: #ffffff;
|
|
--danger: #b3261e;
|
|
--warning: #8a5a00;
|
|
--success: #1e8e3e;
|
|
--field: #ffffff;
|
|
--selected: #d3e3fd;
|
|
--hover: #edf2fa;
|
|
--shadow: rgba(60, 64, 67, .18);
|
|
--folder-bg: #eef3f8;
|
|
--message-bg: #ffffff;
|
|
--reader-bg: #ffffff;
|
|
}
|
|
|
|
html[data-interface-skin="gmail"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #1f1f1f;
|
|
--panel: #242424;
|
|
--panel-2: #2b2b2b;
|
|
--panel-3: #333333;
|
|
--sidebar: #202124;
|
|
--line: #3c4043;
|
|
--line-strong: #5f6368;
|
|
--text: #e8eaed;
|
|
--muted: #bdc1c6;
|
|
--subtle: #969ba1;
|
|
--accent: #8ab4f8;
|
|
--accent-strong: #aecbfa;
|
|
--accent-ink: #10223e;
|
|
--danger: #f28b82;
|
|
--warning: #fdd663;
|
|
--success: #81c995;
|
|
--field: #202124;
|
|
--selected: #2d4668;
|
|
--hover: #303134;
|
|
--shadow: rgba(0, 0, 0, .38);
|
|
--folder-bg: #202124;
|
|
--message-bg: #242424;
|
|
--reader-bg: #242424;
|
|
}
|
|
|
|
html[data-interface-skin="proton"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f7f5ff;
|
|
--panel: #ffffff;
|
|
--panel-2: #f7f5ff;
|
|
--panel-3: #eeeaff;
|
|
--sidebar: #f2efff;
|
|
--line: #e0daf7;
|
|
--line-strong: #c5bce7;
|
|
--text: #28253d;
|
|
--muted: #6d6688;
|
|
--subtle: #8d86a5;
|
|
--accent: #6d4aff;
|
|
--accent-strong: #5637d8;
|
|
--accent-ink: #ffffff;
|
|
--danger: #c43b54;
|
|
--warning: #8d6714;
|
|
--success: #23845b;
|
|
--field: #ffffff;
|
|
--selected: #e7e1ff;
|
|
--hover: #f0edff;
|
|
--shadow: rgba(50, 38, 96, .16);
|
|
--folder-bg: #f2efff;
|
|
--message-bg: #ffffff;
|
|
--reader-bg: #ffffff;
|
|
}
|
|
|
|
html[data-interface-skin="proton"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #171426;
|
|
--panel: #201b34;
|
|
--panel-2: #292242;
|
|
--panel-3: #332b50;
|
|
--sidebar: #1b172d;
|
|
--line: #40375e;
|
|
--line-strong: #62567f;
|
|
--text: #f2efff;
|
|
--muted: #beb6d7;
|
|
--subtle: #948aae;
|
|
--accent: #9b82ff;
|
|
--accent-strong: #b5a3ff;
|
|
--accent-ink: #171027;
|
|
--danger: #f07a91;
|
|
--warning: #e1bd62;
|
|
--success: #75c7a2;
|
|
--field: #1b172d;
|
|
--selected: #3d315f;
|
|
--hover: #2a2342;
|
|
--shadow: rgba(0, 0, 0, .42);
|
|
--folder-bg: #1b172d;
|
|
--message-bg: #201b34;
|
|
--reader-bg: #201b34;
|
|
}
|
|
|
|
html[data-interface-skin="zoho"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f5f7fb;
|
|
--panel: #ffffff;
|
|
--panel-2: #f8f9fc;
|
|
--panel-3: #edf1f6;
|
|
--sidebar: #f1f4f8;
|
|
--line: #dde3eb;
|
|
--line-strong: #bcc7d4;
|
|
--text: #202936;
|
|
--muted: #647182;
|
|
--subtle: #8390a0;
|
|
--accent: #2f6fdf;
|
|
--accent-strong: #2459b5;
|
|
--accent-ink: #ffffff;
|
|
--danger: #cf4858;
|
|
--warning: #966d11;
|
|
--success: #2c8a63;
|
|
--field: #ffffff;
|
|
--selected: #e1ebff;
|
|
--hover: #edf3fd;
|
|
--shadow: rgba(31, 45, 66, .15);
|
|
--folder-bg: #f1f4f8;
|
|
--message-bg: #ffffff;
|
|
--reader-bg: #ffffff;
|
|
}
|
|
|
|
html[data-interface-skin="zoho"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #151a21;
|
|
--panel: #1b222c;
|
|
--panel-2: #222b36;
|
|
--panel-3: #2a3542;
|
|
--sidebar: #171e27;
|
|
--line: #344251;
|
|
--line-strong: #506175;
|
|
--text: #eef3f8;
|
|
--muted: #abb8c5;
|
|
--subtle: #8594a3;
|
|
--accent: #73a5ff;
|
|
--accent-strong: #91b8ff;
|
|
--accent-ink: #0d1c34;
|
|
--danger: #ee7b88;
|
|
--warning: #dab85d;
|
|
--success: #78bf9c;
|
|
--field: #171e27;
|
|
--selected: #293d5c;
|
|
--hover: #25303c;
|
|
--shadow: rgba(0, 0, 0, .38);
|
|
--folder-bg: #171e27;
|
|
--message-bg: #1b222c;
|
|
--reader-bg: #1b222c;
|
|
}
|
|
|
|
html[data-interface-skin="outlook"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f5f5f5;
|
|
--panel: #ffffff;
|
|
--panel-2: #faf9f8;
|
|
--panel-3: #f3f2f1;
|
|
--sidebar: #f3f2f1;
|
|
--line: #e1dfdd;
|
|
--line-strong: #c8c6c4;
|
|
--text: #242424;
|
|
--muted: #616161;
|
|
--subtle: #858585;
|
|
--accent: #0f6cbd;
|
|
--accent-strong: #0b5a9e;
|
|
--accent-ink: #ffffff;
|
|
--danger: #c50f1f;
|
|
--warning: #8a6a00;
|
|
--success: #107c10;
|
|
--field: #ffffff;
|
|
--selected: #deecf9;
|
|
--hover: #f3f6fa;
|
|
--shadow: rgba(0, 0, 0, .16);
|
|
--folder-bg: #f3f2f1;
|
|
--message-bg: #ffffff;
|
|
--reader-bg: #ffffff;
|
|
}
|
|
|
|
html[data-interface-skin="outlook"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #1b1a19;
|
|
--panel: #252423;
|
|
--panel-2: #2d2c2b;
|
|
--panel-3: #343332;
|
|
--sidebar: #201f1e;
|
|
--line: #3b3a39;
|
|
--line-strong: #605e5c;
|
|
--text: #f3f2f1;
|
|
--muted: #c8c6c4;
|
|
--subtle: #a19f9d;
|
|
--accent: #69afe5;
|
|
--accent-strong: #8bc3ea;
|
|
--accent-ink: #102334;
|
|
--danger: #f1707b;
|
|
--warning: #e2c15d;
|
|
--success: #7fba7a;
|
|
--field: #201f1e;
|
|
--selected: #284764;
|
|
--hover: #302f2e;
|
|
--shadow: rgba(0, 0, 0, .42);
|
|
--folder-bg: #201f1e;
|
|
--message-bg: #252423;
|
|
--reader-bg: #252423;
|
|
}
|
|
|
|
html[data-interface-skin="minimal"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f8f8f7;
|
|
--panel: #ffffff;
|
|
--panel-2: #fafafa;
|
|
--panel-3: #f0f0ef;
|
|
--sidebar: #f7f7f6;
|
|
--line: #e7e7e5;
|
|
--line-strong: #d1d1ce;
|
|
--text: #242424;
|
|
--muted: #6e6e6b;
|
|
--subtle: #92928e;
|
|
--accent: #555b62;
|
|
--accent-strong: #3d4349;
|
|
--accent-ink: #ffffff;
|
|
--danger: #b74d4d;
|
|
--warning: #836b2c;
|
|
--success: #557a59;
|
|
--field: #ffffff;
|
|
--selected: #ececeb;
|
|
--hover: #f2f2f1;
|
|
--shadow: rgba(0, 0, 0, .10);
|
|
--folder-bg: #f7f7f6;
|
|
--message-bg: #ffffff;
|
|
--reader-bg: #ffffff;
|
|
}
|
|
|
|
html[data-interface-skin="minimal"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #161616;
|
|
--panel: #1c1c1c;
|
|
--panel-2: #222222;
|
|
--panel-3: #292929;
|
|
--sidebar: #191919;
|
|
--line: #303030;
|
|
--line-strong: #484848;
|
|
--text: #eeeeec;
|
|
--muted: #b4b4b0;
|
|
--subtle: #8a8a87;
|
|
--accent: #b8bdc2;
|
|
--accent-strong: #d3d6d9;
|
|
--accent-ink: #171717;
|
|
--danger: #de7a7a;
|
|
--warning: #c5ad6a;
|
|
--success: #82a985;
|
|
--field: #181818;
|
|
--selected: #323232;
|
|
--hover: #252525;
|
|
--shadow: rgba(0, 0, 0, .35);
|
|
--folder-bg: #191919;
|
|
--message-bg: #1c1c1c;
|
|
--reader-bg: #1c1c1c;
|
|
}
|
|
|
|
html[data-interface-skin="gmail"] .folder-button.active,
|
|
html[data-interface-skin="gmail"] .message-row.active,
|
|
html[data-interface-skin="gmail"] .message-row.selected,
|
|
html[data-interface-skin="gmail"] .settings-tab.active,
|
|
html[data-interface-skin="proton"] .folder-button.active,
|
|
html[data-interface-skin="proton"] .message-row.active,
|
|
html[data-interface-skin="proton"] .message-row.selected,
|
|
html[data-interface-skin="proton"] .settings-tab.active,
|
|
html[data-interface-skin="zoho"] .folder-button.active,
|
|
html[data-interface-skin="zoho"] .message-row.active,
|
|
html[data-interface-skin="zoho"] .message-row.selected,
|
|
html[data-interface-skin="zoho"] .settings-tab.active,
|
|
html[data-interface-skin="outlook"] .folder-button.active,
|
|
html[data-interface-skin="outlook"] .message-row.active,
|
|
html[data-interface-skin="outlook"] .message-row.selected,
|
|
html[data-interface-skin="outlook"] .settings-tab.active,
|
|
html[data-interface-skin="minimal"] .folder-button.active,
|
|
html[data-interface-skin="minimal"] .message-row.active,
|
|
html[data-interface-skin="minimal"] .message-row.selected,
|
|
html[data-interface-skin="minimal"] .settings-tab.active {
|
|
background: var(--selected);
|
|
color: var(--text);
|
|
}
|
|
|
|
html[data-interface-skin="gmail"] .button.primary,
|
|
html[data-interface-skin="proton"] .button.primary,
|
|
html[data-interface-skin="zoho"] .button.primary,
|
|
html[data-interface-skin="outlook"] .button.primary,
|
|
html[data-interface-skin="minimal"] .button.primary {
|
|
background: var(--accent);
|
|
border-color: var(--accent);
|
|
color: var(--accent-ink);
|
|
}
|
|
|
|
|
|
html[data-interface-skin="fastmail"],
|
|
html[data-interface-skin="apple-mail"],
|
|
html[data-interface-skin="yahoo"],
|
|
html[data-interface-skin="hey"],
|
|
html[data-interface-skin="nord"] {
|
|
--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
}
|
|
|
|
html[data-interface-skin="fastmail"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f5f8fc;
|
|
--panel: #fff;
|
|
--panel-2: #f8faff;
|
|
--panel-3: #edf3fb;
|
|
--sidebar: #f1f5fb;
|
|
--line: #dfe6ef;
|
|
--line-strong: #bdc9d8;
|
|
--text: #172033;
|
|
--muted: #607086;
|
|
--subtle: #8491a2;
|
|
--accent: #2563d9;
|
|
--accent-strong: #194eb8;
|
|
--accent-ink: #fff;
|
|
--danger: #c63f4c;
|
|
--warning: #8d6610;
|
|
--success: #23805b;
|
|
--field: #fff;
|
|
--selected: #d9e8ff;
|
|
--hover: #edf4ff;
|
|
--shadow: rgba(35, 55, 90, .14);
|
|
--folder-bg: #f1f5fb;
|
|
--message-bg: #fff;
|
|
--reader-bg: #fff;
|
|
}
|
|
|
|
html[data-interface-skin="fastmail"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #151b25;
|
|
--panel: #1c2430;
|
|
--panel-2: #232d3a;
|
|
--panel-3: #2b3746;
|
|
--sidebar: #18202b;
|
|
--line: #334254;
|
|
--line-strong: #52657d;
|
|
--text: #eef4fc;
|
|
--muted: #b4c0cf;
|
|
--subtle: #8998aa;
|
|
--accent: #79a8ff;
|
|
--accent-strong: #9bbdff;
|
|
--accent-ink: #10203b;
|
|
--danger: #ef7e89;
|
|
--warning: #ddb75c;
|
|
--success: #7ac6a0;
|
|
--field: #18202b;
|
|
--selected: #2b466d;
|
|
--hover: #263343;
|
|
--shadow: rgba(0, 0, 0, .4);
|
|
--folder-bg: #18202b;
|
|
--message-bg: #1c2430;
|
|
--reader-bg: #1c2430;
|
|
}
|
|
|
|
html[data-interface-skin="apple-mail"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f5f5f7;
|
|
--panel: #fff;
|
|
--panel-2: #fafafa;
|
|
--panel-3: #f0f1f3;
|
|
--sidebar: #f3f4f6;
|
|
--line: #e2e3e6;
|
|
--line-strong: #c7c9ce;
|
|
--text: #1d1d1f;
|
|
--muted: #66666b;
|
|
--subtle: #8d8d93;
|
|
--accent: #0a84ff;
|
|
--accent-strong: #006bd6;
|
|
--accent-ink: #fff;
|
|
--danger: #d43b48;
|
|
--warning: #946b00;
|
|
--success: #24845d;
|
|
--field: #fff;
|
|
--selected: #dcebff;
|
|
--hover: #f0f6ff;
|
|
--shadow: rgba(0, 0, 0, .12);
|
|
--folder-bg: #f3f4f6;
|
|
--message-bg: #fff;
|
|
--reader-bg: #fff;
|
|
}
|
|
|
|
html[data-interface-skin="apple-mail"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #171719;
|
|
--panel: #202023;
|
|
--panel-2: #27272a;
|
|
--panel-3: #303034;
|
|
--sidebar: #1b1b1e;
|
|
--line: #38383d;
|
|
--line-strong: #595960;
|
|
--text: #f5f5f7;
|
|
--muted: #b7b7bd;
|
|
--subtle: #8e8e95;
|
|
--accent: #64a8ff;
|
|
--accent-strong: #82baff;
|
|
--accent-ink: #102237;
|
|
--danger: #ff808b;
|
|
--warning: #dfbc65;
|
|
--success: #78c69f;
|
|
--field: #1c1c1f;
|
|
--selected: #294867;
|
|
--hover: #2a2a2e;
|
|
--shadow: rgba(0, 0, 0, .38);
|
|
--folder-bg: #1b1b1e;
|
|
--message-bg: #202023;
|
|
--reader-bg: #202023;
|
|
}
|
|
|
|
html[data-interface-skin="yahoo"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #f7f5fb;
|
|
--panel: #fff;
|
|
--panel-2: #faf8ff;
|
|
--panel-3: #f1edfa;
|
|
--sidebar: #f4f0fb;
|
|
--line: #e6dff1;
|
|
--line-strong: #cbbdde;
|
|
--text: #24202d;
|
|
--muted: #6c6278;
|
|
--subtle: #91859e;
|
|
--accent: #6001d2;
|
|
--accent-strong: #4b00a6;
|
|
--accent-ink: #fff;
|
|
--danger: #c63f58;
|
|
--warning: #8f6810;
|
|
--success: #28815e;
|
|
--field: #fff;
|
|
--selected: #ede3ff;
|
|
--hover: #f4edff;
|
|
--shadow: rgba(65, 27, 100, .14);
|
|
--folder-bg: #f4f0fb;
|
|
--message-bg: #fff;
|
|
--reader-bg: #fff;
|
|
}
|
|
|
|
html[data-interface-skin="yahoo"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #1a1420;
|
|
--panel: #231a2b;
|
|
--panel-2: #2d2137;
|
|
--panel-3: #392946;
|
|
--sidebar: #1e1726;
|
|
--line: #44334f;
|
|
--line-strong: #685275;
|
|
--text: #f6effb;
|
|
--muted: #c8b9d0;
|
|
--subtle: #9e8ba9;
|
|
--accent: #b686ff;
|
|
--accent-strong: #c9a7ff;
|
|
--accent-ink: #231038;
|
|
--danger: #ef8298;
|
|
--warning: #dfbd61;
|
|
--success: #7ac5a0;
|
|
--field: #1e1726;
|
|
--selected: #493166;
|
|
--hover: #30243a;
|
|
--shadow: rgba(0, 0, 0, .42);
|
|
--folder-bg: #1e1726;
|
|
--message-bg: #231a2b;
|
|
--reader-bg: #231a2b;
|
|
}
|
|
|
|
html[data-interface-skin="hey"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #fff8de;
|
|
--panel: #fffdf4;
|
|
--panel-2: #fff6d0;
|
|
--panel-3: #f5e8ae;
|
|
--sidebar: #fff3c2;
|
|
--line: #eadb99;
|
|
--line-strong: #cbb568;
|
|
--text: #29251c;
|
|
--muted: #756b4d;
|
|
--subtle: #9a8e69;
|
|
--accent: #e5533d;
|
|
--accent-strong: #bd3e2c;
|
|
--accent-ink: #fff;
|
|
--danger: #c73838;
|
|
--warning: #8c6500;
|
|
--success: #35795c;
|
|
--field: #fffdf4;
|
|
--selected: #fff0a8;
|
|
--hover: #fff4c5;
|
|
--shadow: rgba(90, 70, 15, .14);
|
|
--folder-bg: #fff3c2;
|
|
--message-bg: #fffdf4;
|
|
--reader-bg: #fffdf4;
|
|
}
|
|
|
|
html[data-interface-skin="hey"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #211f18;
|
|
--panel: #29271e;
|
|
--panel-2: #333025;
|
|
--panel-3: #403a28;
|
|
--sidebar: #252219;
|
|
--line: #4b4633;
|
|
--line-strong: #70684a;
|
|
--text: #fff7d8;
|
|
--muted: #c9bd91;
|
|
--subtle: #9f9470;
|
|
--accent: #ff8a6e;
|
|
--accent-strong: #ffa18b;
|
|
--accent-ink: #34160f;
|
|
--danger: #f47c7c;
|
|
--warning: #e0bd60;
|
|
--success: #81c29e;
|
|
--field: #252219;
|
|
--selected: #554a25;
|
|
--hover: #363223;
|
|
--shadow: rgba(0, 0, 0, .38);
|
|
--folder-bg: #252219;
|
|
--message-bg: #29271e;
|
|
--reader-bg: #29271e;
|
|
}
|
|
|
|
html[data-interface-skin="nord"][data-theme="light"] {
|
|
color-scheme: light;
|
|
--bg: #eceff4;
|
|
--panel: #f8fafc;
|
|
--panel-2: #eef2f7;
|
|
--panel-3: #e5e9f0;
|
|
--sidebar: #e5e9f0;
|
|
--line: #d2d8e1;
|
|
--line-strong: #b4bfcc;
|
|
--text: #2e3440;
|
|
--muted: #596273;
|
|
--subtle: #7a8494;
|
|
--accent: #5e81ac;
|
|
--accent-strong: #4c6f99;
|
|
--accent-ink: #fff;
|
|
--danger: #bf616a;
|
|
--warning: #a47718;
|
|
--success: #4f806c;
|
|
--field: #f8fafc;
|
|
--selected: #d8dee9;
|
|
--hover: #e7ecf2;
|
|
--shadow: rgba(46, 52, 64, .15);
|
|
--folder-bg: #e5e9f0;
|
|
--message-bg: #f8fafc;
|
|
--reader-bg: #f8fafc;
|
|
}
|
|
|
|
html[data-interface-skin="nord"][data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bg: #2e3440;
|
|
--panel: #343b49;
|
|
--panel-2: #3b4252;
|
|
--panel-3: #434c5e;
|
|
--sidebar: #303744;
|
|
--line: #4c566a;
|
|
--line-strong: #67748c;
|
|
--text: #eceff4;
|
|
--muted: #c3cad6;
|
|
--subtle: #9aa5b6;
|
|
--accent: #88c0d0;
|
|
--accent-strong: #8fbcbb;
|
|
--accent-ink: #223039;
|
|
--danger: #bf616a;
|
|
--warning: #ebcb8b;
|
|
--success: #a3be8c;
|
|
--field: #303744;
|
|
--selected: #46556c;
|
|
--hover: #3b4555;
|
|
--shadow: rgba(0, 0, 0, .36);
|
|
--folder-bg: #303744;
|
|
--message-bg: #343b49;
|
|
--reader-bg: #343b49;
|
|
}
|
|
|
|
html[data-interface-skin="fastmail"] .folder-button.active,
|
|
html[data-interface-skin="fastmail"] .message-row.active,
|
|
html[data-interface-skin="fastmail"] .message-row.selected,
|
|
html[data-interface-skin="fastmail"] .settings-tab.active,
|
|
html[data-interface-skin="apple-mail"] .folder-button.active,
|
|
html[data-interface-skin="apple-mail"] .message-row.active,
|
|
html[data-interface-skin="apple-mail"] .message-row.selected,
|
|
html[data-interface-skin="apple-mail"] .settings-tab.active,
|
|
html[data-interface-skin="yahoo"] .folder-button.active,
|
|
html[data-interface-skin="yahoo"] .message-row.active,
|
|
html[data-interface-skin="yahoo"] .message-row.selected,
|
|
html[data-interface-skin="yahoo"] .settings-tab.active,
|
|
html[data-interface-skin="hey"] .folder-button.active,
|
|
html[data-interface-skin="hey"] .message-row.active,
|
|
html[data-interface-skin="hey"] .message-row.selected,
|
|
html[data-interface-skin="hey"] .settings-tab.active,
|
|
html[data-interface-skin="nord"] .folder-button.active,
|
|
html[data-interface-skin="nord"] .message-row.active,
|
|
html[data-interface-skin="nord"] .message-row.selected,
|
|
html[data-interface-skin="nord"] .settings-tab.active {
|
|
background: var(--selected);
|
|
color: var(--text);
|
|
}
|
|
|
|
html[data-interface-skin="fastmail"] .button.primary,
|
|
html[data-interface-skin="apple-mail"] .button.primary,
|
|
html[data-interface-skin="yahoo"] .button.primary,
|
|
html[data-interface-skin="hey"] .button.primary,
|
|
html[data-interface-skin="nord"] .button.primary {
|
|
background: var(--accent);
|
|
border-color: var(--accent);
|
|
color: var(--accent-ink);
|
|
} |