fix: Table cell selection background should be based on accent color

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,