# CodePen 'oceanic dark' theme for VSCode?

**URL:** <https://forum.freecodecamp.org/t/codepen-oceanic-dark-theme-for-vscode/259155>\
**Category:** General\
**Created:** [February 15, 2019, 9:07pm UTC](https://forum.freecodecamp.org/t/codepen-oceanic-dark-theme-for-vscode/259155 "2019-02-15T21:07:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gav-cooper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gav-cooper/32/159094_2.png) [@gav-cooper](https://forum.freecodecamp.org/u/gav-cooper)\
**Post date:** [February 15, 2019, 9:07pm UTC](https://forum.freecodecamp.org/t/codepen-oceanic-dark-theme-for-vscode/259155/1 "2019-02-15T21:07:22Z")

</div>

Hi 🙂

Has anyone managed to find this theme available anywhere? There are quite a few ‘oceanic’ themes in VSCode, but none of them seem to match exactly to the CodePen version.

I’ve done a bit of Googling and couldn’t find much, but I’m sure that I can’t be the first person to think that this would be a good idea, so I thought I’d turn to the collective wisdom of the freeCodeCamp community 🙂

---

<div class="post-metadata">

**Author:** ![Tirjasdyn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/tirjasdyn/32/158733_2.png) [@Tirjasdyn](https://forum.freecodecamp.org/u/Tirjasdyn)\
**Post date:** [February 15, 2019, 9:37pm UTC](https://forum.freecodecamp.org/t/codepen-oceanic-dark-theme-for-vscode/259155/2 "2019-02-15T21:37:04Z")

</div>

I have no idea if some one has made a theme…but making themes is pretty easy. I’ve done so for sublime and Atom. I’d use a color picker to get the colors from Codpen.

> **[Creating a VS Code Theme | CSS-Tricks](https://css-tricks.com/creating-a-vs-code-theme/)**
>
> Everyone has special and perhaps, particular, tastes when it comes to their code editor. There are literally thousands of themes out there, and for good

---

<div class="post-metadata">

**Author:** ![gav-cooper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gav-cooper/32/159094_2.png) [@gav-cooper](https://forum.freecodecamp.org/u/gav-cooper)\
**Post date:** [February 15, 2019, 9:58pm UTC](https://forum.freecodecamp.org/t/codepen-oceanic-dark-theme-for-vscode/259155/3 "2019-02-15T21:58:54Z")

</div>

Excellent idea, thanks 🙂

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:05pm UTC](https://forum.freecodecamp.org/t/codepen-oceanic-dark-theme-for-vscode/259155/4 "2021-01-17T20:05:05Z")

</div>