scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-10-30 04:12:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Created a temporary background transparent blue color for checkboxes (#8363)

Browse Source 
Created a temporary background transparent blue color for checkboxes

Co-authored-by: Weiko <corentin@twenty.com>
This commit is contained in:
Lucas Bordeau
2024-11-18 12:14:55 +01:00
committed by GitHub
parent a0200e6d91
commit 6a977ad529
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/twenty-ui/src/input/components/Checkbox.tsx
View File

@@ -1,5 +1,6 @@
import styled from '@emotion/styled'; 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'; import * as React from 'react';
export enum CheckboxVariant { export enum CheckboxVariant {
@@ -62,7 +63,7 @@ const StyledInputContainer = styled.div<InputProps>`
return `&:hover{ return `&:hover{
background-color: ${ background-color: ${
indeterminate || isChecked indeterminate || isChecked
? theme.color.blue10 ? theme.background.transparent.blue
: theme.background.transparent.light : theme.background.transparent.light
}; };
}} }}

1
packages/twenty-ui/src/theme/constants/BackgroundDark.ts
View File

@@ -22,6 +22,7 @@ export const BACKGROUND_DARK = {
light: RGBA(GRAY_SCALE.gray0, 0.06), light: RGBA(GRAY_SCALE.gray0, 0.06),
lighter: RGBA(GRAY_SCALE.gray0, 0.03), lighter: RGBA(GRAY_SCALE.gray0, 0.03),
danger: RGBA(COLOR.red, 0.08), danger: RGBA(COLOR.red, 0.08),
blue: RGBA(COLOR.blue, 0.2),
}, },
overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8), overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8),
overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4), overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4),

1
packages/twenty-ui/src/theme/constants/BackgroundLight.ts
View File

@@ -22,6 +22,7 @@ export const BACKGROUND_LIGHT = {
light: RGBA(GRAY_SCALE.gray100, 0.04), light: RGBA(GRAY_SCALE.gray100, 0.04),
lighter: RGBA(GRAY_SCALE.gray100, 0.02), lighter: RGBA(GRAY_SCALE.gray100, 0.02),
danger: RGBA(COLOR.red, 0.08), danger: RGBA(COLOR.red, 0.08),
blue: RGBA(COLOR.blue, 0.08),
}, },
overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8), overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8),
overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4), overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4),