{ "tokens": { "$color-background": "--slds-g-color-surface-1", "$color-background-alt": "--slds-g-color-surface-2", "$color-background-dark": "--slds-g-color-surface-3", "$color-background-inverse": "--slds-g-color-neutral-base-1", "$color-text-default": "--slds-g-color-on-surface", "$color-text-inverse": "--slds-g-color-on-neutral", "$color-text-weak": "--slds-g-color-neutral-2", "$color-text-label": "--slds-g-color-neutral-2", "$color-border": "--slds-g-color-border-1", "$color-border-primary": "--slds-g-color-border-brand-1", "$spacing-none": "--slds-g-spacing-0", "$spacing-xxx-small": "--slds-g-spacing-1", "$spacing-xx-small": "--slds-g-spacing-2", "$spacing-x-small": "--slds-g-spacing-3", "$spacing-small": "--slds-g-spacing-4", "$spacing-medium": "--slds-g-spacing-5", "$spacing-large": "--slds-g-spacing-6", "$spacing-x-large": "--slds-g-spacing-7", "$spacing-xx-large": "--slds-g-spacing-8", "$font-size-1": "--slds-g-font-size-1", "$font-size-2": "--slds-g-font-size-2", "$font-size-3": "--slds-g-font-size-3", "$font-size-4": "--slds-g-font-size-4", "$font-size-5": "--slds-g-font-size-5", "$font-size-6": "--slds-g-font-size-6", "$font-size-7": "--slds-g-font-size-7", "$border-radius-small": "--slds-g-radius-border-1", "$border-radius-medium": "--slds-g-radius-border-2", "$border-radius-large": "--slds-g-radius-border-3", "--lwc-colorBackground": "--slds-g-color-surface-1", "--lwc-colorBackgroundAlt": "--slds-g-color-surface-2", "--lwc-colorTextDefault": "--slds-g-color-on-surface", "--lwc-colorTextWeak": "--slds-g-color-neutral-2", "--lwc-colorBorder": "--slds-g-color-border-1", "--lwc-colorBorderPrimary": "--slds-g-color-border-brand-1", "--lwc-spacingXxSmall": "--slds-g-spacing-2", "--lwc-spacingXSmall": "--slds-g-spacing-3", "--lwc-spacingSmall": "--slds-g-spacing-4", "--lwc-spacingMedium": "--slds-g-spacing-5", "--lwc-spacingLarge": "--slds-g-spacing-6", "--lwc-spacingXLarge": "--slds-g-spacing-7", "--lwc-borderRadiusSmall": "--slds-g-radius-border-1", "--lwc-borderRadiusMedium": "--slds-g-radius-border-2", "--lwc-fontSize1": "--slds-g-font-size-1", "--lwc-fontSize2": "--slds-g-font-size-2", "--lwc-fontSize3": "--slds-g-font-size-3", "--lwc-fontSize4": "--slds-g-font-size-4", "--lwc-fontSize5": "--slds-g-font-size-5" }, "classes": { "slds-text-color_inverse": "Use --slds-g-color-on-neutral CSS variable for better dark mode support", "slds-text-color_inverse-weak": "Use --slds-g-color-neutral-2 CSS variable instead", "slds-color-background": "Use --slds-g-color-surface-* CSS variables instead of background utility classes" }, "patterns": { "hardcoded_white": { "pattern": "#fff|#ffffff|rgb\\(255,\\s*255,\\s*255\\)", "message": "Hardcoded white color - use --slds-g-color-surface-1 or --slds-g-color-neutral-10", "severity": "HIGH" }, "hardcoded_black": { "pattern": "#000|#000000|rgb\\(0,\\s*0,\\s*0\\)", "message": "Hardcoded black color - use --slds-g-color-on-surface or --slds-g-color-neutral-base-1", "severity": "HIGH" }, "sass_import": { "pattern": "@import\\s+['\"].*slds.*['\"]", "message": "SLDS Sass imports are deprecated - use CSS custom properties", "severity": "MODERATE" } } }