azion-theme
Version:
<h1 align="center">azion-theme</h1>
79 lines (75 loc) • 3.57 kB
JavaScript
/**
* SEMANTIC TEXT TOKENS
*
* Generated from figma-reference-tokens-studio.
*/
import { tokenRef } from '../build/refs.js';
export const textSemantic = {
light: {
textColorBase: tokenRef('primitives.neutral.900'),
textColorMuted: tokenRef('primitives.neutral.600'),
textColorLink: tokenRef('primitives.blue.600'),
textColorCode: tokenRef('primitives.neutral.600'),
textColorMutedHover: tokenRef('primitives.neutral.500'),
textColorLinkHover: tokenRef('primitives.blue.700'),
textColorBaseHover: tokenRef('primitives.neutral.800'),
textColorPrimary: tokenRef('brand.primary.primary-500'),
textColorPrimaryHover: tokenRef('brand.primary.primary-600'),
textColorSecondary: tokenRef('primitives.violet.500'),
textColorSecondaryHover: tokenRef('primitives.violet.600'),
textColorAccent: tokenRef('brand.accent.accent-500'),
textColorAccentHover: tokenRef('brand.accent.accent-600'),
textBase: tokenRef('primitives.neutral.900'),
textMuted: tokenRef('primitives.neutral.600'),
textLink: tokenRef('primitives.blue.600'),
textCode: tokenRef('primitives.neutral.600'),
textMutedHover: tokenRef('primitives.neutral.500'),
textLinkHover: tokenRef('primitives.blue.700'),
textBaseHover: tokenRef('primitives.neutral.800'),
textPrimary: tokenRef('brand.primary.primary-500'),
textPrimaryHover: tokenRef('brand.primary.primary-600'),
textAccent: tokenRef('brand.accent.accent-500'),
textAccentHover: tokenRef('brand.accent.accent-600'),
textDangerHover: tokenRef('primitives.red.500'),
textWarningHover: tokenRef('primitives.yellow.500'),
textSuccessHover: tokenRef('primitives.green.500'),
textSuccess: tokenRef('primitives.green.600'),
textDanger: tokenRef('primitives.red.600'),
textWarning: tokenRef('primitives.yellow.600')
},
dark: {
textColorBase: tokenRef('primitives.neutral.50'),
textColorMuted: tokenRef('primitives.neutral.400'),
textColorLink: tokenRef('primitives.blue.300'),
textColorCode: tokenRef('primitives.neutral.400'),
textColorMutedHover: tokenRef('primitives.neutral.500'),
textColorLinkHover: tokenRef('primitives.blue.300'),
textColorBaseHover: tokenRef('primitives.neutral.200'),
textColorPrimary: tokenRef('brand.primary.primary-500'),
textColorPrimaryHover: tokenRef('brand.primary.primary-400'),
textColorSecondary: tokenRef('primitives.violet.500'),
textColorSecondaryHover: tokenRef('primitives.violet.400'),
textColorAccent: tokenRef('brand.accent.accent-500'),
textColorAccentHover: tokenRef('brand.accent.accent-400'),
textBase: tokenRef('primitives.neutral.50'),
textMuted: tokenRef('primitives.neutral.400'),
textLink: tokenRef('primitives.blue.300'),
textCode: tokenRef('primitives.neutral.400'),
textMutedHover: tokenRef('primitives.neutral.500'),
textLinkHover: tokenRef('primitives.blue.300'),
textBaseHover: tokenRef('primitives.neutral.200'),
textPrimary: tokenRef('brand.primary.primary-500'),
textPrimaryHover: tokenRef('brand.primary.primary-400'),
textAccent: tokenRef('brand.accent.accent-500'),
textAccentHover: tokenRef('brand.accent.accent-400'),
textDangerHover: tokenRef('primitives.red.500'),
textWarningHover: tokenRef('primitives.yellow.500'),
textSuccessHover: tokenRef('primitives.green.500'),
textSuccess: tokenRef('primitives.green.400'),
textDanger: tokenRef('primitives.red.400'),
textWarning: tokenRef('primitives.yellow.400')
},
};
export default {
textSemantic,
};