diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-03-19 19:38:56 +0100 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-03-19 19:40:08 +0100 |
commit | e4f1862644d5921e2ee77078c10e16efa3e58c7b (patch) | |
tree | ff7f23eb83ee974a9f719ed6f58647ce7f0a1175 /packages/theme | |
parent | fix conflicts with latest develop (diff) | |
download | ferdium-app-e4f1862644d5921e2ee77078c10e16efa3e58c7b.tar.gz ferdium-app-e4f1862644d5921e2ee77078c10e16efa3e58c7b.tar.zst ferdium-app-e4f1862644d5921e2ee77078c10e16efa3e58c7b.zip |
add workspace drawer
Diffstat (limited to 'packages/theme')
-rw-r--r-- | packages/theme/src/themes/dark/index.ts | 9 | ||||
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 10 |
2 files changed, 19 insertions, 0 deletions
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts index 3a56719b2..eaa552961 100644 --- a/packages/theme/src/themes/dark/index.ts +++ b/packages/theme/src/themes/dark/index.ts | |||
@@ -63,3 +63,12 @@ export const selectSearchColor = inputBackground; | |||
63 | 63 | ||
64 | // Modal | 64 | // Modal |
65 | export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.8).rgb().string(); | 65 | export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.8).rgb().string(); |
66 | |||
67 | // Workspace Drawer | ||
68 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); | ||
69 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); | ||
70 | export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; | ||
71 | export const workspaceDrawerNameColor = colorText; | ||
72 | export const workspaceDrawerNameActiveColor = 'white'; | ||
73 | export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); | ||
74 | 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 8a71e61cf..fc03b67de 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -140,3 +140,13 @@ export const badgeBorderRadius = 50; | |||
140 | 140 | ||
141 | // Modal | 141 | // Modal |
142 | export const colorModalOverlayBackground = color('#000').alpha(0.5).rgb().string(); | 142 | export const colorModalOverlayBackground = color('#000').alpha(0.5).rgb().string(); |
143 | |||
144 | // Workspace Drawer | ||
145 | export const workspaceDrawerWidth = '220px'; | ||
146 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.1).hex(); | ||
147 | export const workspaceDrawerItemActiveBackground = legacyStyles.themeGrayLightest; | ||
148 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).darken(0.05).hex(); | ||
149 | export const workspaceDrawerNameColor = colorText; | ||
150 | export const workspaceDrawerNameActiveColor = colorText; | ||
151 | export const workspaceDrawerServicesColor = color(colorText).lighten(1.5).hex(); | ||
152 | export const workspaceDrawerServicesActiveColor = workspaceDrawerServicesColor; | ||