From 09e7807be1b3c98ffe35f2b295cf393ed2f4533b Mon Sep 17 00:00:00 2001
From: Andrew <andrewLchronister@gmail.com>
Date: Tue, 19 Dec 2017 02:18:18 -0800
Subject: [PATCH] Fix icon button contrast, boost button especially, muted text
 in notifications column

---
 app/javascript/styles/light.scss | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/app/javascript/styles/light.scss b/app/javascript/styles/light.scss
index 5d7249579..172f53758 100644
--- a/app/javascript/styles/light.scss
+++ b/app/javascript/styles/light.scss
@@ -8,19 +8,26 @@ $primary-text-color: #382b32;
 
 $header-color: $ui-primary-color;
 $header-text-color: #fff;
+$icon-button-inactive-color: lighten(desaturate($ui-base-lighter-color, 20%), 20%);
+
 
 $about-page-text: $primary-text-color;
 
 @import 'application';
 
+$ui-base-lighter-color: $icon-button-inactive-color;
+@import 'mastodon/boost';
+$ui-base-lighter-color: darken($ui-base-color, 40%); // Lighter darkest
+
 $gold-star: #dd9d08;
 
 /* cybre-specific additions */
 
 .column .static-content.getting-started {
   background-image: url('../images/logo-cybre-light.png');
-  background-size:50% 50%;
+  background-size:auto 50%;
   background-position: 50% 75%;
+  background-repeat:no-repeat;
 }
 
 .ui, body {
@@ -235,21 +242,21 @@ button.icon-button {
   }
 
   &.disabled {
-    color: lighten($ui-base-lighter-color, 20%);
+    color: desaturate($icon-button-inactive-color, 5%);
 
     &:hover,
     &:active,
     &:focus {
-      color: lighten($ui-base-lighter-color, 20%);
+      color: desaturate($icon-button-inactive-color, 5%);
     }
   }
 
-  color: lighten(desaturate($ui-base-lighter-color, 20%), 20%);
+  color: $icon-button-inactive-color;
 
   &:hover,
   &:active,
   &:focus {
-    color: darken($ui-base-lighter-color, 5%);
+    color: darken($icon-button-inactive-color, 5%);
   }
 }
 
@@ -413,6 +420,11 @@ button.icon-button {
     }
   }
 }
+
+.muted .status__content p {
+  color: $icon-button-inactive-color;
+}
+
 .dropdown-menu__item {
   & > a {
     color: $primary-text-color;
@@ -514,7 +526,7 @@ button.icon-button {
 .drawer .drawer__inner {
   overflow: visible;
   height:inherit;
-  background-color:$ui-base-alt;
+  background:$ui-base-alt;
 }
 
 .drawer__pager {