diff options
| author | YaQ <i_k_o_m_a_7@yahoo.co.jp> | 2017-10-18 05:20:07 +0900 |
|---|---|---|
| committer | unarist <m.unarist@gmail.com> | 2017-10-18 05:20:07 +0900 |
| commit | 6e5471947438fc5883e72b8184663564ffadee28 (patch) | |
| tree | 9593a5bbd3a3a7e514cea03faabe2320410a57ac /app/javascript/styles/mastodon/variables.scss | |
| parent | f3003417c5e109f41912b3595536c6adae81c97b (diff) | |
Make theme directory and Rename application.scss (#5336)
* Rename application.scss * Move to 'default' directory * Follow review Move directory, and Rename "mastodon". * Revert rename * undo removal of newline
Diffstat (limited to 'app/javascript/styles/mastodon/variables.scss')
| -rw-r--r-- | app/javascript/styles/mastodon/variables.scss | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/app/javascript/styles/mastodon/variables.scss b/app/javascript/styles/mastodon/variables.scss new file mode 100644 index 000000000..52c8cd1cf --- /dev/null +++ b/app/javascript/styles/mastodon/variables.scss @@ -0,0 +1,29 @@ +// Commonly used web colors +$black: #000000; // Black +$white: #ffffff; // White +$success-green: #79bd9a; // Padua +$error-red: #df405a; // Cerise +$warning-red: #ff5050; // Sunset Orange +$gold-star: #ca8f04; // Dark Goldenrod + +// Values from the classic Mastodon UI +$classic-base-color: #282c37; // Midnight Express +$classic-primary-color: #9baec8; // Echo Blue +$classic-secondary-color: #d9e1e8; // Pattens Blue +$classic-highlight-color: #2b90d9; // 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 |