feat(tokens): replace validation styles with gray

thetaPC · thetaPC · commit a1b9b265bbb8 · 2026-02-27T16:00:37.000-08:00
diff --git a/core/src/components/checkbox/test/validation/index.html b/core/src/components/checkbox/test/validation/index.html
@@ -24,6 +24,8 @@
         font-size: 12px;
         font-weight: normal;
 
+        color: var(--ion-color-gray-600);
+
         margin-top: 10px;
         margin-bottom: 5px;
       }
diff --git a/core/src/components/input/test/validation/index.html b/core/src/components/input/test/validation/index.html
@@ -24,6 +24,8 @@
         font-size: 12px;
         font-weight: normal;
 
+        color: var(--ion-color-gray-600);
+
         margin-top: 10px;
         margin-bottom: 5px;
       }
diff --git a/core/src/components/radio-group/test/validation/index.html b/core/src/components/radio-group/test/validation/index.html
@@ -24,6 +24,8 @@
         font-size: 12px;
         font-weight: normal;
 
+        color: var(--ion-color-gray-600);
+
         margin-top: 10px;
         margin-bottom: 5px;
       }
diff --git a/core/src/components/select/test/validation/index.html b/core/src/components/select/test/validation/index.html
@@ -24,6 +24,8 @@
         font-size: 12px;
         font-weight: normal;
 
+        color: var(--ion-color-gray-600);
+
         margin-top: 10px;
         margin-bottom: 5px;
       }
diff --git a/core/src/components/textarea/test/validation/index.html b/core/src/components/textarea/test/validation/index.html
@@ -24,6 +24,8 @@
         font-size: 12px;
         font-weight: normal;
 
+        color: var(--ion-color-gray-600);
+
         margin-top: 10px;
         margin-bottom: 5px;
       }
diff --git a/core/src/components/toggle/test/validation/index.html b/core/src/components/toggle/test/validation/index.html
@@ -24,6 +24,8 @@
         font-size: 12px;
         font-weight: normal;
 
+        color: var(--ion-color-gray-600);
+
         margin-top: 10px;
         margin-bottom: 5px;
       }
diff --git a/packages/angular/test/base/src/app/standalone/validation/checkbox-validation/checkbox-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/checkbox-validation/checkbox-validation.component.scss
@@ -8,6 +8,7 @@
 h2 {
   font-size: 12px;
   font-weight: normal;
+  color: var(--ion-color-gray-600);
   margin-top: 10px;
   margin-bottom: 5px;
 }
diff --git a/packages/angular/test/base/src/app/standalone/validation/input-validation/input-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/input-validation/input-validation.component.scss
@@ -8,6 +8,7 @@
 h2 {
   font-size: 12px;
   font-weight: normal;
+  color: var(--ion-color-gray-600);
   margin-top: 10px;
   margin-bottom: 5px;
 }
diff --git a/packages/angular/test/base/src/app/standalone/validation/radio-group-validation/radio-group-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/radio-group-validation/radio-group-validation.component.scss
@@ -8,6 +8,7 @@
 h2 {
   font-size: 12px;
   font-weight: normal;
+  color: var(--ion-color-gray-600);
   margin-top: 10px;
   margin-bottom: 5px;
 }
diff --git a/packages/angular/test/base/src/app/standalone/validation/select-validation/select-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/select-validation/select-validation.component.scss
@@ -8,6 +8,7 @@
 h2 {
   font-size: 12px;
   font-weight: normal;
+  color: var(--ion-color-gray-600);
   margin-top: 10px;
   margin-bottom: 5px;
 }
diff --git a/packages/angular/test/base/src/app/standalone/validation/textarea-validation/textarea-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/textarea-validation/textarea-validation.component.scss
@@ -8,6 +8,7 @@
 h2 {
   font-size: 12px;
   font-weight: normal;
+  color: var(--ion-color-gray-600);
   margin-top: 10px;
   margin-bottom: 5px;
 }
diff --git a/packages/angular/test/base/src/app/standalone/validation/toggle-validation/toggle-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/toggle-validation/toggle-validation.component.scss
@@ -8,6 +8,7 @@
 h2 {
   font-size: 12px;
   font-weight: normal;
+  color: var(--ion-color-gray-600);
   margin-top: 10px;
   margin-bottom: 5px;
 }

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,8 @@`
`24`	`24`	`font-size: 12px;`
`25`	`25`	`font-weight: normal;`
`26`	`26`
	`27`	`+ color: var(--ion-color-gray-600);`
	`28`	`+`
`27`	`29`	`margin-top: 10px;`
`28`	`30`	`margin-bottom: 5px;`
`29`	`31`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@`
`8`	`8`	`h2 {`
`9`	`9`	`font-size: 12px;`
`10`	`10`	`font-weight: normal;`
	`11`	`+ color: var(--ion-color-gray-600);`
`11`	`12`	`margin-top: 10px;`
`12`	`13`	`margin-bottom: 5px;`
`13`	`14`	`}`