From 6c93b1bea86a1ef7bfb346457d9ec49b6d714f1c Mon Sep 17 00:00:00 2001
From: Vikas Potluri <vikaspotluri123.github@gmail.com>
Date: Tue, 22 Jan 2019 03:26:38 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20clean=20up=20hover=20state=20bor?=
 =?UTF-8?q?ders=20in=20night=20shift=20(#1077)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

no issue
---
 ghost/admin/app/styles/app-dark.css | 32 +++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css
index 298fd2c877..73b69dc2af 100644
--- a/ghost/admin/app/styles/app-dark.css
+++ b/ghost/admin/app/styles/app-dark.css
@@ -85,6 +85,19 @@ input,
     background: color-mod(var(--lightgrey));
 }
 
+input:focus,
+.gh-input:focus,
+.gh-select:focus,
+.gh-select select:focus {
+    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(--lightgrey) l(+10%));
+}
+
 .gh-nav,
 .settings-menu-container {
     background: #212A2E;
@@ -147,6 +160,12 @@ input,
     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(-10%));
+    color: color-mod(var(--darkgrey) l(-10%));
+}
+
 .gh-btn-blue,
 .gh-btn-green,
 .gh-btn-red {
@@ -154,6 +173,13 @@ input,
     border: 0;
 }
 
+.gh-btn-blue:hover,
+.gh-btn-green:hover,
+.gh-btn-red:hover {
+    border-color: white;
+    color: white;
+}
+
 .gh-btn-link {
     border: none;
 }
@@ -176,7 +202,8 @@ input,
     color: color-mod(var(--lightgrey) lightness(+20%));
 }
 
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
+.dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
     color: var(--lightgrey);
 }
 
@@ -236,7 +263,8 @@ input,
     color: var(--darkgrey);
 }
 
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
+.dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
     color: #fff;
 }