From 6a977ad529a8b4c987a696ee5391bd61f5227e10 Mon Sep 17 00:00:00 2001 From: Lucas Bordeau Date: Mon, 18 Nov 2024 12:14:55 +0100 Subject: [PATCH] Created a temporary background transparent blue color for checkboxes (#8363) Created a temporary background transparent blue color for checkboxes Co-authored-by: Weiko --- packages/twenty-ui/src/input/components/Checkbox.tsx | 5 +++-- packages/twenty-ui/src/theme/constants/BackgroundDark.ts | 1 + packages/twenty-ui/src/theme/constants/BackgroundLight.ts | 1 + 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/twenty-ui/src/input/components/Checkbox.tsx b/packages/twenty-ui/src/input/components/Checkbox.tsx index f4842ba12..bdef30acf 100644 --- a/packages/twenty-ui/src/input/components/Checkbox.tsx +++ b/packages/twenty-ui/src/input/components/Checkbox.tsx @@ -1,5 +1,6 @@ import styled from '@emotion/styled'; -import { IconCheck, IconMinus } from '@ui/display'; + +import { IconCheck, IconMinus } from '@ui/display/icon/components/TablerIcons'; import * as React from 'react'; export enum CheckboxVariant { @@ -62,7 +63,7 @@ const StyledInputContainer = styled.div` return `&:hover{ background-color: ${ indeterminate || isChecked - ? theme.color.blue10 + ? theme.background.transparent.blue : theme.background.transparent.light }; }} diff --git a/packages/twenty-ui/src/theme/constants/BackgroundDark.ts b/packages/twenty-ui/src/theme/constants/BackgroundDark.ts index 9ef3faae5..bdfb3dfff 100644 --- a/packages/twenty-ui/src/theme/constants/BackgroundDark.ts +++ b/packages/twenty-ui/src/theme/constants/BackgroundDark.ts @@ -22,6 +22,7 @@ export const BACKGROUND_DARK = { light: RGBA(GRAY_SCALE.gray0, 0.06), lighter: RGBA(GRAY_SCALE.gray0, 0.03), danger: RGBA(COLOR.red, 0.08), + blue: RGBA(COLOR.blue, 0.2), }, overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8), overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4), diff --git a/packages/twenty-ui/src/theme/constants/BackgroundLight.ts b/packages/twenty-ui/src/theme/constants/BackgroundLight.ts index 68fbf3496..a7958cdfc 100644 --- a/packages/twenty-ui/src/theme/constants/BackgroundLight.ts +++ b/packages/twenty-ui/src/theme/constants/BackgroundLight.ts @@ -22,6 +22,7 @@ export const BACKGROUND_LIGHT = { light: RGBA(GRAY_SCALE.gray100, 0.04), lighter: RGBA(GRAY_SCALE.gray100, 0.02), danger: RGBA(COLOR.red, 0.08), + blue: RGBA(COLOR.blue, 0.08), }, overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8), overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4),