From 24729fa0d4790e2992500cc19f1e8d5a30814378 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 5 Apr 2023 21:27:39 -0400
Subject: [PATCH] fix: Table cell selection background should be based on
 accent color

---
 shared/styles/theme.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/shared/styles/theme.ts b/shared/styles/theme.ts
index dcd846907..1efdfc6f6 100644
--- a/shared/styles/theme.ts
+++ b/shared/styles/theme.ts
@@ -1,4 +1,4 @@
-import { darken, lighten } from "polished";
+import { darken, lighten, transparentize } from "polished";
 import { DefaultTheme, Colors } from "styled-components";
 import breakpoints from "./breakpoints";
 
@@ -93,6 +93,7 @@ const buildBaseTheme = (input: Partial<Colors>) => {
     noticeTipText: colors.almostBlack,
     noticeWarningBackground: "#d73a49",
     noticeWarningText: colors.almostBlack,
+    tableSelectedBackground: transparentize(0.8, colors.accent),
     breakpoints,
     ...colors,
     ...spacing,
@@ -148,7 +149,6 @@ export const buildLightTheme = (input: Partial<Colors>): DefaultTheme => {
     toolbarItem: colors.white,
     tableDivider: colors.smokeDark,
     tableSelected: colors.accent,
-    tableSelectedBackground: "#E5F7FF",
     buttonNeutralBackground: colors.white,
     buttonNeutralText: colors.almostBlack,
     buttonNeutralBorder: darken(0.15, colors.white),
@@ -216,7 +216,6 @@ export const buildDarkTheme = (input: Partial<Colors>): DefaultTheme => {
     toolbarItem: colors.lightBlack,
     tableDivider: colors.lightBlack,
     tableSelected: colors.accent,
-    tableSelectedBackground: "#002333",
     buttonNeutralBackground: colors.almostBlack,
     buttonNeutralText: colors.white,
     buttonNeutralBorder: colors.slateDark,