about summary refs log tree commit diff
path: root/app/javascript/styles/reset.scss
diff options
context:
space:
mode:
authorMatt Jankowski <mjankowski@thoughtbot.com>2017-05-08 09:57:49 -0400
committerEugen Rochko <eugen@zeonfederated.com>2017-05-08 15:57:49 +0200
commitb85dec2b976e0bea9f7a3ede832f3c8e16c8e2ef (patch)
treec33e5e6ba9e9badf164d721e048925db0eb66127 /app/javascript/styles/reset.scss
parentcbd673601c5f762d71f65404c3b7ad5b3751ee8c (diff)
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.
Diffstat (limited to 'app/javascript/styles/reset.scss')
-rw-r--r--app/javascript/styles/reset.scss16
1 files changed, 8 insertions, 8 deletions
diff --git a/app/javascript/styles/reset.scss b/app/javascript/styles/reset.scss
index 71064cc31..cc5ba9d7c 100644
--- a/app/javascript/styles/reset.scss
+++ b/app/javascript/styles/reset.scss
@@ -59,31 +59,31 @@ table {
 }
 
 ::-webkit-scrollbar-thumb {
-  background: lighten($color1, 4%);
-  border: 0px none $color5;
+  background: lighten($ui-base-color, 4%);
+  border: 0px none $base-border-color;
   border-radius: 50px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: lighten($color1, 6%);
+  background: lighten($ui-base-color, 6%);
 }
 
 ::-webkit-scrollbar-thumb:active {
-  background: lighten($color1, 4%);
+  background: lighten($ui-base-color, 4%);
 }
 
 ::-webkit-scrollbar-track {
-  border: 0px none $color5;
+  border: 0px none $base-border-color;
   border-radius: 0;
-  background: rgba($color8, 0.1);
+  background: rgba($base-overlay-background, 0.1);
 }
 
 ::-webkit-scrollbar-track:hover {
-  background: $color1;
+  background: $ui-base-color;
 }
 
 ::-webkit-scrollbar-track:active {
-  background: $color1;
+  background: $ui-base-color;
 }
 
 ::-webkit-scrollbar-corner {