import React from
"react"
;
import
"@blueprintjs/core/lib/css/blueprint.css"
;
function
App() {
return
(
<div style={{ padding: 20, textAlign:
"center"
,
color:
"green"
}}>
<h1>
ReactJS Blueprint Colors Qualitative Color Schemes
</h1>
<div style={{ display:
'flex'
}}>
<div style={{ backgroundColor:
'#147EB3'
,
padding: 20, color:
'white'
}}>
#147EB3
</div>
<div style={{ backgroundColor:
'#29A634'
,
padding: 20, color:
'white'
}}>
#147EB3
</div>
<div style={{ backgroundColor:
'#D1980B'
,
padding: 20, color:
'white'
}}>
#D1980B
</div>
<div style={{ backgroundColor:
'#D33D17'
,
padding: 20, color:
'white'
}}>
#D33D17
</div>
<div style={{ backgroundColor:
'#9D3F9D'
,
padding: 20, color:
'white'
}}>
#9D3F9D
</div>
<div style={{ backgroundColor:
'#00A396'
,
padding: 20, color:
'white'
}}>
#00A396
</div>
<div style={{ backgroundColor:
'#DB2C6F'
,
padding: 20, color:
'white'
}}>
#DB2C6F
</div>
<div style={{ backgroundColor:
'#8EB125'
,
padding: 20, color:
'white'
}}>
#8EB125
</div>
<div style={{ backgroundColor:
'#946638'
,
padding: 20, color:
'white'
}}>
#946638
</div>
<div style={{ backgroundColor:
'#7961DB'
,
padding: 20, color:
'white'
}}>
#7961DB
</div>
</div>
</div>
);
}
export
default
App;