about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/tentacle/variables.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/javascript/flavours/glitch/styles/tentacle/variables.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/tentacle/variables.scss45
1 files changed, 37 insertions, 8 deletions
diff --git a/app/javascript/flavours/glitch/styles/tentacle/variables.scss b/app/javascript/flavours/glitch/styles/tentacle/variables.scss
index d4a7ad691..0b0a41e84 100644
--- a/app/javascript/flavours/glitch/styles/tentacle/variables.scss
+++ b/app/javascript/flavours/glitch/styles/tentacle/variables.scss
@@ -1,16 +1,20 @@
 $classic-base-color: #956;
 $classic-primary-color: #302;
-$classic-secondary-color: #624;
-$classic-highlight-color: #845;
+$classic-secondary-color: $white; //624
+$classic-highlight-color: #845; //845
 
-$primary-text-color: #fac;
+$media-modal-media-max-width: 100%;
+$media-modal-media-max-height: 80%;
 
-$ui-base-color: $classic-base-color;
-$ui-primary-color: $classic-primary-color;
-$ui-secondary-color: $classic-secondary-color;
-$ui-highlight-color: $classic-highlight-color;
+$no-gap-breakpoint: 415px;
+
+$font-sans-serif: 'mastodon-font-sans-serif' !default;
+$font-display: 'mastodon-font-display' !default;
+$font-monospace: 'mastodon-font-monospace' !default;
 
-$simple-background-color: #000;
+$ui-avatar-border-size: 8%;
+
+$dismiss-overlay-width: 4rem;
 
 $error-column: #fac;
 
@@ -33,3 +37,28 @@ $status_actions_bg: #967;
 
 $cw_bg: #623;
 $cw_text: #956;
+
+$base-shadow-color: $black;
+$base-overlay-background: $black;
+$base-border-color: $white;
+
+$simple-background-color: $black;
+$valid-value-color: $success-green;
+$error-value-color: $error-red;
+
+$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: #fac;
+$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;