Skip to content
Light and Dark Themes for VSCode, based off Firefox Quantum DevTools
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
screenshots
themes
.gitattributes
.gitignore Update .gitignore Jan 9, 2019
.vscodeignore
CHANGELOG B.md Fix conflict? Feb 12, 2019
CHANGELOG.md
LICENSE
README.md
SCREENSHOTS.md
icon.png
package.json 1.1.4 Mar 9, 2019

README.md

Firefox Quantum Themes

This theme for Visual Studio Code is inspired by the colours used in Firefox Quantum's DevTools. This theme is Open-Source and anyone is welcome to submit PRs, open issues etc. I would love to hear your feedback! Look below for more information. For Firefox Users, this theme will be especially pleasing to use!

Screenshots

Firefox Quantum Dark

Firefox Quantum Light

For more: See SCREENSHOTS.md

Changelogs

Release Changelog

Beta Changelog

Theme Colours

For the colours used, please refer to the Mozilla Developer Network Here is the quick list:

The table is in the format of <DARK HEXADECIMAL>, <DARK RGBA> , <LIGHT HEXADECIMAL>, <LIGHT RGBA>

  • #252c33, rgba(37, 44, 51, 1) | #ebeced, rgba(235, 236, 237, 1)
  • #343c45, rgba(52, 60, 69, 1) | #f0f1f2, rgba(240, 241, 242, 1)
  • #1d4f73, rgba(29, 79, 115, 1) | #4c9ed9, rgba(76, 158, 217, 1)
  • #5c6773, rgba(92, 103, 115, 1) | #747573, rgba(116, 117, 115, 1)
  • #14171a, rgba(17, 19, 21, 1) | #fcfcfc, rgba(252, 252, 252, 1)
  • #181d20, rgba(24, 29, 32, 1) | #f7f7f7, rgba(247, 247, 247, 1)
  • #8fa1b2, rgba(143, 161, 178, 1) | #18191a, rgba(24, 25, 26, 1)
  • #b6babf, rgba(182, 186, 191, 1) | #585959, rgba(88, 89, 89, 1)
  • #46afe3, rgba(70, 175, 227, 1) | #0088cc, rgba(0, 136, 204, 1)
  • #6b7abb, rgba(107, 122, 187, 1) | #5b5fff, rgba(91, 95, 255, 1)
  • #df80ff, rgba(223, 128, 255, 1) | #b82ee5, rgba(184, 46, 229, 1)
  • #eb5368, rgba(235, 83, 104, 1) | #ed2655, rgba(237, 38, 85, 1)
  • #d96629, rgba(217, 102, 41, 1) | #f13c00, rgba(241, 60, 0, 1)
  • #d99b28, rgba(217, 155, 40, 1) | #d97e00, rgba(217, 126, 0, 1)
  • #70bf53, rgba(112, 191, 83, 1) | #2cbb0f, rgba(44, 187, 15, 1)
  • #5e88b0, rgba(94, 136, 176, 1) | #0072ab, rgba(0, 114, 171, 1)
  • #ffffb4, rgba(255, 255, 180, 1) | THE SAME

Contribution

I currently work on this theme in my spare time. As of writing, it is available in the Marketplace. As a new developer, I am still attempting to work things out, thanks!

If editing and wanting to submit a pull request, please ensure that as much sufficient detail is provided, and briefly state your changes and why, or if meant to fix an issue, reference the problem alongside it.

Thank You's!

This theme was heavily inspired by Firefox DevTools, as well as the One Dark Pro Port and VSCode itself! Thanks to them all for the ideas :)

And the following:

@compilenix - First person to show interest and BETA TESTER

  • All of you who have even just glanced!

License

MIT License

You can’t perform that action at this time.