fix: Replace placehold.it URLs with PNGs (#1088)

content/en/design/components/_index.md

@@ -15,7 +15,7 @@ Color helps users interpret and interact with app content by establishing a hier
 These are the primary colors of the navigation tabs. When necessary, use white `#FFFFFF` text over these colors.
 
 
-| ![#63A2C6](https://placehold.it/15/63A2C6/000000?text=+) Blue 	| ![#7193EE](https://placehold.it/15/7193EE/000000?text=+) Periwinkle 	| ![#F47B63](https://placehold.it/15/F47B63/000000?text=+) Pink 	| ![#76B0B0](https://placehold.it/15/76B0B0/000000?text=+) Teal 	| ![#E9AA22](https://placehold.it/15/E9AA22/000000?text=+) Yellow 	|
+| ![#63A2C6](img/blue.png) Blue 	| ![#7193EE](img/periwinkle.png) Periwinkle 	| ![#F47B63](img/pink.png) Pink 	| ![#76B0B0](img/teal.png) Teal 	| ![#E9AA22](img/yellow.png) Yellow 	|
 |:------------------------------------------------------------- 	|:------------------------------------------------------------------- 	|:------------------------------------------------------------- 	|:------------------------------------------------------------- 	|:--------------------------------------------------------------- 	|
 | `#63A2C6`                                                     	| `#7193EE`                                                           	| `#F47B63`                                                     	| `#76B0B0`                                                     	| `#E9AA22`                                                       	|
 | `rgb(99, 162, 198)`                                           	| `rgb(113, 147, 238)`                                                	| `rgb(244, 123, 99)`                                           	| `rgb(118, 176, 176)`                                          	| `rgb(233, 170, 34)`                                             	|
@@ -26,7 +26,7 @@ These are the primary colors of the navigation tabs. When necessary, use white `
 
 These are the secondary (highlight) colors of the navigation tabs. 
 
-| ![#EEF5F9](https://placehold.it/15/EEF5F9/000000?text=+) Blue Highlight 	| ![#F0F4FD](https://placehold.it/15/F0F4FD/000000?text=+) Periwinkle Highlight 	| ![#FDF1EF](https://placehold.it/15/FDF1EF/000000?text=+) Pink Highlight 	| ![#DFEAEA](https://placehold.it/15/DFEAEA/000000?text=+) Teal Highlight 	| ![#FCF6E7](https://placehold.it/15/FCF6E7/000000?text=+) Yellow Highlight 	|
+| ![#EEF5F9](img/blue-highlight.png) Blue Highlight 	| ![#F0F4FD](img/periwinkle-highlight.png) Periwinkle Highlight 	| ![#FDF1EF](img/pink-highlight.png) Pink Highlight 	| ![#DFEAEA](img/teal-highlight.png) Teal Highlight 	| ![#FCF6E7](img/yellow-highlight.png) Yellow Highlight 	|
 |:-------------------------------------------------------------------------	|:------------------------------------------------------------------------------	|:-------------------------------------------------------------------------	|:-------------------------------------------------------------------------	|:---------------------------------------------------------------------------	|
 | `#EEF5F9`                                                               	| `#F0F4FD`                                                                     	| `#FDF1EF`                                                               	| `#DFEAEA`                                                               	| `#FCF6E7`                                                                 	|
 | `rgb(238, 245, 249)`                                                    	| `rgb(240, 244, 253)`                                                          	| `rgb(253, 241, 239)`                                                    	| `rgb(223, 234, 234)`                                                    	| `rgb(252, 246, 231)`                                                      	|
@@ -36,7 +36,7 @@ These are the secondary (highlight) colors of the navigation tabs.
 
 These are the status indication colors of the system. When necessary, use white `#FFFFFF` text over these colors.
 
-| ![#218E7F](https://placehold.it/15/218E7F/000000?text=+) Teal Dark 	| ![#007AC0](https://placehold.it/15/007AC0/000000?text=+) Blue Dark 	| ![#C78330](https://placehold.it/15/C78330/000000?text=+) Yellow Dark 	| ![#E33030](https://placehold.it/15/E33030/000000?text=+) Red 	|
+| ![#218E7F](img/teal-dark.png) Teal Dark 	| ![#007AC0](img/blue-dark.png) Blue Dark 	| ![#C78330](img/yellow-dark.png) Yellow Dark 	| ![#E33030](img/red.png) Red 	|
 |:-------------------------------------------------------------------	|:------------------------------------------------------------------	|:---------------------------------------------------------------------	|:-------------------------------------------------------------	|
 | `#218E7F`                                                          	| `#007AC0`                                                         	| `#C78330`                                                            	| `#E33030`                                                    	|
 | `rgb(33, 142, 127)`                                                	| `rgb(0, 122, 192)`                                                	| `rgb(199, 131, 48)`                                                  	| `rgb(227, 48, 48)`                                           	|
@@ -45,7 +45,7 @@ These are the status indication colors of the system. When necessary, use white
 
 ### Backgrounds
 
-| ![#777777](https://placehold.it/15/777777/000000?text=+) Gray Dark 	| ![#E0E0E0](https://placehold.it/15/E0E0E0/000000?text=+) Gray Light 	| ![#A0A0A0](https://placehold.it/15/A0A0A0/000000?text=+) Gray Medium 	| ![#333333](https://placehold.it/15/333333/000000?text=+) Gray Ultra Dark 	| ![#F2F2F2](https://placehold.it/15/F2F2F2/000000?text=+) Gray Ultra Light 	| ![#FFFFFF](https://placehold.it/15/FFFFFF/000000?text=+) White 	|
+| ![#777777](img/gray-dark.png) Gray Dark 	| ![#E0E0E0](img/gray-light.png) Gray Light 	| ![#A0A0A0](img/gray-medium.png) Gray Medium 	| ![#333333](img/gray-ultra-dark.png) Gray Ultra Dark 	| ![#F2F2F2](img/gray-ultra-light.png) Gray Ultra Light 	| ![#FFFFFF](img/white.png) White 	|
 |:-------------------------------------------------------------------	|:--------------------------------------------------------------------	|:---------------------------------------------------------------------	|:-------------------------------------------------------------------------	|:--------------------------------------------------------------------------	|:---------------------------------------------------------------	|
 | `#777777`                                                          	| `#E0E0E0`                                                           	| `#A0A0A0`                                                            	| `#333333`                                                                	| `#F2F2F2`                                                                 	| `#FFFFFF`                                                      	|
 | `rgb(119, 119, 119)`                                               	| `rgb(224, 224, 224)`                                                	| `rgb(160, 160, 160)`                                                 	| `rgb(51, 51, 51)`                                                        	| `rgb(242, 242, 242)`                                                      	| `rgb(255, 255, 255)`                                           	|