console: Fix descriptions of text color tockens

TheThingsNetwork · Jan 25, 2024 · 3ef8e1c · 3ef8e1c
1 parent c143724
commit 3ef8e1c
Showing 1 changed file with 20 additions and 20 deletions.
diff --git 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
       // ===========