From ce95cff89fd32cdbfb350ec931e2e514bacd9039 Mon Sep 17 00:00:00 2001 From: Alec Lomas Date: Fri, 24 Feb 2017 14:09:53 -0700 Subject: [PATCH] feat: add custom properties css file --- colour-variables.css | 289 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 289 insertions(+) create mode 100644 colour-variables.css diff --git a/colour-variables.css b/colour-variables.css new file mode 100644 index 000000000..5b37c255b --- /dev/null +++ b/colour-variables.css @@ -0,0 +1,289 @@ +/* Brand colours from simpleicons.org */ +:root { + --color-brand-500px: #0099E5; + --color-brand-acm: #0085CA; + --color-brand-aboutme: #044A75; + --color-brand-air: #FF2D55; + --color-brand-airbnb: #FF5A5F; + --color-brand-amazon: #FF9900; + --color-brand-americanexpress: #2E77BC; + --color-brand-android: #A4C639; + --color-brand-appnet: #3A393C; + --color-brand-apple: #999999; + --color-brand-asana: #273347; + --color-brand-automatic: #7D8084; + --color-brand-baidu: #2319DC; + --color-brand-bandcamp: #408294; + --color-brand-basecamp: #66CC66; + --color-brand-bathasu: #00A3E0; + --color-brand-bebo: #DE484A; + --color-brand-behance: #1769FF; + --color-brand-bigcartel: #222222; + --color-brand-bing: #008373; + --color-brand-bitbucket: #205081; + --color-brand-bitcoin: #F7931A; + --color-brand-bitly: #EE6123; + --color-brand-blogger: #F38936; + --color-brand-bootstrap: #563D7C; + --color-brand-brandai: #0AA0FF; + --color-brand-buffer: #323B43; + --color-brand-buzzfeed: #EE3322; + --color-brand-csswizardry: #F43059; + --color-brand-cakephp: #D33C43; + --color-brand-campaignmonitor: #19A9E5; + --color-brand-circleci: #343434; + --color-brand-coop: #00A1CC; + --color-brand-codeschool: #4CADC0; + --color-brand-codeigniter: #EE4623; + --color-brand-codepen: #000000; + --color-brand-codecademy: #204056; + --color-brand-codeforces: #1F8ACB; + --color-brand-coderwall: #3E8DCC; + --color-brand-codio: #4574E0; + --color-brand-compropago: #00AAEF; + --color-brand-conekta: #414959; + --color-brand-coursera: #757575; + --color-brand-dailymotion: #0066DC; + --color-brand-deezer: #00C7F2; + --color-brand-delicious: #3399FF; + --color-brand-designernews: #2D72D9; + --color-brand-deviantart: #05CC47; + --color-brand-diaspora: #000000; + --color-brand-digg: #000000; + --color-brand-digitalocean: #0080FF; + --color-brand-discord: #7289DA; + --color-brand-discover: #FF6000; + --color-brand-disqus: #2E9FFF; + --color-brand-docker: #1488C6; + --color-brand-draugiemlv: #FF6600; + --color-brand-dribbble: #EA4C89; + --color-brand-dropbox: #007EE5; + --color-brand-drupal: #0678BE; + --color-brand-ello: #000000; + --color-brand-empirekred: #72BE50; + --color-brand-ethereum: #3C3C3D; + --color-brand-etsy: #F45800; + --color-brand-eventstore: #5AB552; + --color-brand-eventbrite: #F6682F; + --color-brand-evernote: #2DBE60; + --color-brand-everplaces: #FA4B32; + --color-brand-facebook: #3B5998; + --color-brand-feedly: #6CC655; + --color-brand-fitbit: #00B0B9; + --color-brand-flickr: #0063DC; + --color-brand-flipboard: #E12828; + --color-brand-foursquare: #F94877; + --color-brand-govuk: #005EA5; + --color-brand-gauges: #339966; + --color-brand-geeklist: #8CC63F; + --color-brand-geocaching: #467126; + --color-brand-ghost: #718087; + --color-brand-git: #F14E32; + --color-brand-github: #181717; + --color-brand-gitlab: #E24329; + --color-brand-gitter: #FF0064; + --color-brand-glassdoor: #7CB228; + --color-brand-goldenline: #FBBF00; + --color-brand-goodreads: #663300; + --color-brand-google: #4285F4; + --color-brand-googleanalytics: #FFC107; + --color-brand-googledrive: #4386FC; + --color-brand-googlehangouts: #0C9D58; + --color-brand-googleplay: #607D8B; + --color-brand-googleplus: #DC4E41; + --color-brand-gratipay: #663300; + --color-brand-grav: #221E1F; + --color-brand-gravatar: #1E8CBE; + --color-brand-gulp: #DA4648; + --color-brand-gumtree: #72EF36; + --color-brand-html5: #E34F26; + --color-brand-hackerrank: #2EC866; + --color-brand-hackster: #1BACF7; + --color-brand-hatenabookmark: #00A4DE; + --color-brand-heroku: #430098; + --color-brand-hipchat: #205281; + --color-brand-hootsuite: #000000; + --color-brand-houzz: #7AC142; + --color-brand-hulu: #66AA33; + --color-brand-imdb: #E6B91E; + --color-brand-invision: #FF3366; + --color-brand-instacart: #43B02A; + --color-brand-instagram: #E4405F; + --color-brand-instapaper: #1F1F1F; + --color-brand-intercom: #1F8DED; + --color-brand-jsfiddle: #4679A4; + --color-brand-json: #000000; + --color-brand-javascript: #F7DF1E; + --color-brand-jekyll: #CC0000; + --color-brand-jenkins: #D24939; + --color-brand-joomla: #5091CD; + --color-brand-justgiving: #AD29B6; + --color-brand-kaggle: #20BEFF; + --color-brand-khanacademy: #9DB63B; + --color-brand-kickstarter: #2BDE73; + --color-brand-kik: #82BC23; + --color-brand-kirby: #FF0100; + --color-brand-klout: #E44600; + --color-brand-koding: #00B057; + --color-brand-lanyrd: #3C80CA; + --color-brand-laravel: #E74430; + --color-brand-lastfm: #D51007; + --color-brand-launchpad: #F8C300; + --color-brand-line: #00C300; + --color-brand-linkedin: #0077B5; + --color-brand-linuxfoundation: #009BEE; + --color-brand-livejournal: #00B0EA; + --color-brand-livestream: #CF202E; + --color-brand-macys: #E11A2B; + --color-brand-magento: #EE672F; + --color-brand-mailchimp: #2C9AB7; + --color-brand-makerbot: #FF1E0D; + --color-brand-mastercard: #EB001B; + --color-brand-matternet: #261C29; + --color-brand-mediatemple: #000000; + --color-brand-medium: #00AB6B; + --color-brand-meetup: #E2373C; + --color-brand-messenger: #0084FF; + --color-brand-microgenetics: #FF0000; + --color-brand-microsoft: #666666; + --color-brand-microsoftaccess: #BA141A; + --color-brand-microsoftexcel: #217346; + --color-brand-microsoftonenote: #80397B; + --color-brand-microsoftoutlook: #0072C6; + --color-brand-microsoftpowerpoint: #D24726; + --color-brand-microsoftword: #2B579A; + --color-brand-minecraft: #62B74A; + --color-brand-minutemailer: #3ABFE6; + --color-brand-mixcloud: #314359; + --color-brand-monero: #FF6600; + --color-brand-monkeytie: #FFC619; + --color-brand-monogram: #FDB22A; + --color-brand-moo: #00945E; + --color-brand-myspace: #030303; + --color-brand-netflix: #E50914; + --color-brand-nintendo: #8F8F8F; + --color-brand-nintendoswitch: #E60012; + --color-brand-ovh: #123F6D; + --color-brand-oculus: #1C1E20; + --color-brand-odnoklassniki: #F4731C; + --color-brand-onedrive: #094AB2; + --color-brand-opera: #FF1B2D; + --color-brand-origin: #F56C2D; + --color-brand-overcast: #FC7E0F; + --color-brand-patreon: #E6461A; + --color-brand-paypal: #00457C; + --color-brand-periscope: #40A4C4; + --color-brand-pinboard: #0000FF; + --color-brand-pingdom: #FFF000; + --color-brand-pingup: #00B1AB; + --color-brand-pinterest: #BD081C; + --color-brand-plangrid: #0085DE; + --color-brand-playstation: #000000; + --color-brand-playerme: #C0379A; + --color-brand-pocket: #EF3F56; + --color-brand-podcasts: #9933CC; + --color-brand-producthunt: #DA552F; + --color-brand-protoio: #34A7C1; + --color-brand-quantopian: #C50000; + --color-brand-quora: #B92B27; + --color-brand-rss: #FFA500; + --color-brand-raspberrypi: #C7053D; + --color-brand-rdio: #008FD5; + --color-brand-react: #00D8FF; + --color-brand-readthedocs: #8CA1AF; + --color-brand-readability: #990000; + --color-brand-reddit: #FF4500; + --color-brand-reverbnation: #E43526; + --color-brand-ruby: #CC342D; + --color-brand-runkeeper: #2DC9D7; + --color-brand-sass: #CC6699; + --color-brand-saucelabs: #EC4047; + --color-brand-scribd: #1A7BBA; + --color-brand-sega: #0089CF; + --color-brand-sellfy: #21B352; + --color-brand-sentiayoga: #4CAF50; + --color-brand-sentry: #FB4226; + --color-brand-serverfault: #E7282D; + --color-brand-shopify: #7AB55C; + --color-brand-simpleicons: #111111; + --color-brand-sinaweibo: #E6162D; + --color-brand-sitepoint: #258AAF; + --color-brand-skyliner: #2FCEA0; + --color-brand-skype: #00AFF0; + --color-brand-slack: #56B68B; + --color-brand-slashdot: #026664; + --color-brand-slides: #E4637C; + --color-brand-smashingmagazine: #E85C33; + --color-brand-snapchat: #FFFC00; + --color-brand-songkick: #F80046; + --color-brand-soundcloud: #FF3300; + --color-brand-speakerdeck: #339966; + --color-brand-spotify: #1ED760; + --color-brand-spotlight: #352A71; + --color-brand-spreaker: #F5C300; + --color-brand-squarespace: #000000; + --color-brand-stackexchange: #1E5397; + --color-brand-stackoverflow: #FE7A16; + --color-brand-statamic: #1F3641; + --color-brand-steam: #000000; + --color-brand-stitcher: #000000; + --color-brand-storify: #3A98D9; + --color-brand-stripe: #008CDD; + --color-brand-stubhub: #003168; + --color-brand-stumbleupon: #EB4924; + --color-brand-styleshare: #231F20; + --color-brand-subversion: #809CC9; + --color-brand-superuser: #2EACE3; + --color-brand-swarm: #FBB631; + --color-brand-ted: #E62B1E; + --color-brand-teespring: #39ACE6; + --color-brand-telegram: #2CA5E0; + --color-brand-tesla: #CC0000; + --color-brand-tinder: #FF6B6B; + --color-brand-toggl: #C5000B; + --color-brand-topcoder: #29A8E0; + --color-brand-toptal: #3863A0; + --color-brand-trakt: #ED1C24; + --color-brand-travisci: #39A85B; + --color-brand-treehouse: #5FCF80; + --color-brand-trello: #0079BF; + --color-brand-tripadvisor: #589442; + --color-brand-trulia: #53B50A; + --color-brand-tumblr: #36465D; + --color-brand-twilio: #E12127; + --color-brand-twitch: #6441A5; + --color-brand-twitter: #1DA1F2; + --color-brand-twoo: #FF7102; + --color-brand-uber: #000000; + --color-brand-ubuntu: #DD4814; + --color-brand-udacity: #01B3E3; + --color-brand-vk: #6383A8; + --color-brand-viadeo: #F88D2D; + --color-brand-viber: #7C529E; + --color-brand-vimeo: #1AB7EA; + --color-brand-vine: #11B48A; + --color-brand-virb: #0093DA; + --color-brand-visa: #142787; + --color-brand-vuejs: #4FC08D; + --color-brand-wechat: #7BB32E; + --color-brand-whatsapp: #25D366; + --color-brand-wikipedia: #000000; + --color-brand-windows: #0078D6; + --color-brand-wire: #000000; + --color-brand-wix: #FFC233; + --color-brand-wordpress: #21759B; + --color-brand-xbox: #107C10; + --color-brand-xero: #13B5EA; + --color-brand-xing: #005A5F; + --color-brand-yahoo: #440099; + --color-brand-yammer: #0072C6; + --color-brand-yelp: #C41200; + --color-brand-youtube: #CD201F; + --color-brand-zapier: #FF4A00; + --color-brand-zendesk: #03363D; + --color-brand-zerply: #9DBC7A; + --color-brand-zillow: #0074E4; + --color-brand-ebay: #E53238; + --color-brand-freecodecamp: #006600; + --color-brand-ifixit: #0071CE; + }