pinafore/scss/themes/ozark.scss
Spanky 3a7d887531 Added 'Ozark' dark blue color theme (#62)
* added Ozark theme, based off of a personal color scheme I use elsewhere.

* fixed incorrect main color value
2018-04-10 20:02:28 -07:00

45 lines
1.5 KiB
SCSS

$main-theme-color: #5263af;
$body-bg-color: #0f1427;
$main-bg-color: #212433;
$anchor-color: lighten($main-theme-color, 20%);
$main-text-color: #fafaff;
$border-color: lighten($main-bg-color, 16%);
$secondary-text-color: #f6f6ff;
$toast-border: $main-theme-color;
$toast-bg: lighten($body-bg-color, 4%);
$focus-outline: darken($main-theme-color, 10%);
$compose-background: darken($main-theme-color, 12%);
@import "_base.scss";
body.theme-ozark {
@include baseTheme();
$deemphasized-color: lighten($main-bg-color, 45%);
--action-button-deemphasized-fill-color: $deemphasized-color;
--action-button-deemphasized-fill-color-hover: lighten($deemphasized-color, 22%);
--action-button-deemphasized-fill-color-active: lighten($deemphasized-color, 5%);
--action-button-deemphasized-fill-color-pressed: darken($deemphasized-color, 7%);
--action-button-deemphasized-fill-color-pressed-hover: darken($deemphasized-color, 2%);
--action-button-deemphasized-fill-color-pressed-active: darken($deemphasized-color, 15%);
--loading-bg: #ededed;
--deemphasized-text-color:$deemphasized-color;
--very-deemphasized-link-color: rgba($anchor-color, 0.6);
--very-deemphasized-text-color: lighten($main-bg-color, 12%);
--status-direct-background: darken($body-bg-color, 5%);
--main-theme-color: $main-theme-color;
--warning-color: #c7423d;
--alt-input-bg: rgba($main-bg-color, 0.7);
--muted-modal-bg: transparent;
--muted-modal-focus: #999;
--muted-modal-hover: rgba(255, 255, 255, 0.2);
--compose-button-halo: rgba(255, 255, 255, 0.1);
}