diff options
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; | ||