From c8ee93c2e2aea9d4aa1c5168ec7588b877cf8de9 Mon Sep 17 00:00:00 2001 From: James Morris Date: Mon, 10 Jan 2022 09:11:35 +0000 Subject: [PATCH] Fixed up icons in bottom nav for mobile when in dark mode - 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 --- ghost/admin/app/styles/layouts/main.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/ghost/admin/app/styles/layouts/main.css b/ghost/admin/app/styles/layouts/main.css index 475e944600..a5e0655e4b 100644 --- a/ghost/admin/app/styles/layouts/main.css +++ b/ghost/admin/app/styles/layouts/main.css @@ -988,17 +988,17 @@ .gh-mobile-nav-bar a.active { background: var(--black); - color: #fff; + color: var(--white); } .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 path { fill: transparent; - stroke: white; + stroke: var(--white); } .gh-mobile-nav-bar svg, @@ -1008,7 +1008,11 @@ } .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 */