From 549fb7193a29a0e4f9d09493639bdbf02624f2a2 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Sun, 20 Oct 2019 09:49:20 +0200
Subject: [PATCH] Dark mode related fixes

no issue

- fixed double border for tags tabs
- refined view action button border
- fixed border for staff avatar
- fixed member avatar label color
---
 ghost/admin/app/styles/app-dark.css                      | 9 +++++++++
 ghost/admin/app/styles/layouts/members.css               | 7 +++++++
 ghost/admin/app/styles/layouts/users.css                 | 2 +-
 .../admin/app/templates/components/gh-member-avatar.hbs  | 2 +-
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css
index c0cc7f02f2..e611936f42 100644
--- a/ghost/admin/app/styles/app-dark.css
+++ b/ghost/admin/app/styles/app-dark.css
@@ -185,6 +185,14 @@ input:focus,
     border: color-mod(var(--darkgrey) l(-27%) blackness(+15%)) 1px solid;
 }
 
+.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-group .gh-btn:first-of-type {
+    border-right: none !important;
+}
+
 .gh-btn-blue,
 .gh-btn-green,
 .gh-btn-red {
@@ -201,6 +209,7 @@ input:focus,
     border: none !important;
 }
 
+
 .settings-menu-delete-button {
     color: var(--red);
     border: none !important;
diff --git a/ghost/admin/app/styles/layouts/members.css b/ghost/admin/app/styles/layouts/members.css
index fc50641f1b..d3aaa0b902 100644
--- a/ghost/admin/app/styles/layouts/members.css
+++ b/ghost/admin/app/styles/layouts/members.css
@@ -1,3 +1,10 @@
+/* Global
+/* ----------------------------------------- */
+.gh-member-avatar-label {
+    display: block;
+    color: #fff;
+}
+
 /* Members list
 /* ----------------------------------------- */
 
diff --git a/ghost/admin/app/styles/layouts/users.css b/ghost/admin/app/styles/layouts/users.css
index 1e68425cbe..5f62a3cc63 100644
--- a/ghost/admin/app/styles/layouts/users.css
+++ b/ghost/admin/app/styles/layouts/users.css
@@ -72,7 +72,7 @@
     background-position: center center;
     background-size: cover;
     border-radius: 100%;
-    box-shadow: #fff 0 0 0 3px;
+    box-shadow: var(--white) 0 0 0 3px;
 }
 
 .user-list-item-figure img {
diff --git a/ghost/admin/app/templates/components/gh-member-avatar.hbs b/ghost/admin/app/templates/components/gh-member-avatar.hbs
index 2967bda3b1..8db2094df2 100644
--- a/ghost/admin/app/templates/components/gh-member-avatar.hbs
+++ b/ghost/admin/app/templates/components/gh-member-avatar.hbs
@@ -1,3 +1,3 @@
 <div class="flex items-center justify-center br-100" style={{this.backgroundStyle}} ...attributes>
-    <span class="db white {{this.initialsClass}}">{{this.initials}}</span>
+    <span class="gh-member-avatar-label {{this.initialsClass}}">{{this.initials}}</span>
 </div>
\ No newline at end of file