diff options
Diffstat (limited to 'app/javascript')
-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; |