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

Fixed up icons in bottom nav for mobile when in dark mode

Browse Source 
- fixes the colour of buttons when active in dark mode
- fixes the more icon when in dark mode
- uses css variables rather than fixed values
This commit is contained in:
James Morris 2022-01-10 09:11:35 +00:00
parent fb45c57932
commit c8ee93c2e2
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -988,17 +988,17 @@
.gh-mobile-nav-bar a.active { .gh-mobile-nav-bar a.active {
background: var(--black); background: var(--black);
color: #fff; color: var(--white);
} }
.gh-mobile-nav-bar a.active svg { .gh-mobile-nav-bar a.active svg {
fill: #fff; fill: var(--white);
} }
.gh-mobile-nav-bar a.active.gh-nav-main-users g, .gh-mobile-nav-bar a.active.gh-nav-main-users g,
.gh-mobile-nav-bar a.active.gh-nav-main-users path { .gh-mobile-nav-bar a.active.gh-nav-main-users path {
fill: transparent; fill: transparent;
stroke: white; stroke: var(--white);
} }
.gh-mobile-nav-bar svg, .gh-mobile-nav-bar svg,
@ -1008,7 +1008,11 @@
} }
.gh-mobile-nav-bar svg g path { .gh-mobile-nav-bar svg g path {
stroke: var(--darkgrey); stroke: var(--white);
}
.gh-mobile-nav-bar .gh-mobile-nav-bar-more svg path {
fill: var(--darkgrey);
} }
/* non-authed and fullscreen pages shouldn't have the mobile bar */ /* non-authed and fullscreen pages shouldn't have the mobile bar */