Jump to content

Brand/colours/css

From Meta, a Wikimedia project coordination wiki
< Brand‎ | colours
/*== COLOURS -- WIKIMEDIA BRANDING ==================*/
/*== https://meta.wikimedia.org/wiki/Brand/colours ==*/

/*== Greyscale ==*/

.wm-white { color: #FFFFFF; }	
.wm-black { color: #000000; }	
.wm-black-75 { color: #404040; }	
.wm-black-50 { color: #7F7F7F; }	
.wm-black-25 { color: #BFBFBF; }

/*== Creative strong ==*/

.wm-red { color: #970302; }
.wm-pink { color: #E679A6; }
.wm-orange { color: #EE8019; }
.wm-yellow { color: #F0BC00; }
.wm-purple { color: #5748B5; }
.wm-green-dark { color: #305D70; }
.wm-blue	 { color: #0E65C0; }
.wm-blue-bright	 { color: #049DFF; }
.wm-yellow-bright	 { color: #E9E7C4; }
.wm-green	 { color: #308557; }
.wm-green-bright { color: #71D1B3; }

/*== Creative light ==*/

.wm-red-light { color: #E5C0C0; }
.wm-pink-light { color: #F9DDE9; }
.wm-orange-light { color: #FBDFC5; }
.wm-yellow-light { color: #FBEEBF; }
.wm-purple-light { color: #D5D1EC; }
.wm-green-dark-light { color: #CBD6DB; }
.wm-blue-light { color: #C3D8EF; }
.wm-blue-bright-light { color: #C0E6FF; }
.wm-yellow-bright-light { color: #F9F9F0; }
.wm-green-light { color: #CBE0D5; }
.wm-green-bright-light { color: #DBF3EC; }

/*== Legacy ==*/

.wm-green-legacy	{ color: #396; }
.wm-blue-legacy	{ color: #0063BF; }
.wm-red-legacy	{ color: #900; }

/*== Legacy accessibility-friendly ==*/

.wm-green-legacy-AAA	{ color: #246342; }
.wm-blue-legacy-AAA	{ color: #0C57A8; }
.wm-red-legacy-AAA{ color: #970302; }