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

wip darkmode

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-08-04 12:25:27 +02:00
parent 456a9e1ad9
commit d9a716a46f
170 changed files with 2006 additions and 1018 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/webapp/src/containers/Authentication/Authentication.tsx
View File

@@ -11,14 +11,22 @@ import { Box, Icon, FormattedMessage as T } from '@/components';
import { AuthMetaBootProvider } from './AuthMetaBoot';
import '@/style/pages/Authentication/Auth.scss';
import { useIsDarkMode } from '@/hooks/useDarkMode';
import { BigcapitalAlt } from '@/components/Icons/BigcapitalAlt';
export function Authentication() {
const isDarkMode = useIsDarkMode();
return (
<BodyClassName className={'authentication'}>
<AuthPage>
<AuthInsider>
<AuthLogo>
<Icon icon="bigcapital" height={37} width={214} />
{isDarkMode ? (
<BigcapitalAlt color={"rgba(255, 255, 255, 0.6)"} height={37} width={214} />
) : (
<Icon icon="bigcapital" height={37} width={214} />
)}
</AuthLogo>
<AuthMetaBootProvider>

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

@@ -27,10 +27,16 @@ export const AuthInsiderContent = styled.div`
position: relative;
`;
export const AuthInsiderCard = styled.div`
border: 1px solid #d5d5d5;
--x-color-background: #fff;
--x-color-background: var(--color-dark-gray2);
--x-color-border: #d5d5d5;
--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;
background: #ffff;
background: var(--x-color-background);
border-radius: 3px;
`;
@@ -59,7 +65,10 @@ export const AuthFooterLinks = styled.div`
`;
export const AuthFooterLink = styled.p`
color: #666;
--x-color-text: #666;
--x-color-text: rgba(255, 255, 255, 0.75);
color: var(--x-color-text);
margin: 0;
`;
@@ -67,11 +76,11 @@ export const AuthSubmitButton = styled(Button)`
margin-top: 20px;
&.bp4-intent-primary {
background-color: #0052cc;
// background-color: #0052cc;
&:disabled,
&.bp4-disabled {
background-color: rgba(0, 82, 204, 0.4);
// background-color: rgba(0, 82, 204, 0.4);
}
}
`;