Skip to content

Commit 4e19ed5

Browse files
os-davidlourencoos-davidlourenco
committed
feature(colors): add new colors for ionic theme
1 parent 8181725 commit 4e19ed5

3 files changed

Lines changed: 512 additions & 0 deletions

File tree

‎core/src/components/chip/test/hue/chip.e2e.ts‎

Lines changed: 156 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,42 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
4242
<ion-icon name="logo-ionic"></ion-icon>
4343
<ion-label>Chip</ion-label>
4444
</ion-chip>
45+
<ion-chip color="pumpkin">
46+
<ion-icon name="logo-ionic"></ion-icon>
47+
<ion-label>Chip</ion-label>
48+
</ion-chip>
49+
<ion-chip color="orange">
50+
<ion-icon name="logo-ionic"></ion-icon>
51+
<ion-label>Chip</ion-label>
52+
</ion-chip>
53+
<ion-chip color="lime">
54+
<ion-icon name="logo-ionic"></ion-icon>
55+
<ion-label>Chip</ion-label>
56+
</ion-chip>
57+
<ion-chip color="teal">
58+
<ion-icon name="logo-ionic"></ion-icon>
59+
<ion-label>Chip</ion-label>
60+
</ion-chip>
61+
<ion-chip color="aqua">
62+
<ion-icon name="logo-ionic"></ion-icon>
63+
<ion-label>Chip</ion-label>
64+
</ion-chip>
65+
<ion-chip color="indigo">
66+
<ion-icon name="logo-ionic"></ion-icon>
67+
<ion-label>Chip</ion-label>
68+
</ion-chip>
69+
<ion-chip color="violet">
70+
<ion-icon name="logo-ionic"></ion-icon>
71+
<ion-label>Chip</ion-label>
72+
</ion-chip>
73+
<ion-chip color="purple">
74+
<ion-icon name="logo-ionic"></ion-icon>
75+
<ion-label>Chip</ion-label>
76+
</ion-chip>
77+
<ion-chip color="pink">
78+
<ion-icon name="logo-ionic"></ion-icon>
79+
<ion-label>Chip</ion-label>
80+
</ion-chip>
4581
<ion-chip color="light">
4682
<ion-icon name="logo-ionic"></ion-icon>
4783
<ion-label>Chip</ion-label>
@@ -85,6 +121,46 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
85121
<ion-icon name="logo-ionic"></ion-icon>
86122
<ion-label>Chip</ion-label>
87123
</ion-chip>
124+
<ion-chip outline color="pumpkin">
125+
<ion-icon name="logo-ionic"></ion-icon>
126+
<ion-label>Chip</ion-label>
127+
</ion-chip>
128+
<ion-chip outline color="orange">
129+
<ion-icon name="logo-ionic"></ion-icon>
130+
<ion-label>Chip</ion-label>
131+
</ion-chip>
132+
<ion-chip outline color="lime">
133+
<ion-icon name="logo-ionic"></ion-icon>
134+
<ion-label>Chip</ion-label>
135+
</ion-chip>
136+
<ion-chip outline color="teal">
137+
<ion-icon name="logo-ionic"></ion-icon>
138+
<ion-label>Chip</ion-label>
139+
</ion-chip>
140+
<ion-chip outline color="aqua">
141+
<ion-icon name="logo-ionic"></ion-icon>
142+
<ion-label>Chip</ion-label>
143+
</ion-chip>
144+
<ion-chip outline color="indigo">
145+
<ion-icon name="logo-ionic"></ion-icon>
146+
<ion-label>Chip</ion-label>
147+
</ion-chip>
148+
<ion-chip outline color="violet">
149+
<ion-icon name="logo-ionic"></ion-icon>
150+
<ion-label>Chip</ion-label>
151+
</ion-chip>
152+
<ion-chip outline color="purple">
153+
<ion-icon name="logo-ionic"></ion-icon>
154+
<ion-label>Chip</ion-label>
155+
</ion-chip>
156+
<ion-chip outline color="magenta">
157+
<ion-icon name="logo-ionic"></ion-icon>
158+
<ion-label>Chip</ion-label>
159+
</ion-chip>
160+
<ion-chip outline color="pink">
161+
<ion-icon name="logo-ionic"></ion-icon>
162+
<ion-label>Chip</ion-label>
163+
</ion-chip>
88164
<ion-chip outline color="light">
89165
<ion-icon name="logo-ionic"></ion-icon>
90166
<ion-label>Chip</ion-label>
@@ -146,6 +222,46 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
146222
<ion-icon name="logo-ionic"></ion-icon>
147223
<ion-label>Chip</ion-label>
148224
</ion-chip>
225+
<ion-chip hue="bold" color="pumpkin">
226+
<ion-icon name="logo-ionic"></ion-icon>
227+
<ion-label>Chip</ion-label>
228+
</ion-chip>
229+
<ion-chip hue="bold" color="orange">
230+
<ion-icon name="logo-ionic"></ion-icon>
231+
<ion-label>Chip</ion-label>
232+
</ion-chip>
233+
<ion-chip hue="bold" color="lime">
234+
<ion-icon name="logo-ionic"></ion-icon>
235+
<ion-label>Chip</ion-label>
236+
</ion-chip>
237+
<ion-chip hue="bold" color="teal">
238+
<ion-icon name="logo-ionic"></ion-icon>
239+
<ion-label>Chip</ion-label>
240+
</ion-chip>
241+
<ion-chip hue="bold" color="aqua">
242+
<ion-icon name="logo-ionic"></ion-icon>
243+
<ion-label>Chip</ion-label>
244+
</ion-chip>
245+
<ion-chip hue="bold" color="indigo">
246+
<ion-icon name="logo-ionic"></ion-icon>
247+
<ion-label>Chip</ion-label>
248+
</ion-chip>
249+
<ion-chip hue="bold" color="violet">
250+
<ion-icon name="logo-ionic"></ion-icon>
251+
<ion-label>Chip</ion-label>
252+
</ion-chip>
253+
<ion-chip hue="bold" color="purple">
254+
<ion-icon name="logo-ionic"></ion-icon>
255+
<ion-label>Chip</ion-label>
256+
</ion-chip>
257+
<ion-chip hue="bold" color="magenta">
258+
<ion-icon name="logo-ionic"></ion-icon>
259+
<ion-label>Chip</ion-label>
260+
</ion-chip>
261+
<ion-chip hue="bold" color="pink">
262+
<ion-icon name="logo-ionic"></ion-icon>
263+
<ion-label>Chip</ion-label>
264+
</ion-chip>
149265
<ion-chip hue="bold" color="light">
150266
<ion-icon name="logo-ionic"></ion-icon>
151267
<ion-label>Chip</ion-label>
@@ -189,6 +305,46 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
189305
<ion-icon name="logo-ionic"></ion-icon>
190306
<ion-label>Chip</ion-label>
191307
</ion-chip>
308+
<ion-chip hue="bold" outline color="pumpkin">
309+
<ion-icon name="logo-ionic"></ion-icon>
310+
<ion-label>Chip</ion-label>
311+
</ion-chip>
312+
<ion-chip hue="bold" outline color="orange">
313+
<ion-icon name="logo-ionic"></ion-icon>
314+
<ion-label>Chip</ion-label>
315+
</ion-chip>
316+
<ion-chip hue="bold" outline color="lime">
317+
<ion-icon name="logo-ionic"></ion-icon>
318+
<ion-label>Chip</ion-label>
319+
</ion-chip>
320+
<ion-chip hue="bold" outline color="teal">
321+
<ion-icon name="logo-ionic"></ion-icon>
322+
<ion-label>Chip</ion-label>
323+
</ion-chip>
324+
<ion-chip hue="bold" outline color="aqua">
325+
<ion-icon name="logo-ionic"></ion-icon>
326+
<ion-label>Chip</ion-label>
327+
</ion-chip>
328+
<ion-chip hue="bold" outline color="indigo">
329+
<ion-icon name="logo-ionic"></ion-icon>
330+
<ion-label>Chip</ion-label>
331+
</ion-chip>
332+
<ion-chip hue="bold" outline color="violet">
333+
<ion-icon name="logo-ionic"></ion-icon>
334+
<ion-label>Chip</ion-label>
335+
</ion-chip>
336+
<ion-chip hue="bold" outline color="purple">
337+
<ion-icon name="logo-ionic"></ion-icon>
338+
<ion-label>Chip</ion-label>
339+
</ion-chip>
340+
<ion-chip hue="bold" outline color="magenta">
341+
<ion-icon name="logo-ionic"></ion-icon>
342+
<ion-label>Chip</ion-label>
343+
</ion-chip>
344+
<ion-chip hue="bold" outline color="pink">
345+
<ion-icon name="logo-ionic"></ion-icon>
346+
<ion-label>Chip</ion-label>
347+
</ion-chip>
192348
<ion-chip hue="bold" outline color="light">
193349
<ion-icon name="logo-ionic"></ion-icon>
194350
<ion-label>Chip</ion-label>

