pinafore/static/theme-ozark.css
Nolan Lawson 4bd181d3cc
fix: update Sapper to latest (#775)
* fix: update to latest sapper

fixes #416

* fix error and debug pages

* requestIdleCallback makes column switching feel way nicer than double rAF

* add export feature

* add better csp info

* workaround for sapper sub-page issue

* clarify in readme about exporting

* fix now config

* switch from rIC to triple raf

* style-loader is no longer used

* update theming guide
2018-12-11 07:31:48 -08:00

2 lines
3.6 KiB
CSS

:root{--button-primary-bg: #6a79ba;--button-primary-text: #f6f6ff;--button-primary-border: #212847;--button-primary-bg-active: #5566b1;--button-primary-bg-hover: #717fbe;--button-bg: #0d0e14;--button-text: #fafaff;--button-border: #191b27;--button-bg-active: #000;--button-bg-hover: #171924;--input-border: #414765;--input-bg: #212433;--anchor-text: #98a2cf;--main-bg: #212433;--body-bg: #0f1427;--body-text-color: #fafaff;--main-border: #414765;--svg-fill: #5263af;--form-bg: #1b1d2a;--form-border: #2d3146;--nav-bg: #5263af;--nav-border: #414f8d;--nav-a-border: #5263af;--nav-a-selected-border: #f6f6ff;--nav-a-selected-bg: #7582bf;--nav-svg-fill: #f6f6ff;--nav-text-color: #f6f6ff;--nav-a-selected-border-hover: #f6f6ff;--nav-a-selected-bg-hover: #8692c7;--nav-a-bg-hover: #6373b7;--nav-a-border-hover: #5263af;--nav-svg-fill-hover: #f6f6ff;--nav-text-color-hover: #f6f6ff;--action-button-fill-color: #919ccc;--action-button-fill-color-hover: #9fa8d2;--action-button-fill-color-active: #6373b7;--action-button-fill-color-pressed: #465597;--action-button-fill-color-pressed-hover: #4e5fa9;--action-button-fill-color-pressed-active: #39457b;--action-button-deemphasized-fill-color: #666;--action-button-deemphasized-fill-color-hover: #9e9e9e;--action-button-deemphasized-fill-color-active: #737373;--action-button-deemphasized-fill-color-pressed: #545454;--action-button-deemphasized-fill-color-pressed-hover: #616161;--action-button-deemphasized-fill-color-pressed-active: #404040;--settings-list-item-bg: #212433;--settings-list-item-text: #5263af;--settings-list-item-text-hover: #5263af;--settings-list-item-border: #414765;--settings-list-item-bg-active: #0d0e14;--settings-list-item-bg-hover: #1d202d;--toast-bg: #151c36;--toast-border: #5263af;--toast-text: #f6f6ff;--mask-bg: #151c36;--mask-svg-fill: #f6f6ff;--mask-opaque-bg: rgba(21,28,54,0.8);--loading-bg: #ededed;--account-profile-bg-backdrop-filter: rgba(33,36,51,0.7);--account-profile-bg: rgba(33,36,51,0.9);--deemphasized-text-color: #666;--focus-outline: #414f8d;--very-deemphasized-link-color: rgba(152,162,207,0.6);--very-deemphasized-text-color: rgba(102,102,102,0.6);--status-direct-background: #080b15;--main-theme-color: #5263af;--warning-color: #e01f19;--alt-input-bg: rgba(33,36,51,0.7);--muted-modal-bg: transparent;--muted-modal-focus: #999;--muted-modal-hover: rgba(255,255,255,0.2);--compose-autosuggest-item-hover: #3e4b86;--compose-autosuggest-item-active: #364174;--compose-autosuggest-outline: #49599e;--compose-button-halo: rgba(255,255,255,0.1)}:root{--action-button-deemphasized-fill-color: #888fb2;--action-button-deemphasized-fill-color-hover: #cccfde;--action-button-deemphasized-fill-color-active: #979dbc;--action-button-deemphasized-fill-color-pressed: #727aa4;--action-button-deemphasized-fill-color-pressed-hover: #8289ae;--action-button-deemphasized-fill-color-pressed-active: #5d6690;--loading-bg: #ededed;--deemphasized-text-color: #888fb2;--very-deemphasized-link-color: rgba(152,162,207,0.8);--very-deemphasized-text-color: #616a96;--status-direct-background: #080b15;--main-theme-color: #5263af;--warning-color: #c7423d;--alt-input-bg: rgba(33,36,51,0.7);--muted-modal-bg: transparent;--muted-modal-focus: #999;--muted-modal-hover: rgba(255,255,255,0.2);--compose-button-halo: rgba(0,0,0,0.1);--compose-autosuggest-item-hover: #353a52;--compose-autosuggest-item-active: #3f4561;--compose-autosuggest-outline: #6c74a0}:root{--scrollbar-face-color: #6373b7;--scrollbar-track-color: #192141;--scrollbar-border-radius: 0;--scrollbar-face-color-hover: #6a79ba;--scrollbar-face-color-active: #5c6cb4;--scrollbar-width: 12px;--scrollbar-height: 12px;--scrollbar-background-color: transparent}