diff --git a/app/javascript/flavours/glitch/styles/tentacle/diff.scss b/app/javascript/flavours/glitch/styles/tentacle/diff.scss index 883696b52..916cd434b 100644 --- a/app/javascript/flavours/glitch/styles/tentacle/diff.scss +++ b/app/javascript/flavours/glitch/styles/tentacle/diff.scss @@ -212,17 +212,19 @@ color: white; } - .status__prepend + .status__prepend, + .notification__message { margin-top: 0; margin-bottom: 0; } - .status__prepend span + .status__prepend span, + .notification__message span { - font-size: 0 !important; - color: transparent !important; + color: #332233 !important; } - .status__prepend span a * + .status__prepend span a *, + .notification__message span a * { color:#fff } 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; -$simple-background-color: #000; +$font-sans-serif: 'mastodon-font-sans-serif' !default; +$font-display: 'mastodon-font-display' !default; +$font-monospace: 'mastodon-font-monospace' !default; + +$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;