feat: started refactoring themes

 - bee
 - counterStrike

packages/core/components/ThemeProvider/theme.ts

@@ -0,0 +1,5 @@
+import { win95 } from './themes/win95.css';
+import { bee } from './themes/bee.css';
+import { counterStrike } from './themes/counterStrike.css';
+
+export { win95, bee, counterStrike as counterstrike };

packages/core/components/ThemeProvider/themes/bee.css.ts

@@ -0,0 +1,33 @@
+import { createTheme } from '@vanilla-extract/css';
+import { theme, generateShadows } from './baseTheme.css';
+import { contract } from './contract.css';
+
+const colors = {
+  anchor: '#1034a6',
+  anchorVisited: '#440381',
+  borderDark: '#846d06',
+  borderDarkest: '#0C1618',
+  borderLight: '#e7c221',
+  borderLighter: '#f1dd84',
+  borderLightest: '#f7ecbb',
+  canvas: '#0C1618',
+  canvasText: '#ffffff',
+  headerBackground: '#0C1618',
+  headerNotActiveBackground: '#7F7B82',
+  headerNotActiveText: '#e5bd03',
+  headerText: '#f8df6e',
+  material: '#e5bd03',
+  materialText: '#0C1618',
+  materialTextDisabled: '#846d06',
+  materialTextDisabledShadow: '#f8df6e',
+  materialTextInvert: '#ffffff',
+  progress: '#0C1618',
+  inputBackground: '#ffffff',
+  inputBackgroundDisabled: '#e7c221',
+};
+
+export const bee = createTheme(contract, {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors),
+});

packages/core/components/ThemeProvider/themes/counterStrike.css.ts

@@ -0,0 +1,33 @@
+import { createTheme } from '@vanilla-extract/css';
+import { theme, generateShadows } from './baseTheme.css';
+import { contract } from './contract.css';
+
+const colors = {
+  anchor: '#1034a6',
+  anchorVisited: '#440381',
+  borderDark: '#2c3125',
+  borderDarkest: '#0a0a0a',
+  borderLight: '#5d6d54',
+  borderLighter: '#a4b39c',
+  borderLightest: '#ccd5c8',
+  canvas: '#3e4639',
+  canvasText: '#f6fbf5',
+  headerBackground: '#4b5844',
+  headerNotActiveBackground: '#4b5844',
+  headerNotActiveText: '#74806e',
+  headerText: '#fefefe',
+  material: '#4b5844',
+  materialText: '#f6fbf5',
+  materialTextDisabled: '#2c3125',
+  materialTextDisabledShadow: '#788475',
+  materialTextInvert: '#fefefe',
+  progress: '#978830',
+  inputBackground: '#4b5844',
+  inputBackgroundDisabled: '#2c3125',
+};
+
+export const counterStrike = createTheme(contract, {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors),
+});