Firefox Quantum Themes

beastdestroyer

|
4,591 installs
| (1) | Free
Themes for VSCode, based off Firefox Quantum DevTools.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

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](https://github.com/beastdestroyer/vscode-firefox-quantum-themes/issues/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](https://github.com/beastdestroyer/vscode-firefox-quantum-themes/issues/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)

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