yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Tom Moor
2023-04-05 21:27:39 -04:00
parent a585a7d66b
commit 24729fa0d4
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
shared/styles/theme.ts
View File

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