diff options
author | Thibaut Girka <thib@sitedethib.com> | 2018-05-25 18:59:02 +0200 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2018-05-25 18:59:02 +0200 |
commit | 11cc2e099ae44a73a1a3e1aa606d607551d3d021 (patch) | |
tree | 2bb72be7d5db25ca5f1ae7ff6cf5944d419f4922 /app/javascript/styles/mastodon-light/variables.scss | |
parent | 9b75a1310420fdacaf2831585394635a01eef9e5 (diff) | |
parent | c7ac0396975ba8f8c46edbd504d0ce1c582d1a4b (diff) |
Merge branch 'master' into glitch-soc/merge-master
Conflicts: app/javascript/styles/mastodon-light.scss config/themes.yml Removed config/themes.yml, took upstream's mastodon-light.scss
Diffstat (limited to 'app/javascript/styles/mastodon-light/variables.scss')
-rw-r--r-- | app/javascript/styles/mastodon-light/variables.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/app/javascript/styles/mastodon-light/variables.scss b/app/javascript/styles/mastodon-light/variables.scss new file mode 100644 index 000000000..4be454e66 --- /dev/null +++ b/app/javascript/styles/mastodon-light/variables.scss @@ -0,0 +1,38 @@ +// Dependent colors +$black: #000000; +$white: #ffffff; + +$classic-base-color: #282c37; +$classic-primary-color: #9baec8; +$classic-secondary-color: #d9e1e8; +$classic-highlight-color: #2b90d9; + +// Differences +$base-overlay-background: $white; + +$ui-base-color: $classic-secondary-color !default; +$ui-base-lighter-color: #b0c0cf; +$ui-primary-color: #9bcbed; +$ui-secondary-color: $classic-base-color !default; +$ui-highlight-color: #2b5fd9; + +$primary-text-color: $black !default; +$darker-text-color: $classic-base-color !default; +$dark-text-color: #444b5d; +$action-button-color: #606984; + +$inverted-text-color: $black !default; +$lighter-text-color: $classic-base-color !default; +$light-text-color: #444b5d; + +//Newly added colors +$account-background-color: $white; + +//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); +} |