TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Fixed minor dark mode issues

Browse Source 
No ref

- Nav list item hover state
- Dropdown option hover state
- Top border on member details page
- Integrations directory items background color
- Published label background color
This commit is contained in:
Sanne de Vries 2021-02-17 10:23:16 +01:00
parent e9d80b2f29
commit 1873271c8b
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -186,7 +186,11 @@ input:focus,
.ember-power-select-options:not([role="group"]),
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
border-color: color-mod(var(--lightgrey));
background: color-mod(var(--lightgrey));
background: var(--whitegrey-l1);
}
.ember-power-select-option[aria-current="true"] {
background: var(--whitegrey-d1);
}
.ember-basic-dropdown--opened > .ember-power-select-trigger,
@ -302,6 +306,11 @@ input:focus,
border-bottom: 1px solid var(--hairline-color-1);
}
.gh-main-section.no-heading,
.gh-main-section.bt {
border-top: 1px solid var(--hairline-color-1);
}
.gh-btn-tabs .gh-btn {
background: transparent !important;
}
@ -329,7 +338,7 @@ input:focus,
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus,
.dropdown-menu li > button:hover, .dropdown-menu li > button:focus {
color: var(--lightgrey);
background: color-mod(var(--dark-main-bg-color) l(-2%));
background: var(--whitegrey-d1);
}
.gh-cardmenu {
@ -566,7 +575,7 @@ input:focus,
}
.id-item {
background: #191b1f;
background: var(--dark-main-bg-color);
}
.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
@ -610,7 +619,7 @@ input:focus,
}
.gh-nav-list a:not(.active):not(.gh-secondary-action):hover {
background: var(--whitegrey-l2);
background: var(--whitegrey);
}
.gh-nav-btn-search:hover {
@ -640,7 +649,6 @@ input:focus,
}
.gh-posts-list-item:hover,
.ember-power-select-option[aria-current=true],
.ember-power-select-group .ember-power-select-option[aria-current=true],
.gh-list-row:not(.header):not(.loading):hover .gh-list-cell,
.gh-list-row:not(.header):not(.loading):hover .gh-list-data,
@ -649,6 +657,10 @@ input:focus,
background: var(--whitegrey);
}
.gh-content-status-published {
background: var(--whitegrey-l1);
}
.gh-browserpreview-browser {
background: var(--whitegrey);
}

4
ghost/admin/app/styles/patterns/global.css
View File

@ -122,8 +122,8 @@
--lightgrey-d2: color-mod(var(--lightgrey) h(-2) s(-2%) l(-7%));
--whitegrey-l2: color-mod(var(--whitegrey) h(+7) s(-4%) l(+5%));
--whitegrey-l1: color-mod(var(--whitegrey) h(+1) s(-2%) l(+3%));
--whitegrey-d1: color-mod(var(--whitegrey) h(-1) s(-5%) l(-3%));
--whitegrey-l1: color-mod(var(--whitegrey) h(+1) s(-2%) l(+2%));
--whitegrey-d1: color-mod(var(--whitegrey) h(-1) s(-2%) l(-2%));
--whitegrey-d2: color-mod(var(--whitegrey) h(-1) s(-11%) l(-6%));
/* Global, high-level UI colors */