mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-18 22:00:31 +00:00
wip darkmode
This commit is contained in:
@@ -166,7 +166,7 @@ const DashboardConstrantTable = styled(DataTable)`
|
||||
.table {
|
||||
.thead {
|
||||
.th {
|
||||
background: #fff;
|
||||
// background: #fff;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
|
||||
@@ -173,13 +173,14 @@ const DetailsBarSkeletonBase = styled.div`
|
||||
|
||||
const AccountBalanceItemWrap = styled.div`
|
||||
margin-left: 18px;
|
||||
color: #5f6d86;
|
||||
// color: #5f6d86;
|
||||
`;
|
||||
|
||||
const AccountTransactionDetailsWrap = styled.div`
|
||||
display: flex;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
background: var(--color-bank-transactions-details-bar-background);
|
||||
color: var(--color-bank-transactions-details-bar-text);
|
||||
border-bottom: 1px solid var(--color-bank-transactions-details-bar-divider);
|
||||
padding: 0 22px;
|
||||
height: 42px;
|
||||
align-items: center;
|
||||
@@ -192,7 +193,7 @@ const AccountSwitchText = styled.div`
|
||||
const AccountBalanceAmount = styled.span`
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
color: rgb(31, 50, 85);
|
||||
// color: rgb(31, 50, 85);
|
||||
margin-left: 10px;
|
||||
`;
|
||||
|
||||
|
||||
@@ -11,10 +11,10 @@ const Box = styled.div`
|
||||
`;
|
||||
|
||||
const CashflowTransactionsTableCard = styled.div`
|
||||
border: 2px solid #f0f0f0;
|
||||
background: var(--color-bank-transactions-content-background);
|
||||
border: 2px solid var(--color-bank-transactions-content-border);
|
||||
border-radius: 10px;
|
||||
padding: 30px 18px;
|
||||
background: #fff;
|
||||
flex: 0 1;
|
||||
`;
|
||||
|
||||
|
||||
@@ -2,9 +2,9 @@ import styled from 'styled-components';
|
||||
|
||||
|
||||
export const AccountTransactionsCard = styled.div`
|
||||
border: 2px solid #f0f0f0;
|
||||
border: 2px solid var(--color-bank-transactions-content-border);
|
||||
background: var(--color-bank-transactions-content-background);
|
||||
border-radius: 10px;
|
||||
padding: 30px 18px;
|
||||
background: #fff;
|
||||
flex: 0 1;
|
||||
`;
|
||||
|
||||
@@ -1,11 +1,24 @@
|
||||
.root{
|
||||
.root {
|
||||
--color-background: #fff;
|
||||
--color-background: #c5cbd3;
|
||||
|
||||
--color-border: #e1e2e8;
|
||||
--color-border: rgba(255, 255, 255, 0.2);
|
||||
|
||||
--color-text: var(--color-dark-gray1);
|
||||
|
||||
min-height: 26px;
|
||||
border-radius: 15px;
|
||||
font-size: 13px;
|
||||
padding: 0 10px;
|
||||
|
||||
&:global(.bp4-button:not([class*=bp4-intent-]):not(.bp4-minimal)) {
|
||||
background: #fff;
|
||||
border: 1px solid #e1e2e8;
|
||||
&:global(.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal)) {
|
||||
background: var(--color-background);
|
||||
color: var(--color-text);
|
||||
border: 1px solid var(--color-border);
|
||||
|
||||
& :global(.bp4-icon) {
|
||||
color: var(--color-text);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
:global .table{
|
||||
.thead {
|
||||
.th {
|
||||
background: #fff;
|
||||
// background: #fff;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
font-size: 13px;
|
||||
@@ -22,7 +22,7 @@
|
||||
|
||||
.tbody-inner {
|
||||
.tr .td{
|
||||
border-bottom: 1px solid #ececec;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user