@@ -29,155 +29,155 @@ $text-color-rgb: var(--ion-text-color-rgb, $text-color-rgb-value);
2929$background-color-step-50 : var (
3030 --ion-color-step-50 ,
3131 var (--ion-background-color-step-50 , mix ($text-color-value , $background-color-value , 5% ))
32- ); // f2f2f2 --ion-color-gray-50
32+ );
3333$background-color-step-100 : var (
3434 --ion-color-step-100 ,
3535 var (--ion-background-color-step-100 , mix ($text-color-value , $background-color-value , 10% ))
36- ); // e6e6e6 --ion-color-gray-100
36+ );
3737$background-color-step-150 : var (
3838 --ion-color-step-150 ,
3939 var (--ion-background-color-step-150 , mix ($text-color-value , $background-color-value , 15% ))
40- ); // d9d9d9 --ion-color-gray-150
40+ );
4141$background-color-step-200 : var (
4242 --ion-color-step-200 ,
4343 var (--ion-background-color-step-200 , mix ($text-color-value , $background-color-value , 20% ))
44- ); // cccccc --ion-color-gray-200
44+ );
4545$background-color-step-250 : var (
4646 --ion-color-step-250 ,
4747 var (--ion-background-color-step-250 , mix ($text-color-value , $background-color-value , 25% ))
48- ); // bfbfbf --ion-color-gray-250
48+ );
4949$background-color-step-300 : var (
5050 --ion-color-step-300 ,
5151 var (--ion-background-color-step-300 , mix ($text-color-value , $background-color-value , 30% ))
52- ); // b3b3b3 --ion-color-gray-300
52+ );
5353$background-color-step-350 : var (
5454 --ion-color-step-350 ,
5555 var (--ion-background-color-step-350 , mix ($text-color-value , $background-color-value , 35% ))
56- ); // a6a6a6 --ion-color-gray-350
56+ );
5757$background-color-step-400 : var (
5858 --ion-color-step-400 ,
5959 var (--ion-background-color-step-400 , mix ($text-color-value , $background-color-value , 40% ))
60- ); // 999999 --ion-color-gray-400
60+ );
6161$background-color-step-450 : var (
6262 --ion-color-step-450 ,
6363 var (--ion-background-color-step-450 , mix ($text-color-value , $background-color-value , 45% ))
64- ); // 8c8c8c --ion-color-gray-450
64+ );
6565$background-color-step-500 : var (
6666 --ion-color-step-500 ,
6767 var (--ion-background-color-step-500 , mix ($text-color-value , $background-color-value , 50% ))
68- ); // 808080 --ion-color-gray-500
68+ );
6969$background-color-step-550 : var (
7070 --ion-color-step-550 ,
7171 var (--ion-background-color-step-550 , mix ($text-color-value , $background-color-value , 55% ))
72- ); // 737373 --ion-color-gray-550
72+ );
7373$background-color-step-600 : var (
7474 --ion-color-step-600 ,
7575 var (--ion-background-color-step-600 , mix ($text-color-value , $background-color-value , 60% ))
76- ); // 666666 --ion-color-gray-600
76+ );
7777$background-color-step-650 : var (
7878 --ion-color-step-650 ,
7979 var (--ion-background-color-step-650 , mix ($text-color-value , $background-color-value , 65% ))
80- ); // 595959 --ion-color-gray-650
80+ );
8181$background-color-step-700 : var (
8282 --ion-color-step-700 ,
8383 var (--ion-background-color-step-700 , mix ($text-color-value , $background-color-value , 70% ))
84- ); // 4d4d4d --ion-color-gray-700
84+ );
8585$background-color-step-750 : var (
8686 --ion-color-step-750 ,
8787 var (--ion-background-color-step-750 , mix ($text-color-value , $background-color-value , 75% ))
88- ); // 404040 --ion-color-gray-750
88+ );
8989$background-color-step-800 : var (
9090 --ion-color-step-800 ,
9191 var (--ion-background-color-step-800 , mix ($text-color-value , $background-color-value , 80% ))
92- ); // 333333 --ion-color-gray-800
92+ );
9393$background-color-step-850 : var (
9494 --ion-color-step-850 ,
9595 var (--ion-background-color-step-850 , mix ($text-color-value , $background-color-value , 85% ))
96- ); // 262626 --ion-color-gray-850
96+ );
9797$background-color-step-900 : var (
9898 --ion-color-step-900 ,
9999 var (--ion-background-color-step-900 , mix ($text-color-value , $background-color-value , 90% ))
100- ); // 191919 --ion-color-gray-900
100+ );
101101$background-color-step-950 : var (
102102 --ion-color-step-950 ,
103103 var (--ion-background-color-step-950 , mix ($text-color-value , $background-color-value , 95% ))
104- ); // 0d0d0d --ion-color-gray-950
104+ );
105105$text-color-step-50 : var (
106106 --ion-color-step-950 ,
107107 var (--ion-text-color-step-50 , mix ($background-color-value , $text-color-value , 5% ))
108- ); // 0d0d0d --ion-color-gray-950
108+ );
109109$text-color-step-100 : var (
110110 --ion-color-step-900 ,
111111 var (--ion-text-color-step-100 , mix ($background-color-value , $text-color-value , 10% ))
112- ); // 191919 --ion-color-gray-900
112+ );
113113$text-color-step-150 : var (
114114 --ion-color-step-850 ,
115115 var (--ion-text-color-step-150 , mix ($background-color-value , $text-color-value , 15% ))
116- ); // 262626 --ion-color-gray-850
116+ );
117117$text-color-step-200 : var (
118118 --ion-color-step-800 ,
119119 var (--ion-text-color-step-200 , mix ($background-color-value , $text-color-value , 20% ))
120- ); // 333333 --ion-color-gray-800
120+ );
121121$text-color-step-250 : var (
122122 --ion-color-step-750 ,
123123 var (--ion-text-color-step-250 , mix ($background-color-value , $text-color-value , 25% ))
124- ); // 404040 --ion-color-gray-750
124+ );
125125$text-color-step-300 : var (
126126 --ion-color-step-700 ,
127127 var (--ion-text-color-step-300 , mix ($background-color-value , $text-color-value , 30% ))
128- ); // 4d4d4d --ion-color-gray-700
128+ );
129129$text-color-step-350 : var (
130130 --ion-color-step-650 ,
131131 var (--ion-text-color-step-350 , mix ($background-color-value , $text-color-value , 35% ))
132- ); // 595959 --ion-color-gray-650
132+ );
133133$text-color-step-400 : var (
134134 --ion-color-step-600 ,
135135 var (--ion-text-color-step-400 , mix ($background-color-value , $text-color-value , 40% ))
136- ); // 666666 --ion-color-gray-600
136+ );
137137$text-color-step-450 : var (
138138 --ion-color-step-550 ,
139139 var (--ion-text-color-step-450 , mix ($background-color-value , $text-color-value , 45% ))
140- ); // 737373 --ion-color-gray-550
140+ );
141141$text-color-step-500 : var (
142142 --ion-color-step-500 ,
143143 var (--ion-text-color-step-500 , mix ($background-color-value , $text-color-value , 50% ))
144- ); // 808080 --ion-color-gray-500
144+ );
145145$text-color-step-550 : var (
146146 --ion-color-step-450 ,
147147 var (--ion-text-color-step-550 , mix ($background-color-value , $text-color-value , 55% ))
148- ); // 8c8c8c --ion-color-gray-450
148+ );
149149$text-color-step-600 : var (
150150 --ion-color-step-400 ,
151151 var (--ion-text-color-step-600 , mix ($background-color-value , $text-color-value , 60% ))
152- ); // 999999 --ion-color-gray-400
152+ );
153153$text-color-step-650 : var (
154154 --ion-color-step-350 ,
155155 var (--ion-text-color-step-650 , mix ($background-color-value , $text-color-value , 65% ))
156- ); // a6a6a6 --ion-color-gray-350
156+ );
157157$text-color-step-700 : var (
158158 --ion-color-step-300 ,
159159 var (--ion-text-color-step-700 , mix ($background-color-value , $text-color-value , 70% ))
160- ); // b3b3b3 --ion-color-gray-300
160+ );
161161$text-color-step-750 : var (
162162 --ion-color-step-250 ,
163163 var (--ion-text-color-step-750 , mix ($background-color-value , $text-color-value , 75% ))
164- ); // bfbfbf --ion-color-gray-250
164+ );
165165$text-color-step-800 : var (
166166 --ion-color-step-200 ,
167167 var (--ion-text-color-step-800 , mix ($background-color-value , $text-color-value , 80% ))
168- ); // cccccc --ion-color-gray-200
168+ );
169169$text-color-step-850 : var (
170170 --ion-color-step-150 ,
171171 var (--ion-text-color-step-850 , mix ($background-color-value , $text-color-value , 85% ))
172- ); // d9d9d9 --ion-color-gray-150
172+ );
173173$text-color-step-900 : var (
174174 --ion-color-step-100 ,
175175 var (--ion-text-color-step-900 , mix ($background-color-value , $text-color-value , 90% ))
176- ); // e6e6e6 --ion-color-gray-100
176+ );
177177$text-color-step-950 : var (
178178 --ion-color-step-50 ,
179179 var (--ion-text-color-step-950 , mix ($background-color-value , $text-color-value , 95% ))
180- ); // f2f2f2 --ion-color-gray-50
180+ );
181181
182182// Default General Colors
183183// --------------------------------------------------
0 commit comments