From 95d378239e72387759306b629e200a9d52234f20 Mon Sep 17 00:00:00 2001 From: Dominik Guzei Date: Thu, 21 Mar 2019 15:40:50 +0100 Subject: style add workspace icon in drawer like the sidebar icons --- packages/theme/src/themes/dark/index.ts | 6 ++++-- packages/theme/src/themes/default/index.ts | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) (limited to 'packages/theme') 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 // Workspace Drawer export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); +export const workspaceDrawerAddButtonColor = legacyStyles.darkThemeGrayLighter; +export const workspaceDrawerAddButtonHoverColor = legacyStyles.darkThemeGraySmoke; export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; -export const workspaceDrawerNameColor = colorText; -export const workspaceDrawerNameActiveColor = 'white'; +export const workspaceDrawerItemNameColor = colorText; +export const workspaceDrawerItemNameActiveColor = 'white'; export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); 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 // Workspace Drawer export const workspaceDrawerWidth = '220px'; export const workspaceDrawerBackground = color(colorBackground).lighten(0.1).hex(); +export const workspaceDrawerAddButtonColor = legacyStyles.themeGrayLight; +export const workspaceDrawerAddButtonHoverColor = color(legacyStyles.themeGrayLight).lighten(0.1).hex(); export const workspaceDrawerItemActiveBackground = legacyStyles.themeGrayLightest; export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).darken(0.05).hex(); -export const workspaceDrawerNameColor = colorText; -export const workspaceDrawerNameActiveColor = colorText; +export const workspaceDrawerItemNameColor = colorText; +export const workspaceDrawerItemNameActiveColor = colorText; export const workspaceDrawerServicesColor = color(colorText).lighten(1.5).hex(); export const workspaceDrawerServicesActiveColor = workspaceDrawerServicesColor; -- cgit v1.2.3-54-g00ecf