|
|
| Line 1: |
Line 1: |
| /** Mild mode: light gray palette **/
| |
|
| |
|
| /**/ :root, /* Make it the default palette */
| |
| :root.mild {
| |
| /* Dark mode colors inverted for text */
| |
| --text-shade-1: #000;
| |
| --text-shade-2: #222;
| |
| --text-shade-3: #444;
| |
| --text-shade-4: #666;
| |
|
| |
| /* Handpicked green palette for links */
| |
| --link-shade-1: #060;
| |
| --link-shade-2: #482;
| |
| --link-shade-3: #460;
| |
| --link-shade-4: #4a4;
| |
| --link-focus-bg: #4169e140; /* royalblue + alpha 25% */
| |
| --link-focus-bg: #46d3; /* royalblue + alpha 20%, rounded */
| |
|
| |
| /* Handpicked light gray palette for background */
| |
| --bg-overlay-0: #9998;
| |
| --bg-shadow-0: #0004;
| |
| --popup-bg: #cccd;
| |
| --popup-anim-bg: var(--bg-shade-6);
| |
| --popup-anim-bg: #999c; /* darken(var(--popup-bg), 2) */
| |
| --popup-anim-bg: #333c;
| |
| --popup-anim-bg: #0006; /* invert dark */
| |
| --bg-shadow-1: var(--bg-shade-0);
| |
| --bg-shade-0: #999;
| |
| --bg-shade-1: #aaa;
| |
| --bg-shade-2: #bbb;
| |
| --bg-shade-3: #ddd;
| |
| --border-shade-3: var(--bg-shade-2);
| |
| --bg-shade-3a: #e1e1e1; /* +7: +4 */
| |
| /* --bg-shade-4: #e5e5e5; */ /* +6: +4 */
| |
| --bg-shade-4: #e8e8e8; /* +6: +7 */ /* table row 1 */
| |
| --border-shade-4: var(--bg-shade-2);
| |
| --bg-shade-48: #e8e8e8; /* +4 :+3 */
| |
| --bg-shade-4a: #eaeaea; /* +2 */
| |
| --bg-shade-50: #eeeeee; /* +6: +4 */
| |
| --bg-shade-5: #f2f2f2; /* +5: +4 */ /* table row 2 */
| |
| --bg-shade-6: #fff; /* +17: +13 */
| |
|
| |
| /* Difference view: gray, red and green with highlights */
| |
| --diff-bg: #fff2; /* brighten -- add some white with transparency -> #e1e1e1 */
| |
| --diff-bg: #fff4; /* brighten -- add some white with transparency -> #e6e6e6 */
| |
| --diff-bg: #fff5; /* brighten -- add some white with transparency -> #e8e8e8 */
| |
| --diff-bg: #fff7; /* brighten -- add some white with transparency -> #ededed */
| |
| --diff-bg: #fff8; /* brighten -- add some white with transparency -> #efefef */
| |
| --diff-bg: var(--bg-shade-4); /* #e8e8e8 */
| |
| --diff-text: #222;
| |
| --diff-text: var(--text-shade-2); /* #222 */
| |
|
| |
| /* --diff-add-bg: #0f04; */ /* bit bright */
| |
| --diff-add-bg: #0f03; /* add some green to --bg-shade-3 -> #b1e2b6 */
| |
| --diff-add-bg: #aea; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
| |
| --diff-add-bg: #beb; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
| |
| --diff-add-bg: #bdb; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
| |
| --diff-add-bg: #ada; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
| |
| --diff-add-bg-1: #0f05; /* add more green -> #3fef47 */
| |
| --diff-add-bg-1: #4e4; /* #ada + #0f05 -> #3fef47 rounded */
| |
| --diff-add-bg-1: #6d6; /* #ada + #0f05 -> #3fef47, darker */
| |
| --diff-add-bg-1: #5d5; /* #ada + #0f05 -> #3fef47, darker */
| |
|
| |
| /* --diff-del-bg: #f004; */ /* bit bright */
| |
| --diff-del-bg: #f003; /* add some red to --bg-shade-3 -> #e6b5b5 */
| |
| --diff-del-bg: #eaa; /* #e8e8e8 + #f003 -> #e6b5b5 rounded */
| |
| --diff-del-bg-1: #f005; /* add more red -> #f57978 */
| |
| --diff-del-bg-1: #e77; /* #533 + #f005 -> #f57978 rounded */
| |
| --diff-del-bg-1: #e66; /* #533 + #f005 -> #f57978 rounded, bit darker */
| |
| --diff-del-bg-1: #e55; /* #533 + #f005 -> #f57978, darker */
| |
|
| |
| --image-invert: '';
| |
| }
| |