diff options
author | Thibaut Girka <thib@sitedethib.com> | 2018-09-03 22:05:32 +0200 |
---|---|---|
committer | ThibG <thib@sitedethib.com> | 2018-09-04 16:01:41 +0200 |
commit | 6e771bf6800b47ce299825225f086ebf7aa28a68 (patch) | |
tree | 49775100ba303fffa13f593971ca3b5734b2e39b /app/javascript/flavours/glitch/styles/mastodon-light/variables.scss | |
parent | 36f50be30582b67fe906125e8613e15e3520f423 (diff) |
Light theme overhaul
Diffstat (limited to 'app/javascript/flavours/glitch/styles/mastodon-light/variables.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/mastodon-light/variables.scss | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss b/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss new file mode 100644 index 000000000..36f51f067 --- /dev/null +++ b/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss @@ -0,0 +1,36 @@ +// Dependent colors +$black: #000000; +$white: #ffffff; + +$classic-base-color: #282c37; +$classic-primary-color: #9baec8; +$classic-secondary-color: #d9e1e8; +$classic-highlight-color: #2b90d9; + +$ui-base-color: $classic-secondary-color !default; +$ui-base-lighter-color: darken($ui-base-color, 57%); +$ui-highlight-color: $classic-highlight-color !default; +$ui-primary-color: $classic-primary-color !default; +$ui-secondary-color: $classic-base-color !default; + +$primary-text-color: $black !default; +$darker-text-color: $classic-base-color !default; +$dark-text-color: #444b5d; +$action-button-color: #606984; + +$base-overlay-background: $white !default; + +$inverted-text-color: $black !default; +$lighter-text-color: $classic-base-color !default; +$light-text-color: #444b5d; + +$account-background-color: $white !default; + +//Invert darkened and lightened colors +@function darken($color, $amount) { + @return hsl(hue($color), saturation($color), lightness($color) + $amount); +} + +@function lighten($color, $amount) { + @return hsl(hue($color), saturation($color), lightness($color) - $amount); +} |