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

wip

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-08-06 16:13:24 +02:00
parent 6393f30735
commit ffff3a6872
30 changed files with 243 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/webapp/src/containers/Attachments/UploadAttachmentButton.module.scss
View File

@@ -7,7 +7,9 @@
--x-background-color: #fff;
--x-border-color: rgb(206, 212, 218);
--x-border-color: rgba(255, 255, 255, 0.1);
:global(.bp4-dark) & {
--x-border-color: rgba(255, 255, 255, 0.1);
}
&,
&:hover{

11
packages/webapp/src/containers/Authentication/_components.tsx
View File

@@ -28,11 +28,12 @@ export const AuthInsiderContent = styled.div`
`;
export const AuthInsiderCard = styled.div`
--x-color-background: #fff;
--x-color-background: var(--color-dark-gray2);
--x-color-border: #d5d5d5;
--x-color-border: rgba(255, 255, 255, 0.1);
.bp4-dark & {
--x-color-background: var(--color-dark-gray2);
--x-color-border: rgba(255, 255, 255, 0.1);
}
border: 1px solid var(--x-color-border);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
padding: 26px 22px;
@@ -66,8 +67,10 @@ export const AuthFooterLinks = styled.div`
export const AuthFooterLink = styled.p`
--x-color-text: #666;
--x-color-text: rgba(255, 255, 255, 0.75);
.bp4-dark & {
--x-color-text: rgba(255, 255, 255, 0.75);
}
color: var(--x-color-text);
margin: 0;
`;

10
packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/TagButton.module.scss
View File

@@ -1,12 +1,12 @@
.root {
--color-background: #fff;
--color-background: #c5cbd3;
--color-border: #e1e2e8;
--color-border: rgba(255, 255, 255, 0.2);
--color-text: var(--color-dark-gray1);
:global(.bp4-dark) & {
--color-background: #c5cbd3;
--color-border: rgba(255, 255, 255, 0.2);
}
min-height: 26px;
border-radius: 15px;
font-size: 13px;

16
packages/webapp/src/containers/CashFlow/CategorizeTransactionAside/MatchTransactionCheckbox.module.scss
View File

@@ -1,18 +1,16 @@
.root {
--item-background: #fff;
--item-background: var(--color-dark-gray4);
--item-border: #d6dbe3;
--item-border: rgba(255, 255, 255, 0.2);
--item-active-border: #88abdb;
--item-label-text: #252a33;
--item-label-text: var(--color-light-gray4);
--item-date-text: #5c7080;
--item-date-text: var(--color-light-gray1);
:global(.bp4-dark) & {
--item-background: var(--color-dark-gray4);
--item-border: rgba(255, 255, 255, 0.2);
--item-date-text: var(--color-light-gray1);
--item-label-text: var(--color-light-gray4);
}
background: var(--item-background);
border-radius: 5px;
border: 1px solid var(--item-border);

6
packages/webapp/src/containers/ElementCustomize/components/CompanyLogoUpload.module.scss
View File

@@ -1,9 +1,11 @@
.root {
--x-border-color: #E1E1E1;
--x-border-color: rgba(225, 225, 225, 0.15);
--x-color-placeholder-text: #738091;
--x-color-placeholder-text: rgba(225, 225, 225, 0.65);
.bp4-dark & {
--x-border-color: rgba(225, 225, 225, 0.15);
--x-color-placeholder-text: rgba(225, 225, 225, 0.65);
}
min-height: 120px;
height: 120px;
padding: 10px;

4
packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooterRight.tsx
View File

@@ -32,8 +32,10 @@ export function ExpenseFormFooterRight() {
const ExpensesTotalLines = 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);
`;

11
packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryTable.tsx
View File

@@ -47,10 +47,15 @@ export default function APAgingSummaryTable({
}
const APAgingSummaryDataTable = styled(ReportDataTable)`
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-text-color: #252a31;
--color-table-total-text-color: #000;
--color-table-total-border-top: #bbb;
--color-table-total-border-top: var(--color-dark-gray5);
.bp4-dark & {
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-total-border-top: var(--color-dark-gray5);
}
.table {
.tbody .tr {

10
packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryTable.tsx
View File

@@ -47,11 +47,15 @@ export default function ReceivableAgingSummaryTable({
}
const ARAgingSummaryDataTable = styled(ReportDataTable)`
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-text-color: #252a31;
--color-table-total-text-color: #000;
--color-table-total-border-top: #bbb;
--color-table-total-border-top: var(--color-dark-gray5);
.bp4-dark & {
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-total-border-top: var(--color-dark-gray5);
}
.table {
.tbody .tr {
.td {

8
packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetTable.tsx
View File

@@ -55,9 +55,13 @@ export default function BalanceSheetTable({
}
const BalanceSheetDataTable = styled(ReportDataTable)`
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-text-color: #252a31;
--color-table-total-text-color: #000;
.bp4-dark & {
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
}
.table {
.tbody .tr {
.td {

12
packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerTable.tsx
View File

@@ -69,13 +69,17 @@ export default function GeneralLedgerTable({ companyName }) {
}
const GeneralLedgerDataTable = styled(ReportDataTable)`
--color-table-text-color: var(--color-light-gray1);
--color-table-text-color: #252a31;
--color-table-total-text-color: #000;
--color-table-total-text-color: var(--color-light-gray4);
--color-table-border-color: #ececec;
--color-table-border-color: var(--color-dark-gray4);
--color-table-total-border-color: #ddd;
--color-table-total-border-color: var(--color-dark-gray4);
.bp4-dark & {
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-border-color: var(--color-dark-gray4);
--color-table-total-border-color: var(--color-dark-gray4);
}
.tbody {
.tr .td {

8
packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetTable.tsx
View File

@@ -55,9 +55,13 @@ export default function ProfitLossSheetTable({
}
const ProfitLossDataTable = styled(ReportDataTable)`
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-text-color: #252a31;
--color-table-total-text-color: #000;
.bp4-dark & {
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
}
.table {
.tbody .tr {
.td {

8
packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetTable.tsx
View File

@@ -48,9 +48,13 @@ export default function TrialBalanceSheetTable({ companyName }) {
}
const TrialBalanceDataTable = styled(ReportDataTable)`
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
--color-table-text-color: #252a31;
--color-table-total-text-color: #000;
.bp4-dark & {
--color-table-text-color: var(--color-light-gray1);
--color-table-total-text-color: var(--color-light-gray4);
}
.table {
.tbody {
.tr .td {

11
packages/webapp/src/containers/Import/ImportSampleDownload.module.scss
View File

@@ -4,11 +4,12 @@
--color-sample-download-title-text: #5f6b7c;
--color-sample-download-desc-text: #8f99a8;
--color-sample-download-background: var(--color-dark-gray3);
--color-sample-download-border: var(--color-dark-gray5);
--color-sample-download-title-text: var(--color-light-gray1);
--color-sample-download-desc-text: var(--color-light-gray1);
:global(.bp4-dark) & {
--color-sample-download-background: var(--color-dark-gray3);
--color-sample-download-border: var(--color-dark-gray5);
--color-sample-download-title-text: var(--color-light-gray1);
--color-sample-download-desc-text: var(--color-light-gray1);
}
background: var(--color-sample-download-background);
border: 1px solid var(--color-sample-download-border);
border-radius: 5px;

6
packages/webapp/src/containers/Import/ImportStepper.module.scss
View File

@@ -1,7 +1,9 @@
.content {
--border-color: #DCE0E5;
--border-color: var(--color-dark-gray5);
:global(.bp4-dark) & {
--border-color: var(--color-dark-gray5);
}
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid var(--border-color);

4
packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.tsx
View File

@@ -61,8 +61,10 @@ export function PreferencesCreditNotesForm({ isSubmitting }) {
const CardFooterActions = styled.div`
--x-color-border: #e0e7ea;
--x-color-border: rgba(255, 255, 255, 0.25);
.bp4-dark & {
--x-color-border: rgba(255, 255, 255, 0.25);
}
padding-top: 16px;
border-top: 1px solid var(--x-color-border);
margin-top: 30px;

4
packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooterRight.tsx
View File

@@ -47,8 +47,10 @@ export function VendorCreditNoteFormFooterRight() {
const VendorCreditNoteTotalLines = 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);
`;