求确认React文档代码示例实际使用的VSCode主题

Hey there! Great question—this has confused quite a few developers who’ve dug into React’s docs code styling.

You’re totally right to call this out! While the React docs team mentions Oceanic Next as the base for their code highlighting, they’ve actually rolled out a customized variant of it tailored specifically to their documentation’s design system. Here’s what’s different:

• The this keyword, which in standard Oceanic Next has a muted blue-gray tone, gets a more distinct, warmer hue in the React docs to make it stand out in class component examples.
• Class methods and function names also get adjusted color treatment—they’re given a brighter, more readable shade that contrasts better with the docs’ light (or dark) background.

This custom theme is built on top of Prism.js (the library they use for code highlighting) and hasn’t been released as a standalone, publicly available theme package. If you want to replicate it, you can inspect the React docs page’s CSS and extract the prism-* class rules—all the custom color values are defined there.

内容的提问来源于stack exchange，提问作者Ahmad Maleki