Show Description
Klare and Marie discuss the new high contrast syntax highlighter theme added to CodePen - designed by Klare!
Time Jumps
- 00:42 New syntax highligher themes
- 01:38 Why did we make a new theme?
- 04:45 Testing with light themes enabled
- 05:25 Dark vs Light
- 08:48 Sponsor: WordPress.com
- 10:17 Adapting theme to VS Code
- 14:47 Figuring out the right contrast ratio
- 17:02 Tools for testing color blindness
Sponsor
- 08:48 WordPress.com - WordPress.com gives you everything you need to create anything you want. It’s flexible, secure, and powerful, just like you want your business to be.
Show Links
- CodePen blog: New High Contrast Syntax Highlighting Themes
- Hightlight JS
- VS Code
- CodePen Nights VS Code theme
- Coblis
- Klare on CodePen / Klare on Twitter
- Marie on CodePen / Marie on Twitter
CodePen Links
- CodePen Support
- CodePen on Spectrum
- CodePen Spark
- CodePen Pro
- CodePen Meetups
- CodePen on Twitter
- CodePen on Facebook
- CodePen on Flickr
- CodePen on Instagram
- CodePen on Google+
- Sponsor an episode of CodePen Radio
- Buy a CodePen T-Shirt
The post #238: High Contrast Syntax Highlight Theme appeared first on CodePen Blog.