diff options
| author | multiple creatures <dev@multiple-creature.party> | 2019-08-15 10:38:58 -0500 |
|---|---|---|
| committer | multiple creatures <dev@multiple-creature.party> | 2019-08-15 10:38:58 -0500 |
| commit | ad81a82ea44931e70cd86230cb92a8f791d8d6d0 (patch) | |
| tree | c844c8aad666d4d2b2c90f5605740888ab8ea4d6 | |
| parent | c8a9f38bcd5a891968b34842c372b6cefa7f8f97 (diff) | |
initial fixes of orctober colors
| -rw-r--r-- | app/javascript/flavours/glitch/styles/orctober/diff.scss | 9 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/orctober/variables.scss | 18 |
2 files changed, 23 insertions, 4 deletions
diff --git a/app/javascript/flavours/glitch/styles/orctober/diff.scss b/app/javascript/flavours/glitch/styles/orctober/diff.scss index 518422e59..521a02c84 100644 --- a/app/javascript/flavours/glitch/styles/orctober/diff.scss +++ b/app/javascript/flavours/glitch/styles/orctober/diff.scss @@ -216,12 +216,15 @@ } .status__display-name strong { display: inherit !important } - .status__prepend span { color: #fff } + .status__prepend span, .notification__message span { + color: #333322; + } .notification__display-name, .status__display-name.muted, .status__display-name.muted strong, - .status__prepend .status__display-name { + .status__prepend .status__display-name, + .notification__message .status__display-name { color: #774 !important; font-size: 14px !important; } @@ -292,7 +295,7 @@ .account__action-bar, .account__disclaimer { background: #001611 !important } - .icon-button { color: #664 } + .icon-button { color: #692 } .account__header__display-name, .account__header__username { font-variant: small-caps !important } diff --git a/app/javascript/flavours/glitch/styles/orctober/variables.scss b/app/javascript/flavours/glitch/styles/orctober/variables.scss index 8c17c237a..bb6f551c3 100644 --- a/app/javascript/flavours/glitch/styles/orctober/variables.scss +++ b/app/javascript/flavours/glitch/styles/orctober/variables.scss @@ -1,10 +1,26 @@ $classic-base-color: #341; $classic-primary-color: #cda; -$classic-secondary-color: #563; +$classic-secondary-color: #8a6; $classic-highlight-color: #694; $ui-base-color: $classic-base-color; $ui-primary-color: $classic-primary-color; $ui-secondary-color: $classic-secondary-color; $ui-highlight-color: $classic-highlight-color; + +$ui-base-color: $classic-base-color; // Darkest +$ui-base-lighter-color: lighten($ui-base-color, 26%); // Lighter darkest +$ui-primary-color: $classic-primary-color; // Lighter +$ui-secondary-color: $classic-secondary-color; // Lightest +$ui-highlight-color: $classic-highlight-color; + $primary-text-color: #cda; +$darker-text-color: $ui-primary-color; +$dark-text-color: $ui-base-lighter-color; +$secondary-text-color: $ui-secondary-color; +$highlight-text-color: $ui-highlight-color; +$action-button-color: $ui-base-lighter-color; + +$inverted-text-color: $ui-base-color; +$lighter-text-color: $ui-base-lighter-color; +$light-text-color: $ui-primary-color; |