refactor(themes): remove colors usage before initiating

Author: thetaPC

core/src/themes/base/dark.tokens.ts

@@ -1,8 +1,6 @@
 import { mix, generateColorSteps } from '../../utils/theme';
 import type { DarkTheme } from '../themes.interfaces';
 
-import { colors as defaultColors } from './default.tokens';
-
 export const colors = {
   primary: '#4d8dff',
   secondary: '#46b1ff',
@@ -13,7 +11,7 @@ export const colors = {
   light: '#222428',
   medium: '#989aa2',
   dark: '#f4f5f8',
-  gray: generateColorSteps(defaultColors.white, defaultColors.black, true),
+  gray: generateColorSteps('#ffffff', '#000', true),
 };
 
 export const darkTheme: DarkTheme = {

core/src/themes/base/high-contrast-dark.tokens.ts

@@ -1,8 +1,7 @@
 import { generateColorSteps, mix } from '../../utils/theme';
 import type { HighContrastDarkTheme } from '../themes.interfaces';
 
-import { colors as defaultDarkColors } from './dark.tokens';
-import { colors as defaultColors } from './default.tokens';
+import { colors as baseDarkColors } from './dark.tokens';
 
 const colors = {
   primary: '#7cabff',
@@ -14,7 +13,7 @@ const colors = {
   light: '#222428',
   medium: '#a8aab3',
   dark: '#f4f5f8',
-  gray: defaultDarkColors.gray,
+  gray: baseDarkColors.gray,
 };
 
 export const highContrastDarkTheme: HighContrastDarkTheme = {
@@ -168,8 +167,8 @@ export const highContrastDarkTheme: HighContrastDarkTheme = {
     text: generateColorSteps('#ffffff', '#888888', true),
   },
 
-  backgroundColor: defaultColors.black,
+  backgroundColor: '#000000',
   backgroundColorRgb: '0, 0, 0',
-  textColor: defaultColors.white,
+  textColor: '#ffffff',
   textColorRgb: '255, 255, 255',
 };

core/src/themes/base/high-contrast.tokens.ts

@@ -1,8 +1,6 @@
 import { generateColorSteps, mix } from '../../utils/theme';
 import type { HighContrastTheme } from '../themes.interfaces';
 
-import { colors as defaultColors } from './default.tokens';
-
 const colors = {
   primary: '#003fae',
   secondary: '#01487b',
@@ -162,11 +160,11 @@ export const highContrastTheme: HighContrastTheme = {
         tint: mix('#fff', colors.dark, '4%'),
       },
     },
-    text: generateColorSteps('#888888', defaultColors.black),
+    text: generateColorSteps('#888888', '#000000'),
   },
 
-  backgroundColor: defaultColors.white,
+  backgroundColor: '#ffffff',
   backgroundColorRgb: '255, 255, 255',
-  textColor: defaultColors.black,
+  textColor: '#000000',
   textColorRgb: '0, 0, 0',
 };