about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authormultiple creatures <dev@multiple-creature.party>2019-08-18 20:04:32 -0500
committermultiple creatures <dev@multiple-creature.party>2019-08-18 20:04:32 -0500
commit20010fa261c49b496ddca894dd90b722e2eeaa50 (patch)
treee0544d3dfe8d532d32a7fa936c074a2a0175db6c /app/javascript/flavours/glitch/styles
parent88fa00c35a6dd91711035f6ad1835ac83382164b (diff)
another round of adjusting arachnea colors
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r--app/javascript/flavours/glitch/styles/arachnia/diff.scss20
-rw-r--r--app/javascript/flavours/glitch/styles/arachnia/variables.scss6
2 files changed, 21 insertions, 5 deletions
diff --git a/app/javascript/flavours/glitch/styles/arachnia/diff.scss b/app/javascript/flavours/glitch/styles/arachnia/diff.scss
index ebdd1bb37..e6f5359e3 100644
--- a/app/javascript/flavours/glitch/styles/arachnia/diff.scss
+++ b/app/javascript/flavours/glitch/styles/arachnia/diff.scss
@@ -173,6 +173,9 @@
 		color: #fff !important;
 	}
 
+  .poll__text input[type="text"], .compose-form__poll-wrapper select {
+    background: $ui-primary-color;
+  }
 
 	// Search box: darken
 	.search__input {
@@ -180,6 +183,11 @@
 		border: 1px solid #201 !important;
 	}
 
+  .drawer--search--popout {
+    background: #160011;
+    h4, em { color: $lighter-text-color; }
+  }
+
 	// Tootbox
 	.autosuggest-textarea__textarea,
 	.compose-form__modifiers,
@@ -284,7 +292,6 @@
 	// TL status prefix:  text shouldn't clip icon
 	//.display-name { max-width: calc(100% - 32px) !important; }
 
-
 	// TL status: muted text
 	.muted .status__content p { color: #a9a !important; }
 
@@ -295,6 +302,15 @@
 	// Expanded status: action bars
 	.account__disclaimer, .account__action-bar { background: #160011 !important; }
 
+  .boost-modal__action-bar,
+  .doodle-modal__action-bar,
+  .favourite-modal__action-bar,
+  .confirmation-modal__action-bar,
+  .mute-modal__action-bar {
+    background: #805;
+    div { color: $light-text-color; }
+  }
+
 	// Default icon button color
 	.icon-button { color: #604; }
 
@@ -357,7 +373,7 @@
 
 	.column-header.active>.column-header__icon,
 	.icon-button.active {
-		color: #c08 !important;
+		color: $inverted-text-color !important;
 		transform: scale(1.5);
 
 		-moz-transition: all 1s ease-in-out;
diff --git a/app/javascript/flavours/glitch/styles/arachnia/variables.scss b/app/javascript/flavours/glitch/styles/arachnia/variables.scss
index 596501bce..c7a4dd11b 100644
--- a/app/javascript/flavours/glitch/styles/arachnia/variables.scss
+++ b/app/javascript/flavours/glitch/styles/arachnia/variables.scss
@@ -1,4 +1,4 @@
-$classic-base-color: #160011;
+$classic-base-color: #302;
 $classic-primary-color: #c69;
 $classic-secondary-color: #906;
 $classic-highlight-color: #c08;
@@ -7,7 +7,7 @@ $base-shadow-color: $black;
 $base-overlay-background: $black;
 $base-border-color: $white;
 
-$simple-background-color: $black;
+$simple-background-color: #c69;
 $valid-value-color: $success-green;
 $error-value-color: $error-red;
 
@@ -24,6 +24,6 @@ $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;
+$inverted-text-color: $white;
 $lighter-text-color: $ui-base-lighter-color;
 $light-text-color: $ui-primary-color;