aboutsummaryrefslogtreecommitdiffstats
path: root/packages/theme/src/themes/default/index.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/theme/src/themes/default/index.ts')
-rw-r--r--packages/theme/src/themes/default/index.ts60
1 files changed, 30 insertions, 30 deletions
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
index eb7e80b9f..48111d22b 100644
--- a/packages/theme/src/themes/default/index.ts
+++ b/packages/theme/src/themes/default/index.ts
@@ -157,6 +157,16 @@ export const services = {
157 }, 157 },
158}; 158};
159 159
160// Service Icon
161export const serviceIcon = {
162 width: 35,
163 isCustom: {
164 border: `1px solid ${legacyStyles.themeGrayLighter}`,
165 borderRadius: legacyStyles.themeBorderRadius,
166 width: 37,
167 },
168};
169
160// Workspaces 170// Workspaces
161const drawerBg = color(colorBackground).lighten(0.1).hex(); 171const drawerBg = color(colorBackground).lighten(0.1).hex();
162 172
@@ -168,7 +178,7 @@ export const workspaces = {
168 width: 300, 178 width: 300,
169 padding: 20, 179 padding: 20,
170 background: drawerBg, 180 background: drawerBg,
171 addButton: { 181 buttons: {
172 color: color(legacyStyles.themeGrayLight).lighten(0.1).hex(), 182 color: color(legacyStyles.themeGrayLight).lighten(0.1).hex(),
173 hoverColor: legacyStyles.themeGrayLight, 183 hoverColor: legacyStyles.themeGrayLight,
174 }, 184 },
@@ -188,32 +198,22 @@ export const workspaces = {
188 }, 198 },
189}; 199};
190 200
191export const workspaceSettings = { 201// export const workspaceSettings = {
192 listItemHeight: 57, 202// listItemHeight: 57,
193 listItemBorderColor: legacyStyles.themeGrayLightest, 203// listItemBorderColor: legacyStyles.themeGrayLightest,
194 listItemHoverBgColor: legacyStyles.themeGrayLightest, 204// listItemHoverBgColor: legacyStyles.themeGrayLightest,
195}; 205// };
196 206//
197// Workspace Drawer 207// // Workspace Drawer
198export const workspaceDrawerWidth = 300; 208// export const workspaceDrawerWidth = 300;
199export const workspaceDrawerPadding = 20; 209// export const workspaceDrawerPadding = 20;
200export const workspaceDrawerBackground = color(colorBackground).lighten(0.1).hex(); 210// export const workspaceDrawerBackground = color(colorBackground).lighten(0.1).hex();
201export const workspaceDrawerAddButtonColor = legacyStyles.themeGrayLight; 211// export const workspaceDrawerAddButtonColor = legacyStyles.themeGrayLight;
202export const workspaceDrawerAddButtonHoverColor = color(legacyStyles.themeGrayLight).lighten(0.1).hex(); 212// export const workspaceDrawerAddButtonHoverColor = color(legacyStyles.themeGrayLight).lighten(0.1).hex();
203export const workspaceDrawerItemHoverBackground = color(workspaceDrawerBackground).darken(0.01).hex(); 213// export const workspaceDrawerItemHoverBackground = color(workspaceDrawerBackground).darken(0.01).hex();
204export const workspaceDrawerItemActiveBackground = legacyStyles.themeGrayLightest; 214// export const workspaceDrawerItemActiveBackground = legacyStyles.themeGrayLightest;
205export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).darken(0.05).hex(); 215// export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).darken(0.05).hex();
206export const workspaceDrawerItemNameColor = colorText; 216// export const workspaceDrawerItemNameColor = colorText;
207export const workspaceDrawerItemNameActiveColor = colorText; 217// export const workspaceDrawerItemNameActiveColor = colorText;
208export const workspaceDrawerServicesColor = color(colorText).lighten(1.5).hex(); 218// export const workspaceDrawerServicesColor = color(colorText).lighten(1.5).hex();
209export const workspaceDrawerServicesActiveColor = workspaceDrawerServicesColor; 219// export const workspaceDrawerServicesActiveColor = workspaceDrawerServicesColor;
210
211// Service Icon
212export const serviceIcon = {
213 width: 35,
214 isCustom: {
215 border: `1px solid ${legacyStyles.themeGrayLighter}`,
216 borderRadius: legacyStyles.themeBorderRadius,
217 width: 37,
218 },
219};