diff --git a/app/javascript/styles/light-pink.scss b/app/javascript/styles/light-pink.scss new file mode 100644 index 000000000..74eb7d931 --- /dev/null +++ b/app/javascript/styles/light-pink.scss @@ -0,0 +1,3 @@ +@import 'light-pink/variables'; +@import 'application'; +@import 'mastodon-light/diff'; \ No newline at end of file diff --git a/app/javascript/styles/light-pink/variables.scss b/app/javascript/styles/light-pink/variables.scss new file mode 100644 index 000000000..75446b9ca --- /dev/null +++ b/app/javascript/styles/light-pink/variables.scss @@ -0,0 +1,44 @@ +// Dependent colors +$black: #000000; +$white: #ffffff; + +$classic-base-color: #6e202f; +$classic-primary-color: #ffa7ae; +$classic-secondary-color: #faeef1; +$classic-highlight-color: #ff375b; + +// Differences +$success-green: lighten(#3c754d, 8%); + +$base-overlay-background: $white !default; +$valid-value-color: $success-green !default; + +$ui-base-color: $classic-secondary-color !default; +$ui-base-lighter-color: #ffe1e9; +$ui-primary-color: #f1adbf; +$ui-secondary-color: $classic-base-color !default; +$ui-highlight-color: $classic-highlight-color !default; + +$primary-text-color: $black !default; +$darker-text-color: $classic-base-color !default; +$highlight-text-color: darken($ui-highlight-color, 8%) !default; +$dark-text-color: #6e202f; +$action-button-color: #ffa7ae; + +$inverted-text-color: $black !default; +$lighter-text-color: $classic-base-color !default; +$light-text-color: #ffa7ae; + +// Newly added colors +$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); +} + +$emojis-requiring-inversion: 'chains'; \ No newline at end of file diff --git a/config/themes.yml b/config/themes.yml index 9c21c9459..b290f909a 100644 --- a/config/themes.yml +++ b/config/themes.yml @@ -1,3 +1,4 @@ default: styles/application.scss contrast: styles/contrast.scss mastodon-light: styles/mastodon-light.scss +light-pink: styles/light-pink.scss \ No newline at end of file