From ad81a82ea44931e70cd86230cb92a8f791d8d6d0 Mon Sep 17 00:00:00 2001 From: multiple creatures Date: Thu, 15 Aug 2019 10:38:58 -0500 Subject: [PATCH] initial fixes of orctober colors --- .../flavours/glitch/styles/orctober/diff.scss | 9 ++++++--- .../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;