diff options
author | MCMXC <16797721+mcmxcdev@users.noreply.github.com> | 2023-07-29 21:12:16 -0600 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-07-30 08:42:16 +0530 |
commit | 32f76b74a69ad4d60a014bf075c39517888436bc (patch) | |
tree | 753378cc30f52d1e0e51be64b5a83d39f08f39c8 /src/themes | |
parent | 6.4.1-nightly.15 [skip ci] (diff) | |
download | ferdium-app-32f76b74a69ad4d60a014bf075c39517888436bc.tar.gz ferdium-app-32f76b74a69ad4d60a014bf075c39517888436bc.tar.zst ferdium-app-32f76b74a69ad4d60a014bf075c39517888436bc.zip |
refactor: various improvements (#1296)
* refactor: various improvements
- enable no-use-before-define eslint rule
- shuffle code to conform to no-use-before-define eslint rule
- remove btoa dependency which is deprecated and replace with Buffer.from(string).toString('base64')
- convert some any types into useful ones
- add type annotations where possible
- remove unused @types/expect.js
- install @types/semver and ts-node which were missing
- repair and rewrite add-crowdin-contributors script
- remove export keyword from variables which are never consumed in another file
- remove unity indicator hack where linked issue was closed
- remove module declaration for kebab-case which is unused
- add missing state interface for certain components
- remove default exports for files which already have a named export
- export IRecipePreview so it can be used throughout codebase
- remove unused removeCacheForCallWith method from CachedRequest.ts
- cleanup unused colors and styles inside legacy theme
* - improve ColorPickerInput
- fix invalid DOM nesting with div inside p in EditSettingsForm
- fix progressbarAccentColor color picker not updating input when using slider
- install missing @types/react-color dependency
Diffstat (limited to 'src/themes')
-rw-r--r-- | src/themes/default/index.ts | 2 | ||||
-rw-r--r-- | src/themes/legacy/index.ts | 11 |
2 files changed, 1 insertions, 12 deletions
diff --git a/src/themes/default/index.ts b/src/themes/default/index.ts index 2e18e1307..31c6cbd63 100644 --- a/src/themes/default/index.ts +++ b/src/themes/default/index.ts | |||
@@ -15,7 +15,7 @@ export default (brandPrimary: string) => { | |||
15 | const uiFontSize = 14; | 15 | const uiFontSize = 14; |
16 | const colorBackground = legacyStyles.themeGrayLighter; | 16 | const colorBackground = legacyStyles.themeGrayLighter; |
17 | const colorContentBackground = '#FFFFFF'; | 17 | const colorContentBackground = '#FFFFFF'; |
18 | const colorText = legacyStyles.themeTextColor; | 18 | const colorText = legacyStyles.themeGrayDark; |
19 | const inputColor = legacyStyles.themeGray; | 19 | const inputColor = legacyStyles.themeGray; |
20 | const inputBackground = legacyStyles.themeGrayLightest; | 20 | const inputBackground = legacyStyles.themeGrayLightest; |
21 | const inputHeight = 40; | 21 | const inputHeight = 40; |
diff --git a/src/themes/legacy/index.ts b/src/themes/legacy/index.ts index ca3216e7f..9caefc698 100644 --- a/src/themes/legacy/index.ts +++ b/src/themes/legacy/index.ts | |||
@@ -1,10 +1,7 @@ | |||
1 | /* legacy config, injected into sass */ | 1 | /* legacy config, injected into sass */ |
2 | export { DEFAULT_ACCENT_COLOR as themeBrandPrimary } from '../../config'; | 2 | export { DEFAULT_ACCENT_COLOR as themeBrandPrimary } from '../../config'; |
3 | 3 | ||
4 | export const themeBrandSuccess = '#5cb85c'; | ||
5 | export const themeBrandInfo = '#5bc0de'; | 4 | export const themeBrandInfo = '#5bc0de'; |
6 | export const themeBrandWarning = '#FF9F00'; | ||
7 | export const themeBrandDanger = '#d9534f'; | ||
8 | 5 | ||
9 | export const themeGrayDark = '#373a3c'; | 6 | export const themeGrayDark = '#373a3c'; |
10 | export const themeGray = '#55595c'; | 7 | export const themeGray = '#55595c'; |
@@ -15,14 +12,6 @@ export const themeGrayLightest = '#f7f7f9'; | |||
15 | export const themeBorderRadius = '6px'; | 12 | export const themeBorderRadius = '6px'; |
16 | export const themeBorderRadiusSmall = '3px'; | 13 | export const themeBorderRadiusSmall = '3px'; |
17 | 14 | ||
18 | export const themeSidebarWidth = '68px'; | ||
19 | |||
20 | export const themeTextColor = themeGrayDark; | ||
21 | |||
22 | export const themeTransitionTime = '.5s'; | ||
23 | |||
24 | export const themeInsetShadow = 'inset 0 2px 5px rgba(0, 0, 0, .03)'; | ||
25 | |||
26 | export const darkThemeBlack = '#1A1A1A'; | 15 | export const darkThemeBlack = '#1A1A1A'; |
27 | 16 | ||
28 | export const darkThemeGrayDarkest = '#1E1E1E'; | 17 | export const darkThemeGrayDarkest = '#1E1E1E'; |