initial fixes of orctober colors

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;