chore: convert some js scripts & gulpfile into typescript (#693)

2 files changed, 46 insertions, 38 deletions

diff --git a/scripts/theme/default/legacy.js b/scripts/theme/default/legacy.js
deleted file mode 100644
index 015dca756..000000000
--- a/scripts/theme/default/legacy.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/* legacy config, injected into sass at build time */
-export const themeBrandPrimary = '#7266F0';
-export const themeBrandSuccess = '#5cb85c';
-export const themeBrandInfo = '#5bc0de';
-export const themeBrandWarning = '#FF9F00';
-export const themeBrandDanger = '#d9534f';
-
-export const themeGrayDark = '#373a3c';
-export const themeGray = '#55595c';
-export const themeGrayLight = '#818a91';
-export const themeGrayLighter = '#eceeef';
-export const themeGrayLightest = '#f7f7f9';
-
-export const themeBorderRadius = '6px';
-export const themeBorderRadiusSmall = '3px';
-
-export const themeSidebarWidth = '68px';
-
-export const themeTextColor = themeGrayDark;
-
-export const themeTransitionTime = '.5s';
-
-export const themeInsetShadow = 'inset 0 2px 5px rgba(0, 0, 0, .03)';
-
-export const darkThemeBlack = '#1A1A1A';
-
-export const darkThemeGrayDarkest = '#1E1E1E';
-export const darkThemeGrayDarker = '#2D2F31';
-export const darkThemeGrayDark = '#383A3B';
-
-export const darkThemeGray = '#47494B';
-
-export const darkThemeGrayLight = '#515355';
-export const darkThemeGrayLighter = '#8a8b8b';
-export const darkThemeGrayLightest = '#FFFFFF';
-
-export const darkThemeGraySmoke = '#CED0D1';
-export const darkThemeTextColor = '#FFFFFF';
diff --git a/scripts/theme/default/legacy.ts b/scripts/theme/default/legacy.ts
new file mode 100644
index 000000000..e7e15f7cf
--- /dev/null
+++ b/scripts/theme/default/legacy.ts
@@ -0,0 +1,46 @@
+/* legacy config, injected into sass at build time */
+interface ILegacyConfig {
+  [key: string]: string;
+}
+
+const legacyConfig: ILegacyConfig = {
+  themeBrandPrimary: '#7266F0',
+  themeBrandSuccess: '#5cb85c',
+  themeBrandInfo: '#5bc0de',
+  themeBrandWarning: '#FF9F00',
+  themeBrandDanger: '#d9534f',
+
+  themeGrayDark: '#373a3c',
+  themeGray: '#55595c',
+  themeGrayLight: '#818a91',
+  themeGrayLighter: '#eceeef',
+  themeGrayLightest: '#f7f7f9',
+
+  themeBorderRadius: '6px',
+  themeBorderRadiusSmall: '3px',
+
+  themeSidebarWidth: '68px',
+
+  themeTextColor: '#373a3c',
+
+  themeTransitionTime: '.5s',
+
+  themeInsetShadow: 'inset 0 2px 5px rgba(0, 0, 0, .03)',
+
+  darkThemeBlack: '#1A1A1A',
+
+  darkThemeGrayDarkest: '#1E1E1E',
+  darkThemeGrayDarker: '#2D2F31',
+  darkThemeGrayDark: '#383A3B',
+
+  darkThemeGray: '#47494B',
+
+  darkThemeGrayLight: '#515355',
+  darkThemeGrayLighter: '#8a8b8b',
+  darkThemeGrayLightest: '#FFFFFF',
+
+  darkThemeGraySmoke: '#CED0D1',
+  darkThemeTextColor: '#FFFFFF',
+};
+
+export default legacyConfig;