Files
wallet/theme/semantic-tokens.ts
2023-08-16 08:23:27 +00:00

47 lines
1.5 KiB
TypeScript

import { defineSemanticTokens } from '@pandacss/dev';
// ts-unused-exports:disable-next-line
export const semanticTokens = defineSemanticTokens({
colors: {
// Primative colours defined as semantic tokens to match Radix
brown: {
1: {
value: { base: '{colors.lightModeBrown.1}', _dark: '{colors.darkModeBrown.1}' },
},
2: {
value: { base: '{colors.lightModeBrown.1}', _dark: '{colors.darkModeBrown.1}' },
},
3: {
value: { base: '{colors.lightModeBrown.3}', _dark: '{colors.darkModeBrown.3}' },
},
4: {
value: { base: '{colors.lightModeBrown.4}', _dark: '{colors.darkModeBrown.4}' },
},
5: {
value: { base: '{colors.lightModeBrown.5}', _dark: '{colors.darkModeBrown.5}' },
},
6: {
value: { base: '{colors.lightModeBrown.6}', _dark: '{colors.darkModeBrown.6}' },
},
7: {
value: { base: '{colors.lightModeBrown.7}', _dark: '{colors.darkModeBrown.7}' },
},
8: {
value: { base: '{colors.lightModeBrown.8}', _dark: '{colors.darkModeBrown.8}' },
},
9: {
value: { base: '{colors.lightModeBrown.9}', _dark: '{colors.darkModeBrown.9}' },
},
10: {
value: { base: '{colors.lightModeBrown.10}', _dark: '{colors.darkModeBrown.10}' },
},
11: {
value: { base: '{colors.lightModeBrown.11}', _dark: '{colors.darkModeBrown.11}' },
},
12: {
value: { base: '{colors.lightModeBrown.12}', _dark: '{colors.darkModeBrown.12}' },
},
},
},
});