admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Enable dark mode and fix theme

Browse Source
This commit is contained in:
Felix Malfait
2023-06-05 22:20:55 +02:00
parent 3ae6405f4d
commit 41fe78bc4c
17 changed files with 478 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
front/src/modules/ui/components/buttons/IconButton.tsx
View File

@ -12,9 +12,6 @@ const StyledIconButton = styled.button`
border: none;
border-radius: 50%;
background: ${(props) => props.theme.text80};
color: ${(props) => props.theme.text100};
transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
background: ${(props) => props.theme.blue};
@ -22,7 +19,7 @@ const StyledIconButton = styled.button`
cursor: pointer;
&:disabled {
background: ${(props) => props.theme.quadraryBackground};
background: ${(props) => props.theme.quaternaryBackground};
color: ${(props) => props.theme.text80};
cursor: default;
}

22
front/src/modules/ui/components/form/DatePicker.tsx
View File

@ -166,10 +166,6 @@ const StyledContainer = styled.div`
line-height: 34px;
}
& .react-datepicker__day--selected {
background-color: ${(props) => props.theme.blue};
}
& .react-datepicker__navigation--previous,
& .react-datepicker__navigation--next {
height: 34px;
@ -205,12 +201,26 @@ const StyledContainer = styled.div`
border-color: ${(props) => props.theme.text40};
}
& .react-datepicker__day--keyboard-selected {
background-color: inherit;
}
& .react-datepicker__day,
.react-datepicker__time-name {
color: ${(props) => props.theme.text80};
}
& .react-datepicker__day--selected {
background-color: ${(props) => props.theme.blue};
color: ${(props) => props.theme.text0};
}
& .react-datepicker__day--outside-month {
color: ${(props) => props.theme.text40};
}
& .react-datepicker__day--keyboard-selected {
background-color: inherit;
& .react-datepicker__day:hover {
color: ${(props) => props.theme.text40};
}
`;