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 | |
| 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')
| -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; | ||