diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss index 9643c2784..20633685e 100644 --- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss +++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss @@ -1,14 +1,17 @@ .root { + --x-color-content-primary-border: #e2e2e2; + :global(.bp4-dark) & { + --x-color-content-primary-border: rgba(255, 255, 255, 0.25); + } &_content { - &_primary { padding-bottom: 15px; - border-bottom: 1px solid #e2e2e2; + border-bottom: 1px solid var(--x-color-content-primary-border); } } - :global .card { + :global(.card) { margin: 15px; padding: 18px; } diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx index f67b06a6a..147664ef5 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx @@ -135,8 +135,8 @@ function InvoiceDetailActionsBar({ text={} onClick={handleQuickPaymentInvoice} /> + -