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

wip

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-08-06 16:15:28 +02:00
parent ffff3a6872
commit eebe98f43b
10 changed files with 54 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsTable.tsx
View File

@@ -61,7 +61,7 @@ const InventoryItemDetailsDataTable = styled(ReportDataTable)`
--color-table-border: #ececec;
--color-report-table-border: var(--color-dark-gray4);
--color-table-total-border: #ddd;
--color-table-total-border: var(--color-dark-gray4);;
--color-table-total-border: var(--color-dark-gray4);
.table {
.tbody {

4
packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormFooterRight.tsx
View File

@@ -42,8 +42,10 @@ export function PaymentMadeFormFooterRight() {
const PaymentMadeTotalLines = styled(TotalLines)`
--x-color-text: #555;
--x-color-text: var(--color-light-gray4);
.bp4-dark & {
--x-color-text: var(--color-light-gray4);
}
width: 100%;
color: var(--x-color-text);
`;

4
packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooterRight.tsx
View File

@@ -51,8 +51,10 @@ export function CreditNoteFormFooterRight() {
const CreditNoteTotalLines = styled(TotalLines)`
--x-color-text: #555555;
--x-color-text: var(--color-light-gray4);
.bp4-dark & {
--x-color-text: var(--color-light-gray4);
}
width: 100%;
color: var(--x-color-text);
`;

4
packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooterRight.tsx
View File

@@ -43,8 +43,10 @@ export function EstimateFormFooterRight() {
const EstimateTotalLines = styled(TotalLines)`
--x-color-text: #555;
--x-color-text: var(--color-light-gray4);
.bp4-dark & {
--x-color-text: var(--color-light-gray4);
}
width: 100%;
color: var(--x-color-text);
`;

60
packages/webapp/src/containers/Sales/Estimates/SendMailViewDrawer/SendMailViewPreviewTabs.tsx
View File

@@ -13,39 +13,39 @@ export function SendMailViewPreviewTabs({
id={'preview'}
defaultSelectedTabId={'payment-page'}
className={css`
--x-color-background: var(--color-white);
--x-color-background: var(--color-white);
--x-color-border: #dcdcdd;
--x-color-tab-text: #5f6b7c;
.bp4-dark & {
--x-color-background: var(--color-dark-gray2);
--x-color-border: #dcdcdd;
--x-color-border: rgba(255, 255, 255, 0.2);
--x-color-tab-text: rgba(255, 255, 255, 0.6);
}
overflow: hidden;
flex: 1 1;
display: flex;
flex-direction: column;
--x-color-tab-text: #5f6b7c;
--x-color-tab-text: rgba(255, 255,255, 0.6);
overflow: hidden;
flex: 1 1;
display: flex;
flex-direction: column;
.bp4-tab-list {
padding: 0 20px;
background: var(--x-color-background);
border-bottom: 1px solid var(--x-color-border);
}
.bp4-tab {
line-height: 40px;
}
.bp4-tab:not([aria-selected='true']) {
color: var(--x-color-tab-text);
}
.bp4-tab-indicator-wrapper .bp4-tab-indicator {
height: 2px;
}
.bp4-tab-panel {
margin: 0;
overflow: auto;
}
`}
.bp4-tab-list {
padding: 0 20px;
background: var(--x-color-background);
border-bottom: 1px solid var(--x-color-border);
}
.bp4-tab {
line-height: 40px;
}
.bp4-tab:not([aria-selected='true']) {
color: var(--x-color-tab-text);
}
.bp4-tab-indicator-wrapper .bp4-tab-indicator {
height: 2px;
}
.bp4-tab-panel {
margin: 0;
overflow: auto;
}
`}
>
{children}
</Tabs>

4
packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooterRight.tsx
View File

@@ -83,8 +83,10 @@ export function InvoiceFormFooterRight() {
const InvoiceTotalLines = styled(TotalLines)`
--x-color-text: #555;
--x-color-text: var(--color-light-gray4);
.bp4-dark & {
--x-color-text: var(--color-light-gray4);
}
width: 100%;
color: var(--x-color-text);
`;

7
packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.module.scss
View File

@@ -2,9 +2,10 @@
--color-invoice-form-header-background: #fff;
--color-invoice-form-header-border: #d2dce2;
--color-invoice-form-header-background: var(--color-dark-gray1);
--color-invoice-form-header-border: rgba(255, 255, 255, 0.1);
:global(.bp4-dark) & {
--color-invoice-form-header-background: var(--color-dark-gray1);
--color-invoice-form-header-border: rgba(255, 255, 255, 0.1);
}
border-bottom: 1px solid var(--color-invoice-form-header-border);
background-color: var(--color-invoice-form-header-background);
}

4
packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormFootetRight.tsx
View File

@@ -41,8 +41,10 @@ export function PaymentReceiveFormFootetRight() {
const PaymentReceiveTotalLines = styled(TotalLines)`
--x-color-text: #555;
--x-color-text: var(--color-light-gray4);
.bp4-dark & {
--x-color-text: var(--color-light-gray4);
}
width: 100%;
color: var(--x-color-text);
`;

4
packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFooterRight.tsx
View File

@@ -67,8 +67,10 @@ export function ReceiptFormFooterRight() {
const ReceiptTotalLines = styled(TotalLines)`
--x-color-text: #555;
--x-color-text: var(--color-light-gray4);
.bp4-dark & {
--x-color-text: var(--color-light-gray4);
}
width: 100%;
color: var(--x-color-text);
`;