Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

VSCode Theme of React Documentation

React has this awesome documentation with a lot of code samples. It says the docs are using Oceanic Next color scheme for its code samples which clearly doesn't. (e.g. the color of this keyword or class methods)

Does anyone know which color theme is actually being used?

like image 474
Ahmad Maleki Avatar asked Jan 21 '18 09:01

Ahmad Maleki


2 Answers

I made one. I took a few liberties, but its super similar => Oceanic Next Custom

like image 64
bitwitch Avatar answered Sep 28 '22 09:09

bitwitch


I couldn't find one that was actually faithful to the website, so I made one (it's close enough for me, but feel free to open issues on the repo if something bothers you).

You can download it directly from VS Code's marketplace, specifically here.

Some background

I used the link provided by React's core theme in that Reddit thread, but also the general colours used in the website's theme. Finally, I went extensively through the website itself and tried to stick to it as much as possible.

I use it daily on a React/React Native/Vue.js/Python+Django codebase and it looks good and readable everywhere (in my humble opinion).

Anyway, it's not much, but it's honest work.

What does it look like?

Screnshot

like image 35
Omar Avatar answered Sep 28 '22 09:09

Omar