QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 13:50:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip darkmode

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-08-04 12:25:27 +02:00
parent 456a9e1ad9
commit d9a716a46f
170 changed files with 2006 additions and 1018 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/webapp/src/components/Forms/Select.tsx
View File

@@ -18,16 +18,23 @@ export function FSelect({ ...props }) {
}
const SelectButton = styled(Button)`
--x-color-select-background: #fff;
--x-color-select-border: #ced4da;
--x-color-select-caret: #8d8d8d;
--x-color-select-background: rgba(17, 20, 24, 0.3);
--x-color-select-border: rgba(255, 255, 255, 0.15);
--x-color-select-caret: rgba(255, 255, 255, 0.25);
outline: none;
box-shadow: 0 0 0 transparent;
border: 1px solid #ced4da;
border: 1px solid var(--x-color-select-border);
position: relative;
padding-right: 30px;
&.bp4-small {
padding-right: 24px;
}
&:not(.is-selected):not([class*='bp4-intent-']):not(.bp4-minimal) {
color: #8f99a8;
}
@@ -36,10 +43,9 @@ const SelectButton = styled(Button)`
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #8d8d8d;
border-top: 5px solid var(--x-color-select-caret);
position: absolute;
right: 0;
@@ -51,7 +57,7 @@ const SelectButton = styled(Button)`
&:not([class*='bp4-intent-']):not(.bp4-disabled) {
&,
&:hover {
background: #fff;
background: var(--x-color-select-background);
}
}
.bp4-intent-danger & {