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

Updated dark styles

Browse Source
This commit is contained in:
Peter Zimon 2021-02-11 16:24:40 +01:00
parent 6f1ea8b018
commit adc4e1e077
4 changed files with 65 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/app/components/gh-contentfilter.hbs
View File

@ -93,7 +93,7 @@
{{#if this.customViews.activeView}}
<button
type="button"
class="gh-contentfilter-menu-trigger gh-contentfilter-button"
class="gh-contentfilter-menu-trigger gh-contentfilter-button gh-btn-save-view"
title="Edit current view..."
data-test-button="edit-view"
{{on "click" this.customViews.toggleFormModal}}
@ -103,7 +103,7 @@
{{else}}
<button
type="button"
class="gh-contentfilter-menu-trigger gh-contentfilter-button"
class="gh-contentfilter-menu-trigger gh-contentfilter-button gh-btn-save-view"
title="Save as view..."
data-test-button="add-view"
{{on "click" this.customViews.toggleFormModal}}

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

@ -144,11 +144,14 @@ input:focus,
background: color-mod(var(--lightgrey));
}
.settings-menu-container,
.gh-main-white {
background: var(--white);
}
.settings-menu-container {
background: #1c1f23;
}
@media (max-width: 800px) {
.gh-mobile-nav-bar {
background: #191b1f;
@ -212,18 +215,24 @@ input:focus,
filter: invert(100%);
}
/* Buttons
/* ---------------------------------------------------------------------- */
.gh-btn {
color: color-mod(var(--darkgrey) l(-27%) blackness(+15%));
color: var(--black);
text-shadow: none;
}
.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red) {
border: color-mod(var(--darkgrey) l(-27%) blackness(+15%)) 1px solid;
background: var(--transparent);
.gh-btn-primary {
color: var(--white);
}
.view-actions .gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red) {
border-color: color-mod(var(--darkgrey) l(-27%) blackness(+15%) alpha(50%));
.gh-btn-primary:hover {
background: var(--black) !important;
}
.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary) {
background: var(--lightgrey);
color: var(--black);
}
.gh-btn-group .gh-btn:first-of-type {
@ -250,6 +259,28 @@ input:focus,
border: none !important;
}
.gh-image-uploader .gh-btn {
background: var(--whitegrey) !important;
}
/* ---------------------------------------------------------------------- */
.gh-expandable-header .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red),
.gh-expandable-content .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red),
.gh-main-section-content.grey .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red) {
background: var(--lightgrey);
}
.gh-expandable-header .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):hover,
.gh-expandable-content .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):hover,
.gh-main-section-content.grey .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):hover {
background: var(--lightgrey-l1);
}
.gh-btn-tabs .gh-btn {
background: transparent !important;
}
.settings-menu-delete-button {
color: var(--red);
border: none !important;
@ -345,6 +376,11 @@ input:focus,
background: rgba(0,0,0,0.5);
}
.ember-power-select-multiple-option {
background: var(--white);
color: var(--black);
}
.fullscreen-modal-background {
background: #000;
}
@ -448,7 +484,7 @@ input:focus,
.apps-grid,
.apps-grid-cell {
background: #191b1f;
background: var(--dark-main-bg-color);
}
.td-cta-box {
@ -462,6 +498,10 @@ input:focus,
border-right: 1px solid var(--lightgrey);
}
.for-switch input:checked+.input-toggle-component {
background: var(--green);
}
.settings-code-editor .CodeMirror {
color: var(--darkgrey);
}
@ -515,7 +555,7 @@ input:focus,
.gh-nav-bottom-tabicon:hover,
.gh-nav-bottom-tabicon.active,
.gh-nav-list .gh-secondary-action:not(.icon-only):hover span {
background: var(--white);
background: var(--whitegrey);
}
.gh-nav-list a:not(.active):not(.gh-secondary-action):hover {
@ -526,10 +566,6 @@ input:focus,
background: var(--lightgrey);
}
.gh-nav-list .gh-nav-nightshift span svg path {
fill: color-mod(var(--midgrey) l(-5%));
}
.apps-card-app-icon {
mix-blend-mode: normal;
}
@ -566,20 +602,20 @@ input:focus,
background: color-mod(var(--dark-main-bg-color) l(+2%));
}
.gh-settings-main-grid .gh-setting-group:hover span {
background: color-mod(var(--dark-main-bg-color) l(+4%));
}
.nightshift-toggle {
background: var(--black);
background: var(--lightgrey);
}
.nightshift-toggle .thumb {
background: var(--dark-main-bg-color);
background: var(--black);
}
.nightshift-toggle .moon svg {
color: var(--dark-main-bg-color);
color: var(--black);
}
.gh-nav-list .gh-nav-nightshift span svg path {
fill: color-mod(var(--midgrey) l(-5%));
}
.gh-tag-setting-codeinjection .CodeMirror-gutters {

4
ghost/admin/app/styles/layouts/content.css
View File

@ -84,6 +84,10 @@
stroke: var(--black);
}
.gh-btn-save-view svg {
margin-top: 3px !important;
}
.gh-contentfilter .ember-power-select-selected-item,
.gh-contentfilter .ember-power-select-placeholder {
margin-left: 0;

8
ghost/admin/app/styles/layouts/main.css
View File

@ -78,7 +78,7 @@
background-position: 50%;
background-size: cover;
border-radius: 100%;
border: 1px solid color-mod(var(--main-bg-color) l(-8%));
border: 1px solid var(--whitegrey);
}
/* Global Nav
@ -706,10 +706,8 @@
.nightshift-toggle.on .thumb {
position: absolute;
left: 21px;
width: 20px;
height: 20px;
top: 1px;
left: 22px;
top: 2px;
}
.nightshift-toggle .sun {