aboutsummaryrefslogtreecommitdiffstats
path: root/packages/theme/src/themes/dark/index.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/theme/src/themes/dark/index.ts')
-rw-r--r--packages/theme/src/themes/dark/index.ts49
1 files changed, 25 insertions, 24 deletions
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
index 73ffa7f5e..fd04b106c 100644
--- a/packages/theme/src/themes/dark/index.ts
+++ b/packages/theme/src/themes/dark/index.ts
@@ -76,6 +76,13 @@ export const services = merge({}, defaultStyles.services, {
76 }, 76 },
77}); 77});
78 78
79// Service Icon
80export const serviceIcon = merge({}, defaultStyles.serviceIcon, {
81 isCustom: {
82 border: `1px solid ${legacyStyles.darkThemeGrayDark}`,
83 },
84});
85
79// Workspaces 86// Workspaces
80const drawerBg = color(colorBackground).lighten(0.3).hex(); 87const drawerBg = color(colorBackground).lighten(0.3).hex();
81 88
@@ -105,27 +112,21 @@ export const workspaces = merge({}, defaultStyles.workspaces, {
105 }, 112 },
106}); 113});
107 114
108// Workspace settings 115// // Workspace settings
109export const workspaceSettings = merge({}, defaultStyles.workspaceSettings, { 116// export const workspaceSettings = merge({}, defaultStyles.workspaceSettings, {
110 listItemBorderColor: legacyStyles.darkThemeGrayDarker, 117// listItemBorderColor: legacyStyles.darkThemeGrayDarker,
111 listItemHoverBgColor: legacyStyles.darkThemeGrayDarker, 118// listItemHoverBgColor: legacyStyles.darkThemeGrayDarker,
112}); 119// });
113 120//
114// Workspace Drawer 121// // Workspace Drawer
115export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); 122// export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex();
116export const workspaceDrawerAddButtonColor = legacyStyles.darkThemeGrayLighter; 123// export const workspaceDrawerAddButtonColor = legacyStyles.darkThemeGrayLighter;
117export const workspaceDrawerAddButtonHoverColor = legacyStyles.darkThemeGraySmoke; 124// export const workspaceDrawerAddButtonHoverColor = legacyStyles.darkThemeGraySmoke;
118export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); 125// export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex();
119export const workspaceDrawerItemHoverBackground = color(workspaceDrawerBackground).lighten(0.2).hex(); 126// export const workspaceDrawerItemHoverBackground = color(workspaceDrawerBackground).lighten(0.2).hex();
120export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; 127// export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary;
121export const workspaceDrawerItemNameColor = colorText; 128// export const workspaceDrawerItemNameColor = colorText;
122export const workspaceDrawerItemNameActiveColor = 'white'; 129// export const workspaceDrawerItemNameActiveColor = 'white';
123export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); 130// export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex();
124export const workspaceDrawerServicesActiveColor = color(defaultStyles.brandPrimary).lighten(0.5).hex(); 131// export const workspaceDrawerServicesActiveColor = color(defaultStyles.brandPrimary).lighten(0.5).hex();
125 132//
126// Service Icon
127export const serviceIcon = merge({}, defaultStyles.serviceIcon, {
128 isCustom: {
129 border: `1px solid ${legacyStyles.darkThemeGrayDark}`,
130 },
131});