TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-25 20:03:12 +03:00
Code Issues Projects Releases Wiki Activity

🎨 clean up hover state borders in night shift (#1077)

Browse Source 
no issue
This commit is contained in:
Vikas Potluri 2019-01-22 03:26:38 -06:00 committed by Kevin Ansfield
parent 90633caf06
commit 6c93b1bea8
1 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ghost/admin/app/styles/app-dark.css
View File

@ -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;
}