diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-03-21 15:40:50 +0100 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-03-21 15:40:50 +0100 |
commit | 95d378239e72387759306b629e200a9d52234f20 (patch) | |
tree | 022a3194eaa6de4b547db819be610587ce01e910 /packages/theme/src | |
parent | improve workspace switching ux (diff) | |
download | ferdium-app-95d378239e72387759306b629e200a9d52234f20.tar.gz ferdium-app-95d378239e72387759306b629e200a9d52234f20.tar.zst ferdium-app-95d378239e72387759306b629e200a9d52234f20.zip |
style add workspace icon in drawer like the sidebar icons
Diffstat (limited to 'packages/theme/src')
-rw-r--r-- | packages/theme/src/themes/dark/index.ts | 6 | ||||
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 6 |
2 files changed, 8 insertions, 4 deletions
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts index eaa552961..cb7ffc1cf 100644 --- a/packages/theme/src/themes/dark/index.ts +++ b/packages/theme/src/themes/dark/index.ts | |||
@@ -66,9 +66,11 @@ export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).al | |||
66 | 66 | ||
67 | // Workspace Drawer | 67 | // Workspace Drawer |
68 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); | 68 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); |
69 | export const workspaceDrawerAddButtonColor = legacyStyles.darkThemeGrayLighter; | ||
70 | export const workspaceDrawerAddButtonHoverColor = legacyStyles.darkThemeGraySmoke; | ||
69 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); | 71 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); |
70 | export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; | 72 | export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; |
71 | export const workspaceDrawerNameColor = colorText; | 73 | export const workspaceDrawerItemNameColor = colorText; |
72 | export const workspaceDrawerNameActiveColor = 'white'; | 74 | export const workspaceDrawerItemNameActiveColor = 'white'; |
73 | export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); | 75 | export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); |
74 | export const workspaceDrawerServicesActiveColor = color(defaultStyles.brandPrimary).lighten(0.5).hex(); | 76 | export const workspaceDrawerServicesActiveColor = color(defaultStyles.brandPrimary).lighten(0.5).hex(); |
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts index fc03b67de..e6785ec5e 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -144,9 +144,11 @@ export const colorModalOverlayBackground = color('#000').alpha(0.5).rgb().string | |||
144 | // Workspace Drawer | 144 | // Workspace Drawer |
145 | export const workspaceDrawerWidth = '220px'; | 145 | export const workspaceDrawerWidth = '220px'; |
146 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.1).hex(); | 146 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.1).hex(); |
147 | export const workspaceDrawerAddButtonColor = legacyStyles.themeGrayLight; | ||
148 | export const workspaceDrawerAddButtonHoverColor = color(legacyStyles.themeGrayLight).lighten(0.1).hex(); | ||
147 | export const workspaceDrawerItemActiveBackground = legacyStyles.themeGrayLightest; | 149 | export const workspaceDrawerItemActiveBackground = legacyStyles.themeGrayLightest; |
148 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).darken(0.05).hex(); | 150 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).darken(0.05).hex(); |
149 | export const workspaceDrawerNameColor = colorText; | 151 | export const workspaceDrawerItemNameColor = colorText; |
150 | export const workspaceDrawerNameActiveColor = colorText; | 152 | export const workspaceDrawerItemNameActiveColor = colorText; |
151 | export const workspaceDrawerServicesColor = color(colorText).lighten(1.5).hex(); | 153 | export const workspaceDrawerServicesColor = color(colorText).lighten(1.5).hex(); |
152 | export const workspaceDrawerServicesActiveColor = workspaceDrawerServicesColor; | 154 | export const workspaceDrawerServicesActiveColor = workspaceDrawerServicesColor; |