mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-21 07:10:33 +00:00
wip darkmode
This commit is contained in:
@@ -13,11 +13,22 @@ export function FormTopbar({ className, children }) {
|
||||
}
|
||||
|
||||
const FormTopBarRoot = styled(Navbar)`
|
||||
box-shadow: 0 0 0;
|
||||
border-bottom: 1px solid #c7d5db;
|
||||
--color-form-topbar-background: #fff;
|
||||
--color-form-topbar-border: #c7d5db;
|
||||
|
||||
--color-form-topbar-background: var(--color-dark-gray1);
|
||||
--color-form-topbar-border: rgba(255, 255, 255, 0.15);
|
||||
|
||||
height: 35px;
|
||||
padding: 0 20px;
|
||||
|
||||
&,
|
||||
.bp4-dark & {
|
||||
border-bottom: 1px solid var(--color-form-topbar-border);
|
||||
background-color: var(--color-form-topbar-background);
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.bp4-navbar-group {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
@@ -48,10 +48,16 @@ const PageFormFooter: FC<{ children: React.ReactNode } & SystemProps> = ({ child
|
||||
PageFormFooter.displayName = 'PageFormFooter';
|
||||
|
||||
const footerActionsStyle = `
|
||||
--x-color-background: #fff;
|
||||
--x-color-border: rgb(210, 221, 226);
|
||||
|
||||
--x-color-background: var(--color-dark-gray1);
|
||||
--x-color-border: rgba(255, 255, 255, 0.1);
|
||||
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
background: var(--x-color-background);
|
||||
padding: 14px 20px;
|
||||
border-top: 1px solid rgb(210, 221, 226);
|
||||
border-top: 1px solid var(--x-color-border);
|
||||
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
|
||||
|
||||
.bp4-button-group{
|
||||
|
||||
Reference in New Issue
Block a user