@@ -50,39 +50,39 @@ <h2>Gray</h2>
5050 </ ion-app >
5151
5252 < script >
53- document . addEventListener ( 'DOMContentLoaded' , function ( ) {
54- const grayContainer = document . getElementById ( 'gray' ) ;
55- const bodyStyles = getComputedStyle ( document . body ) ;
56-
57- for ( let i = 0 ; i <= 1000 ; i += 50 ) {
58- const grayColor = `--ion-color-gray-${ i } ` ;
59-
60- const colorValue = bodyStyles . getPropertyValue ( grayColor ) . trim ( ) ;
61-
62- const gridItem = document . createElement ( 'div' ) ;
63- gridItem . classList . add ( 'grid-item' ) ;
53+ document . addEventListener ( 'DOMContentLoaded' , function ( ) {
54+ const grayContainer = document . getElementById ( 'gray' ) ;
55+ const bodyStyles = getComputedStyle ( document . body ) ;
6456
65- const color = document . createElement ( 'div' ) ;
66- color . classList . add ( 'block' , 'color-tile' ) ;
67- color . style . backgroundColor = `var(${ grayColor } )` ;
57+ for ( let i = 0 ; i <= 1000 ; i += 50 ) {
58+ const grayColor = `--ion-color-gray-${ i } ` ;
6859
69- color . addEventListener ( 'click' , ( ) => {
70- navigator . clipboard . writeText ( grayColor ) ;
71- console . log ( `${ grayColor } copied to clipboard` ) ;
72- } ) ;
60+ const colorValue = bodyStyles . getPropertyValue ( grayColor ) . trim ( ) ;
7361
74- gridItem . appendChild ( color ) ;
62+ const gridItem = document . createElement ( 'div' ) ;
63+ gridItem . classList . add ( 'grid-item' ) ;
7564
76- const name = document . createElement ( 'div' ) ;
77- name . textContent = `gray- ${ i } ` ;
78- gridItem . appendChild ( name ) ;
65+ const color = document . createElement ( 'div' ) ;
66+ color . classList . add ( 'block' , 'color-tile' ) ;
67+ color . style . backgroundColor = `var( ${ grayColor } )` ;
7968
80- const value = document . createElement ( 'div' ) ;
81- value . textContent = colorValue ;
82- gridItem . appendChild ( value ) ;
69+ color . addEventListener ( 'click' , ( ) => {
70+ navigator . clipboard . writeText ( grayColor ) ;
71+ console . log ( `${ grayColor } copied to clipboard` ) ;
72+ } ) ;
8373
84- grayContainer . appendChild ( gridItem ) ;
85- }
74+ gridItem . appendChild ( color ) ;
75+
76+ const name = document . createElement ( 'div' ) ;
77+ name . textContent = `gray-${ i } ` ;
78+ gridItem . appendChild ( name ) ;
79+
80+ const value = document . createElement ( 'div' ) ;
81+ value . textContent = colorValue ;
82+ gridItem . appendChild ( value ) ;
83+
84+ grayContainer . appendChild ( gridItem ) ;
85+ }
8686 } ) ;
8787 </ script >
8888 </ body >
0 commit comments