Update colors to be more subtle

TryGhost · Jan 21, 2019 · 31f733a · 31f733a
1 parent 8a14eef
commit 31f733a
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/app/styles/app-dark.css b/app/styles/app-dark.css
@@ -89,13 +89,13 @@ input:focus,
 .gh-input:focus,
 .gh-select:focus,
 .gh-select select:focus {
-    border-color: color-mod(var(--darkgrey) l(-27%) blackness(15%));
+    border-color: color-mod(var(--lightgrey) l(+10%));
 }
 
 .for-checkbox label:hover input:not(:checked) + .input-toggle-component,
 .for-radio label:hover input:not(:checked) + .input-toggle-component {
     /* light=>dark theme => lightgrey=>middarkgrey */
-    border-color: color-mod(var(--middarkgrey) l(-15%) s(-10%));
+    border-color: color-mod(var(--lightgrey) l(+10%));
 }
 
 .gh-nav,
@@ -164,16 +164,19 @@ input:focus,
     color: color-mod(var(--darkgrey) l(-27%) blackness(+15%));
     text-shadow: none;
 }
+
 .gh-btn:hover:not(.gh-btn-link) {
-    border-color: color-mod(var(--darkgrey) l(-27%));
-    color: color-mod(var(--darkgrey) l(-27%));
+    border-color: color-mod(var(--darkgrey) l(-10%));
+    color: color-mod(var(--darkgrey) l(-10%));
 }
+
 .gh-btn-blue,
 .gh-btn-green,
 .gh-btn-red {
     color: #fff;
     border: 0;
 }
+
 .gh-btn-blue:hover,
 .gh-btn-green:hover,
 .gh-btn-red:hover {