diff --git a/pkg/webui/styles/variables/tokens.styl b/pkg/webui/styles/variables/tokens.styl index 35a32684f30..98010d0f6cb 100644 --- a/pkg/webui/styles/variables/tokens.styl +++ b/pkg/webui/styles/variables/tokens.styl @@ -64,34 +64,34 @@ $tokens = { // Neutral - 'text-neutral-min': $c.neutral-white // Text and icon color on brand color background or active color background. - 'text-neutral-extralight': $c.neutral-400 // Text and icon color for disable text or darker text on dark background. - 'text-neutral-light': $c.neutral-500 // Text and icon color for second level information text. - 'text-neutral-semilight': $c.neutral-600 // Text and icon color for enable text in a menu. - 'text-neutral-heavy': $c.neutral-900 // Text and icon color for primary information or text when hover. + 'text-neutral-min': $c.neutral-white // Text color on brand color background or active color background. + 'text-neutral-extralight': $c.neutral-400 // Text color for disable text or darker text on dark background. + 'text-neutral-light': $c.neutral-500 // Text color for second level information text. + 'text-neutral-semilight': $c.neutral-600 // Text color for enable text in a menu. + 'text-neutral-heavy': $c.neutral-900 // Text color for primary information or text when hover. // Brand - 'text-brand-normal': $c.tts-500 // Text and icon color for highlight information. - 'text-brand-normal-hover': $c.tts-600 // Text and icon color for highlight information on hover. - 'text-brand-normal-active': $c.tts-700 // Text and icon color for highlight information on active. + 'text-brand-normal': $c.tts-500 // Text color for highlight information. + 'text-brand-normal-hover': $c.tts-600 // Text color for highlight information on hover. + 'text-brand-normal-active': $c.tts-700 // Text color for highlight information on active. // Semantic - 'text-success-bold': $c.success-800 // Text and icon color for success information on success surface. - 'text-warning-bold': $c.warning-800 // Text and icon color for warning information on warning surface. - 'text-error-bold': $c.error-800 // Text and icon color for error information on error surface. - 'text-info-bold': $c.information-800 // Text and icon color for info information on info surface. + 'text-success-bold': $c.success-800 // Text color for success information on success surface. + 'text-warning-bold': $c.warning-800 // Text color for warning information on warning surface. + 'text-error-bold': $c.error-800 // Text color for error information on error surface. + 'text-info-bold': $c.information-800 // Text color for info information on info surface. - 'text-success-normal': $c.success-600 // Text and icon color for success information. - 'text-warning-normal': $c.warning-600 // Text and icon color for warning information. - 'text-error-normal': $c.error-600 // Text and icon color for error information. - 'text-info-normal': $c.information-600 // Text and icon color for info information. + 'text-success-normal': $c.success-600 // Text color for success information. + 'text-warning-normal': $c.warning-600 // Text color for warning information. + 'text-error-normal': $c.error-600 // Text color for error information. + 'text-info-normal': $c.information-600 // Text color for info information. - 'text-success-normal-hover': $c.success-700 // Text and icon color for success information on hover. - 'text-warning-normal-hover': $c.warning-700 // Text and icon color for warning information on hover. - 'text-error-normal-hover': $c.error-700 // Text and icon color for error information on hover. - 'text-info-normal-hover': $c.information-700 // Text and icon color for info information on hover. + 'text-success-normal-hover': $c.success-700 // Text color for success information on hover. + 'text-warning-normal-hover': $c.warning-700 // Text color for warning information on hover. + 'text-error-normal-hover': $c.error-700 // Text color for error information on hover. + 'text-info-normal-hover': $c.information-700 // Text color for info information on hover. // ICON COLORS // ===========