heronsilva/firefox-theme-vscode

A VS Code theme based on the Mozilla Firefox' developer tools colors

Hi there 👋 I'm Heron

About Me

I'm currently working as a Software Engineer.

Tech Stack

Get in touch

firefox-theme-vscode's Issues

Add badges to files readme.md and package.json

Badges to be added:

• current version
• installs
• rating

Improve the markdown syntax highlighting

Currently, the markdown syntax looks very unpolished:

Firefox light theme: yellow is too bright

Change darker version's active tab background color

Current color:

Should be changed to the same color as editor's background color.

Light theme: Peak definition style broken

as seen in the screenshot, style for peek definition window looks unfinished not readable

Light theme: Tab text etc. too light and not readable

This is hardly readable:

Dark Theme makes the menu bar text invisible when using custom title bar style

STR:

1. Have VSCode 1.26
2. Set window.titleBarStyle to custom in settings.json.
3. Restart VSCode.
4. Enable the “Firefox Dark” theme.
5. The menu bar text is invisible.

String templates don't have enough contrast

Hi, the theme is amazing but string templates are too bright to actually read them

update color pallete for Firefox DevTools version 57?

Is there an update for the color palette of version 57? that color scheme was cool :)

Light Theme: Text color of the selected terminal tab is too light to be clear.

Hi, love this theme, and thanks for the awesome work!

Here is my trouble:

As you can see, the text color in the selected terminal tab is too light and hard to clearly see.
It would be better if the color is the same as those on the drop-down menu.

Changed/Added files on is too bright on explorer (light theme)

Changed/Added files on is too bright on explorer (light theme)

i'm on windows.

:) thanks

Making italics consistent in light and dark themes

Hi! Thanks for creating these themes! ❤️
I found the light and dark themes are inconsistent in how they handle italics.
If that's not too much to ask, would be great if there are no-italic and italic versions for both themes. Personally, I prefer not having code in italics (comments are fine), even if my font supports italics.

Wrong highlight for attritube

only function is highlighted

Add markdown highlight?

It will be very useful when writing markdown

Visibility problems in terminal in dark theme

As you can see BrightBlack and Black are too dark.

Improve diff color highlighting when resolving conflicts

Rendered whitespace inhibits legibility

As can be seen in the screenshots. :)

Dark:

Darker:

Missing link and inline code styles in Markdown Preview

Link and inline code style aren't differentiated from plain text in Firefox Dark when viewing a Markdown Preview.

A link's style is only visibly different from plain text if you hover over it. Then it matches the Firefox Dark (Classic) style.

The inline code is monospace, but still difficult to spot without any other style difference.

I've looked at dark.yml, and it does appear that differnt text colors have not been set for these elements. I've just forked and fixed them to match the settings for Dark (Classic). I will submit a PR now.

Light:

Dark

Dark (Classic)

Text highlighting seems wrong

Would it be possible to change it so that when you highlight part of a word, only the selected characters gets highlighted? This theme seems to be the only one to highlight the whole word regardless of what you select. For example in the attached screenshot, I only selected the text "UniqueID" but all of "generateUniqueID" is highlighted.

Otherwise, great theme!

Question about file structure for theme configs

Hi again @heronsilva. Btw, thanks for making this theme. It's by far my favorite for VS Code :)

While I was fixing #19, I couldn't help but wonder why the configs for theme variants differed in location and file format:

Dark: src/dark.yaml
Dark (Classic): themes/dark-classic.json
Light: themes/light.json

Is this structure necessary for how VS Code interprets themes?

Light Theme: Color the Template String & Object Property

Hi again, there is one more enhancement:

In Firefox console, both template string and object property are colored:

While in this theme, they are in the same color as the operator, and it is somewhat hard to recognize: