Skip to content

Commit 230fa3d

Browse files
authored
Add a light theme. (#119)
1 parent 81f57d2 commit 230fa3d

File tree

2 files changed

+19
-1
lines changed

2 files changed

+19
-1
lines changed

src/assets/css/Theme.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,4 +52,21 @@ body {
5252
--wizard-step-color: #6c757d;
5353
--link-color: #007bff;
5454
}
55+
56+
&.light {
57+
--app-body-background: rgb(253, 253, 253);
58+
--app-background: #fff;
59+
--app-border-color: rgba(184, 184, 184, 0.67);
60+
--app-header-background: rgba(165, 198, 228, 0.61);
61+
--app-header-text: #858484;
62+
--sidebar-color: #fff;
63+
--sidebar-icon-color: rgba(152, 191, 227, 0.79);
64+
--sidebar-background: #fafafa;
65+
--sidebar-title-color: rgba(4, 55, 92, 0.61);
66+
--sidebar-sub-background: rgba(165, 198, 228, 0.61);
67+
--card-header-background: rgba(152, 191, 227, 0.53);
68+
--card-header-color: #7a90df;
69+
--wizard-step-color: #6c757d;
70+
--link-color: #012445;
71+
}
5572
}

src/pages/profile/profile-theme.view.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,8 @@ const ProfileThemeView = () => {
4141
<Input.Radio id='theme'
4242
options={[
4343
{ value: 'dark', message: 'Dark' },
44-
{ value: 'navy', message: 'Navy' }
44+
{ value: 'navy', message: 'Navy' },
45+
{ value: 'light', message: 'Light' }
4546
]}
4647
value={ currentTheme } />
4748

0 commit comments

Comments
 (0)