diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-10 11:22:25 +0200 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-10 11:22:25 +0200 |
commit | 9472deab9496aca3a9bdf20b93f2a84e3e4569b7 (patch) | |
tree | 4785fcbd438330eaa5463203bba249080e6c02e5 /packages/theme/src/themes/dark/index.ts | |
parent | fix drawer add workspace label styles (diff) | |
download | ferdium-app-9472deab9496aca3a9bdf20b93f2a84e3e4569b7.tar.gz ferdium-app-9472deab9496aca3a9bdf20b93f2a84e3e4569b7.tar.zst ferdium-app-9472deab9496aca3a9bdf20b93f2a84e3e4569b7.zip |
refactors workspace theme vars into object structure
Diffstat (limited to 'packages/theme/src/themes/dark/index.ts')
-rw-r--r-- | packages/theme/src/themes/dark/index.ts | 49 |
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 | ||
80 | export const serviceIcon = merge({}, defaultStyles.serviceIcon, { | ||
81 | isCustom: { | ||
82 | border: `1px solid ${legacyStyles.darkThemeGrayDark}`, | ||
83 | }, | ||
84 | }); | ||
85 | |||
79 | // Workspaces | 86 | // Workspaces |
80 | const drawerBg = color(colorBackground).lighten(0.3).hex(); | 87 | const 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 |
109 | export 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 |
115 | export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); | 122 | // export const workspaceDrawerBackground = color(colorBackground).lighten(0.3).hex(); |
116 | export const workspaceDrawerAddButtonColor = legacyStyles.darkThemeGrayLighter; | 123 | // export const workspaceDrawerAddButtonColor = legacyStyles.darkThemeGrayLighter; |
117 | export const workspaceDrawerAddButtonHoverColor = legacyStyles.darkThemeGraySmoke; | 124 | // export const workspaceDrawerAddButtonHoverColor = legacyStyles.darkThemeGraySmoke; |
118 | export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); | 125 | // export const workspaceDrawerItemBorder = color(workspaceDrawerBackground).lighten(0.2).hex(); |
119 | export const workspaceDrawerItemHoverBackground = color(workspaceDrawerBackground).lighten(0.2).hex(); | 126 | // export const workspaceDrawerItemHoverBackground = color(workspaceDrawerBackground).lighten(0.2).hex(); |
120 | export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; | 127 | // export const workspaceDrawerItemActiveBackground = defaultStyles.brandPrimary; |
121 | export const workspaceDrawerItemNameColor = colorText; | 128 | // export const workspaceDrawerItemNameColor = colorText; |
122 | export const workspaceDrawerItemNameActiveColor = 'white'; | 129 | // export const workspaceDrawerItemNameActiveColor = 'white'; |
123 | export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); | 130 | // export const workspaceDrawerServicesColor = color(colorText).darken(0.5).hex(); |
124 | export 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 | ||
127 | export const serviceIcon = merge({}, defaultStyles.serviceIcon, { | ||
128 | isCustom: { | ||
129 | border: `1px solid ${legacyStyles.darkThemeGrayDark}`, | ||
130 | }, | ||
131 | }); | ||