‎core/src/components/chip/test/hue/index.html‎

Lines changed: 156 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,42 @@ <h2>Chip Hue: Subtle</h2>
5959
<ion-icon name="logo-ionic"></ion-icon>
6060
<ion-label>Chip</ion-label>
6161
</ion-chip>
62+
<ion-chip color="pumpkin">
63+
<ion-icon name="logo-ionic"></ion-icon>
64+
<ion-label>Chip</ion-label>
65+
</ion-chip>
66+
<ion-chip color="orange">
67+
<ion-icon name="logo-ionic"></ion-icon>
68+
<ion-label>Chip</ion-label>
69+
</ion-chip>
70+
<ion-chip color="lime">
71+
<ion-icon name="logo-ionic"></ion-icon>
72+
<ion-label>Chip</ion-label>
73+
</ion-chip>
74+
<ion-chip color="teal">
75+
<ion-icon name="logo-ionic"></ion-icon>
76+
<ion-label>Chip</ion-label>
77+
</ion-chip>
78+
<ion-chip color="aqua">
79+
<ion-icon name="logo-ionic"></ion-icon>
80+
<ion-label>Chip</ion-label>
81+
</ion-chip>
82+
<ion-chip color="indigo">
83+
<ion-icon name="logo-ionic"></ion-icon>
84+
<ion-label>Chip</ion-label>
85+
</ion-chip>
86+
<ion-chip color="violet">
87+
<ion-icon name="logo-ionic"></ion-icon>
88+
<ion-label>Chip</ion-label>
89+
</ion-chip>
90+
<ion-chip color="purple">
91+
<ion-icon name="logo-ionic"></ion-icon>
92+
<ion-label>Chip</ion-label>
93+
</ion-chip>
94+
<ion-chip color="pink">
95+
<ion-icon name="logo-ionic"></ion-icon>
96+
<ion-label>Chip</ion-label>
97+
</ion-chip>
6298
<ion-chip color="light">
6399
<ion-icon name="logo-ionic"></ion-icon>
64100
<ion-label>Chip</ion-label>
@@ -102,6 +138,46 @@ <h2>Chip Hue: Subtle</h2>
102138
<ion-icon name="logo-ionic"></ion-icon>
103139
<ion-label>Chip</ion-label>
104140
</ion-chip>
141+
<ion-chip outline color="pumpkin">
142+
<ion-icon name="logo-ionic"></ion-icon>
143+
<ion-label>Chip</ion-label>
144+
</ion-chip>
145+
<ion-chip outline color="orange">
146+
<ion-icon name="logo-ionic"></ion-icon>
147+
<ion-label>Chip</ion-label>
148+
</ion-chip>
149+
<ion-chip outline color="lime">
150+
<ion-icon name="logo-ionic"></ion-icon>
151+
<ion-label>Chip</ion-label>
152+
</ion-chip>
153+
<ion-chip outline color="teal">
154+
<ion-icon name="logo-ionic"></ion-icon>
155+
<ion-label>Chip</ion-label>
156+
</ion-chip>
157+
<ion-chip outline color="aqua">
158+
<ion-icon name="logo-ionic"></ion-icon>
159+
<ion-label>Chip</ion-label>
160+
</ion-chip>
161+
<ion-chip outline color="indigo">
162+
<ion-icon name="logo-ionic"></ion-icon>
163+
<ion-label>Chip</ion-label>
164+
</ion-chip>
165+
<ion-chip outline color="violet">
166+
<ion-icon name="logo-ionic"></ion-icon>
167+
<ion-label>Chip</ion-label>
168+
</ion-chip>
169+
<ion-chip outline color="purple">
170+
<ion-icon name="logo-ionic"></ion-icon>
171+
<ion-label>Chip</ion-label>
172+
</ion-chip>
173+
<ion-chip outline color="magenta">
174+
<ion-icon name="logo-ionic"></ion-icon>
175+
<ion-label>Chip</ion-label>
176+
</ion-chip>
177+
<ion-chip outline color="pink">
178+
<ion-icon name="logo-ionic"></ion-icon>
179+
<ion-label>Chip</ion-label>
180+
</ion-chip>
105181
<ion-chip outline color="light">
106182
<ion-icon name="logo-ionic"></ion-icon>
107183
<ion-label>Chip</ion-label>
@@ -145,6 +221,46 @@ <h2>Chip Hue: Bold</h2>
145221
<ion-icon name="logo-ionic"></ion-icon>
146222
<ion-label>Chip</ion-label>
147223
</ion-chip>
224+
<ion-chip hue="bold" color="pumpkin">
225+
<ion-icon name="logo-ionic"></ion-icon>
226+
<ion-label>Chip</ion-label>
227+
</ion-chip>
228+
<ion-chip hue="bold" color="orange">
229+
<ion-icon name="logo-ionic"></ion-icon>
230+
<ion-label>Chip</ion-label>
231+
</ion-chip>
232+
<ion-chip hue="bold" color="lime">
233+
<ion-icon name="logo-ionic"></ion-icon>
234+
<ion-label>Chip</ion-label>
235+
</ion-chip>
236+
<ion-chip hue="bold" color="teal">
237+
<ion-icon name="logo-ionic"></ion-icon>
238+
<ion-label>Chip</ion-label>
239+
</ion-chip>
240+
<ion-chip hue="bold" color="aqua">
241+
<ion-icon name="logo-ionic"></ion-icon>
242+
<ion-label>Chip</ion-label>
243+
</ion-chip>
244+
<ion-chip hue="bold" color="indigo">
245+
<ion-icon name="logo-ionic"></ion-icon>
246+
<ion-label>Chip</ion-label>
247+
</ion-chip>
248+
<ion-chip hue="bold" color="violet">
249+
<ion-icon name="logo-ionic"></ion-icon>
250+
<ion-label>Chip</ion-label>
251+
</ion-chip>
252+
<ion-chip hue="bold" color="purple">
253+
<ion-icon name="logo-ionic"></ion-icon>
254+
<ion-label>Chip</ion-label>
255+
</ion-chip>
256+
<ion-chip hue="bold" color="magenta">
257+
<ion-icon name="logo-ionic"></ion-icon>
258+
<ion-label>Chip</ion-label>
259+
</ion-chip>
260+
<ion-chip hue="bold" color="pink">
261+
<ion-icon name="logo-ionic"></ion-icon>
262+
<ion-label>Chip</ion-label>
263+
</ion-chip>
148264
<ion-chip hue="bold" color="light">
149265
<ion-icon name="logo-ionic"></ion-icon>
150266
<ion-label>Chip</ion-label>
@@ -188,6 +304,46 @@ <h2>Chip Hue: Bold</h2>
188304
<ion-icon name="logo-ionic"></ion-icon>
189305
<ion-label>Chip</ion-label>
190306
</ion-chip>
307+
<ion-chip hue="bold" outline color="pumpkin">
308+
<ion-icon name="logo-ionic"></ion-icon>
309+
<ion-label>Chip</ion-label>
310+
</ion-chip>
311+
<ion-chip hue="bold" outline color="orange">
312+
<ion-icon name="logo-ionic"></ion-icon>
313+
<ion-label>Chip</ion-label>
314+
</ion-chip>
315+
<ion-chip hue="bold" outline color="lime">
316+
<ion-icon name="logo-ionic"></ion-icon>
317+
<ion-label>Chip</ion-label>
318+
</ion-chip>
319+
<ion-chip hue="bold" outline color="teal">
320+
<ion-icon name="logo-ionic"></ion-icon>
321+
<ion-label>Chip</ion-label>
322+
</ion-chip>
323+
<ion-chip hue="bold" outline color="aqua">
324+
<ion-icon name="logo-ionic"></ion-icon>
325+
<ion-label>Chip</ion-label>
326+
</ion-chip>
327+
<ion-chip hue="bold" outline color="indigo">
328+
<ion-icon name="logo-ionic"></ion-icon>
329+
<ion-label>Chip</ion-label>
330+
</ion-chip>
331+
<ion-chip hue="bold" outline color="violet">
332+
<ion-icon name="logo-ionic"></ion-icon>
333+
<ion-label>Chip</ion-label>
334+
</ion-chip>
335+
<ion-chip hue="bold" outline color="purple">
336+
<ion-icon name="logo-ionic"></ion-icon>
337+
<ion-label>Chip</ion-label>
338+
</ion-chip>
339+
<ion-chip hue="bold" outline color="magenta">
340+
<ion-icon name="logo-ionic"></ion-icon>
341+
<ion-label>Chip</ion-label>
342+
</ion-chip>
343+
<ion-chip hue="bold" outline color="pink">
344+
<ion-icon name="logo-ionic"></ion-icon>
345+
<ion-label>Chip</ion-label>
346+
</ion-chip>
191347
<ion-chip hue="bold" outline color="light">
192348
<ion-icon name="logo-ionic"></ion-icon>
193349
<ion-label>Chip</ion-label>

0 commit comments

Comments
 (0)