From f8ffa4e25aac5281209f5993bbe0cae0cb8fa989 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 4 Jul 2021 18:44:09 -0400
Subject: [PATCH] tweak sidebar item background

---
 app/components/Sidebar/components/SidebarLink.js | 4 +++-
 shared/styles/theme.js                           | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/Sidebar/components/SidebarLink.js b/app/components/Sidebar/components/SidebarLink.js
index 259e209fc..49be59f9d 100644
--- a/app/components/Sidebar/components/SidebarLink.js
+++ b/app/components/Sidebar/components/SidebarLink.js
@@ -1,4 +1,5 @@
 // @flow
+import { transparentize } from "polished";
 import * as React from "react";
 import { withRouter, type RouterHistory, type Match } from "react-router-dom";
 import styled, { withTheme } from "styled-components";
@@ -145,7 +146,8 @@ const Link = styled(NavLink)`
 
   &:focus {
     color: ${(props) => props.theme.text};
-    background: ${(props) => props.theme.black05};
+    background: ${(props) =>
+      transparentize("0.25", props.theme.sidebarItemBackground)};
   }
 
   ${breakpoint("tablet")`
diff --git a/shared/styles/theme.js b/shared/styles/theme.js
index f6c820fa5..9b64c4f9e 100644
--- a/shared/styles/theme.js
+++ b/shared/styles/theme.js
@@ -137,7 +137,7 @@ export const light = {
   placeholder: "#a2b2c3",
 
   sidebarBackground: colors.warmGrey,
-  sidebarItemBackground: colors.black10,
+  sidebarItemBackground: "#d7e0ea",
   sidebarText: "rgb(78, 92, 110)",
   backdrop: "rgba(0, 0, 0, 0.2)",
   shadow: "rgba(0, 0, 0, 0.2)",