mastodon/app/javascript/styles/variables.scss

// Commonly used web colors
$black: #3b3633;            // Black
$white: #fafafa;            // White
$success-green: #3e935b;    // Padua
$error-red: #a3360a;        // Cerise
$warning-red: #f9dfb6;      // Sunset Orange
$gold-star: #faa41a;        // Dark Goldenrod

// Values from the classic Mastodon UI
$classic-base-color: #49423e;         // Midnight Express
$classic-primary-color: #c9c7c5;      // Echo Blue
$classic-secondary-color: #ebe9e8;    // Pattens Blue
$classic-highlight-color: #48b9c7;    // Summer Sky

// Variables for defaults in UI
$base-shadow-color: $black !default;
$base-overlay-background: $black !default;
$base-border-color: $white !default;
$simple-background-color: $white !default;
$primary-text-color: $white !default;
$valid-value-color: $success-green !default;
$error-value-color: $error-red !default;

// Tell UI to use selected colors
$ui-base-color: $classic-base-color !default;                  // Darkest
$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest
$ui-primary-color: $classic-primary-color !default;            // Lighter
$ui-secondary-color: $classic-secondary-color !default;        // Lightest
$ui-highlight-color: $classic-highlight-color !default;        // Vibrant
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement. 2017-05-08 13:57:49 +00:00			`// Commonly used web colors`
Change colors! Yay! 2017-09-05 18:58:47 +00:00			`$black: #3b3633; // Black`
Don't duplicate colors, makes bad profile pages 2017-09-05 19:55:18 +00:00			`$white: #fafafa; // White`
Change colors! Yay! 2017-09-05 18:58:47 +00:00			`$success-green: #3e935b; // Padua`
			`$error-red: #a3360a; // Cerise`
			`$warning-red: #f9dfb6; // Sunset Orange`
			`$gold-star: #faa41a; // Dark Goldenrod`
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement. 2017-05-08 13:57:49 +00:00
			`// Values from the classic Mastodon UI`
Change colors! Yay! 2017-09-05 18:58:47 +00:00			`$classic-base-color: #49423e; // Midnight Express`
			`$classic-primary-color: #c9c7c5; // Echo Blue`
			`$classic-secondary-color: #ebe9e8; // Pattens Blue`
			`$classic-highlight-color: #48b9c7; // Summer Sky`
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement. 2017-05-08 13:57:49 +00:00
			`// Variables for defaults in UI`
Allow SCSS variables to be overridden (#2987) * Allow SCSS variables to be overridden with `app/javascript/pack/variables.scss` Allow these SCSS variables to be overriden: * `$base-shadow-color` * `$base-overlay-background` * `$base-border-color` * `$simple-background-color` * `$primary-text-color` * `$valid-value-color * `$error-value-color` 2017-05-12 17:22:50 +00:00			`$base-shadow-color: $black !default;`
			`$base-overlay-background: $black !default;`
			`$base-border-color: $white !default;`
			`$simple-background-color: $white !default;`
			`$primary-text-color: $white !default;`
			`$valid-value-color: $success-green !default;`
			`$error-value-color: $error-red !default;`
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement. 2017-05-08 13:57:49 +00:00
			`// Tell UI to use selected colors`
Redesign extended information page (#4322) * Redesign extended information page * Remove unused keys * Add $ui-base-lighter-color variable to SCSS 2017-07-24 13:09:08 +00:00			`$ui-base-color: $classic-base-color !default; // Darkest`
			`$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest`
			`$ui-primary-color: $classic-primary-color !default; // Lighter`
			`$ui-secondary-color: $classic-secondary-color !default; // Lightest`
			`$ui-highlight-color: $classic-highlight-color !default; // Vibrant`