Dark Soda theme underlines opening and closing tags in a html. This renders it unusable for me, and probably for others too, because _ characters are not visible that way. I use a lot of _ in my classnames, and although I prefer the Dark Soda colorcodes, I cannot use it because of this annoying problem.
I personally don't recommend the all-green font color of the tag highlights either, I'd suggest using a background for that, much like in the default theme - because all the characters turn to green, the syntax turns unreadable when the cursor is on the tag.

Hi,
in this themes Default, Dark soda, Dracula, Light table, Night sky, Peacock. Can you remove this underline? Thank you!

Any context menu, except menus from the main menu bar, are not dismissed when eft-clicking anywhere within the application. This is only when not using the default theme.

The only remaining ways to dismiss a context menu is by making a selection from it, or by hitting Esc.

I can't grab the scrollbar using the mouse and drag it around like it's 1999 again (which I sometimes still do). I've been playing around in the inspector for a bit, and the only really interesting thing I could find is that when I set the margin-right for .cm-s-light-table .CodeMirror-scroll to anything more than 12px, the scrollbar becomes (partially) grabbable (is that a word?). At 20px the scroll is fully grabbable, but it leaves a gap as expected.

Right now, when trying to grab the scroll, it's as if it isn't there. Instead, it just start text selection. There's also no hover effect on the scrollbar. The horizontal scrollbar works just fine.

Strangly, one would expect similar problems in the Sunburst theme, since the scrollbars for it look very similar. So perhaps the solution (workaround) is to use whatever technique Sunburst is using to style the scrollbars.

This problem only happens when using the Light Table theme. To be more specific, I'm using Brackets 39 on Windows 7, and TFB version 1.6.7.

Hi, Dividing line to add custom ones from the official themes (only if present). Is it possible?

Just as a kind suggestion/request, it would be really nice to have the Obsidian theme available for Brackets:

Obsidian for Eclipse
Obsidian for Visual Studio
Obsidian for Notepad++

When I try to install this extension from extension manager in Brackets Sprint 26 it shows me this error:

Installation Failed
The package version number (0.2) is invalid.

https://groups.google.com/forum/#!topic/brackets-dev/8MQY6BlnS7Q

I think that link explains what's going on.

Line 64 in cobalt.css the class selector is incorrect, it should be changed from:

.cm-s-rubyblue span.CodeMirror-matchingtag {
color:white;
background:rgba(255,255,255,0.2);
}

to:

.cm-s-cobalt span.CodeMirror-matchingtag {
color:white;
background:rgba(255,255,255,0.2);
}

I'm finding the gray text in the status bar at the bottom hard to read when using the following themes:

Cobalt
Dark Soda
RubyBlue
Solarized Dark

I had a look at the CSS but wasn't able to figure out which style to change!

Here is how it looks before:

Here is how it looks after the fix :

I'll be issuing a pull request shortly

The solarized dark sidebar appears very wide because the break/shadow is not in the same place as the default theme. Please move the sidebar over so the break/shadow is where it is for the default themes.

Hey there,
I am using brackets Spring 36 in French and the menu Themes just doesn't work. Additionally to that, seemingly randomly Brackets just switched back to its original theme after a restart. So now it seems I can not switch to any other Themes.
Hope anyone can reproduce that.

Hi, there is a problem, when i have this plug in installed and i change the theme to the default theme the grey background changes to white, this happens untill i uninstall the plug in, its a small bug but very essential to me. The main purpose to me for this plug in is to change theme at night when the white background is too bright, and vise versa, white bugs my eyes sometimes when coding, really would like that grey back. Thanks!

if you mark sth and than make a right click the theme brakes. dont know if its frome all the themes or a brackets bug, all i know is that is happening in all the themes

When the default theme is selected, there's no horizontal scrollbar when there needs to be. For any other theme (or the Light table theme at least), the horizontal scrollbar looks like it's laid on top the the text and gutter, while the vertical scrollbar crops the text as it should.

See this image:

Also see this issue that I (wrongly) reported at the main program:
adobe/brackets#6445

line bgc is white && content in this line is white

I cannot see the code.

in any theme....

Currently the themes (or at least the one I tried - Light Table) doesn't style the .cm-matchhighlight class, presumably because Brackets doesn't use it. But a plugin does. I opened a ticket about it, but apparently the fix should be in the theme, not in the plugin that uses this element.

Is it possible to specify another location for custom themes other than in the extension folder? Custom themes get deleted when the extension is updated. If it's not possible, then it would be good to add a warning to the section in README.md.

This might be somewhat related to #61, but I thought I'd take the time to mention it anyway. In the Light Table theme, the scrollbar can go beyond its own maximum, as if it disappears below the bottom of the editor. Like this:

Strangely, the second-to-last mousewheel "click" also makes the editor go slightly beyond the maximum scroll, but ticks back to having the last line at the bottom in an instant. Just slow enough to notice it. The very last mousewheel "click" makes it go beyond that point. Very strange. Other themes don't show this problem (as far as I can tell).

Just for completeness, this is Brackets 39 on Windows 7, and TFB version 1.6.7.

Hi

First, thanks for this extension. I think having themes in code editor should be included by default. Moreover, yours is really complete.

I got a question however. As Brackets has a View and a Window menu, don't you think the Themes menu should be included in one of them ?

I'm sorry if that question has already been asked but I didn't find it in closed issues.

Hello! I have a problem at work I can not see the highlight in all the submenus! Do you wonder if you can change the colors elenti marked by the red arrows. My colors I'd love are reported in figure 2 with the green arrows. This issue affects all of your themes.
Thank you in advance.
I hope you manage to fix it soon.

Now (red arrow problem):

Wish (green arrow)

It 'still very similar to the bug # 47

Some of the screenshots are quite old and need updating.

Now that I'm using Dark Soda exensively, I seem to bumb into issues, and here's the newest one:
Search highlighting makes the matching strings unvisible because the color of the font and the background are too close and hard to sepearate:

I would love to have the zenburn theme available.
http://slinky.imukuppi.org/zenburnpage/

If possible. :) ❤️

This extension uses APIs which are deprecated as of Brackets Sprint 34 (the next release):

• NativeFileSystem.requestNativeFileSystem()
• DirectoryEntry.createReader()

These APIs should continue to work for now (though please test your extension to be sure!). However, the deprecated APIs will be removed around the end of this year, so you should migrate away from them soon.

It should be fairly straightforward to migrate to the new APIs. (And if you release an updated extension requiring the new APIs, users of earlier Brackets versions will still be able to install the older release of your extension that is compatible with their build).

See this discussion thread for more background on the API changes.

Hi, all Theme except Visual Studio: the new text OVN or INS is not legible (arrow red in figure).
You can create the same color of HTML see the attached picture (color green in figure).
Thanks in advance

Hello! In all themes (except Visual Studio and Default) when I open the Quick Edit I can not read properly (see red arrows). Becouse the contrast between the words (eg "example.css") and the background color is too low. Please let one could change the color of text in a color "better" as in red (rgb (245,39,39))?
Thank you very much!

Hey, great fix on the dark soda highlighting issue, thanks.
There is an other thing I found while using the theme:
opening and closing tag highlights boldens the fonts, which makes the whole line jerk because of the change of the font in width.
Screencast here: http://www.screenr.com/8JCN

I'd recommend removing the bold style, that's all.
When you have things after the opening and closing tags, its a bit uncomfortable to read the rest while it's juping back and forth.

The CSS files are in the directory in the applications contents, but when running the app, only a few themes are available in the menu.

Brackets is a code editor. Code needs fixed width fonts to be readable.

I suggest either Consolas or DejaVu Sans Mono.

To demonstrate, here are screenshots from Brackets and Notepad++ on Ruby Blue theme:

http://i.imgur.com/kLKoW58.png
http://i.imgur.com/eeJ5WZu.png

Even when the code is relatively light, monospaced fonts make it much easier to scan through.

When I increase the font size in the editor with this extension enabled, the line-height relationship becomes "squished". Lines begin to oversect after just 3 increments of the font-size.

Ability to translate your extension in multiple languages?

Was having some issues seeing cursor after match highlighting via "Match Highlighter" extension.

Cursor gone when highlighting "true":

Noticed this in dark-soda.css:
.cm-s-dark-soda span.cm-matchhighlight {background-color: rgba(61,61,61,23);}

That alpha value I assume should actually be .23 and not 23. With that change:

hi
I am using Brackets in ubuntu
there is a conflict between your extension and brackets-darker
this tow extension work properly without another one

Hello,

I'm using Themes for Brackets for a few days ("Ambiance" theme) and it fits me well.

I just liked to change the font-family to Consolas. I opened and modified the /themes/ambiance.css to begin with :

body {font-family: consolas, monospace;}

But nothing changes.

Is there a way to customize themes ?

You could have just contributed "your" css files to my repo and I would have happily added it.

I've also noticed a contrast problem with "Documentation Fast (CTRL+K)" dropdown menus in the peacock theme. Some items highlighted by red arrows are unreadable. Can you change the text color?

Currently we have 21 themes and there might be coming two more.

I was thinking it might be a good idea to lose some themes so the end user doesn't get overwhelmed. I was thinking solarized-light and CodeWarrior.

Let me know what you think.

Works great on Windows, but on OS X 10.7.5/Brackets sprint 31 developer tools shows the following:
Uncaught TypeError: Cannot call method 'setChecked' of undefined
at line 68 of main.js.

The menu shows up in the top bar but you can't select any of the choices.

In line 76 returns the following string: .cm-s-mbo .cm-matchhighlight {background-color: rgba(61,61,61.23);}
It is wrong because it lacks the ",0"
So it would be correct:
.cm-s-mbo .cm-matchhighlight {background-color: rgba(61,61,61,0.23);}

For example if you install brackets-display-shortcuts Extension the bottom panel is themed using the default theme with no code mirror classes, is this a limit of themes-for-brackets or brackets itself?

I just made my own custom theme called Superman, if it is possible I would like to add it to the theme collection.

Thanks

If there's a way to apply a theme to a different file extension, I couldn't find it. I'm working with streamline.js, which uses the ._js extension and would like to apply the .js style theming to it. However, this doesn't seem possible with your "Themes for Brackets" extension. Is it possible? If not, I'd be happy to do some research to get it to work.

When searching for a string Brackets automatically highlights the results. However, visually it is not clear which is the current selection when cycling through the results in the search bar.

I'm using brackets sprint 35, downloaded from brakets.io.

On dark themes, there is a really disturbing white space besides horizontal scroll bar at the bottom, I identified it to be a div.CodeMirror-gutter-filler , by default it's background is set to color white, it should be set to transparent instead:

White:

Transparent:

status-bar, .cm-s-mbo .CodeMirror-gutters, #main-toolbar{

background:#333;
color:rgba(255,255,255,0.9);

}

sidebar{

background:#414141;

}

.inline-widget{ /* Quick-edit styles /
background-color:rgb(45, 47, 44);
}
.css-prop-defn code, .css-prop-defn h1, .css-prop-values dl dt{
color:#999;/#999*/
}
.css-prop-defn{
color:#CCC;
}
.divider-holder .divider{
border-right:1px solid rgb(50, 51, 49);
border-left:1px solid rgb(34, 36, 32);
}

a.more-info{
background-color: #454545;
border: 1px solid #555;
border-bottom: none;
box-shadow: inset 0 1px 0 #777;
text-shadow: none;
color: #CCC;
}

.cm-s-mbo .CodeMirror-matchingtag{
background:none;
text-decoration:underline;
color: #9DDFE9 !important;
}

.cm-s-mbo.CodeMirror-focused .CodeMirror-activeline-background, .cm-s-mbo.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
background:#333;
color: #d9d9d9;
}

.cm-s-mbo.CodeMirror, #editor-holder #not-editor {
background-color: #2c2c2c;
color: #ffffe9;
}

.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #ffffec;
z-index: 3;
}

.CodeMirror-selected {
background: #716C62;
opacity: .23;
}

.cm-s-mbo .cm-keyword {color: #ffb928;}
.cm-s-mbo .cm-atom {color: #00a8c6;}
.cm-s-mbo .cm-number {color: #00a8c6; font-weight: bold;}
.cm-s-mbo .cm-def {color: #ffffec;}
.cm-s-mbo .cm-variable {color: #ffffec;}
.cm-s-mbo .cm-variable-2 {color: #00A8C6;}
.cm-s-mbo .cm-property {color: #52e3f6;}
.cm-s-mbo .cm-operator {color: #ff007f; font-weight: bold;}
.cm-s-mbo .cm-comment {color: #95958a;}
.cm-s-mbo .cm-string {color: #ffcf6c;}
.cm-s-mbo .cm-string-2 {color: #ffce6c;}
.cm-s-mbo .cm-meta {color: #ffffff;}
.cm-s-mbo .cm-qualifier {color: #ff007f; font-weight: bold;}
.cm-s-mbo .cm-bracket {color: #fffffc; font-weight: bold;}
.cm-s-mbo .cm-tag {color: #9DDFE9}
.cm-s-mbo .cm-attribute {color: #ffb928;}

.cm-s-mbo .cm-matchhighlight {background-color: rgba(61,61,61,0.23);}

div.CodeMirror span.CodeMirror-matchingbracket {
color: #F54B07;
font-weight: bold;
text-decoration: underline;
}

div.CodeMirror span.CodeMirror-searching {
background-color: none;
background: none;
box-shadow: 0 0 0 1px #fff;
}

div.CodeMirror span.cm-matchhighlight.CodeMirror-searching.CodeMirror-selectedtext {
background-color: #c3c3c3;
color: #242424;
}

.cm-s-mbo.CodeMirror .CodeMirror-linenumber {
padding-left: 18px;

}

context-menu-bar .dropdown-menu{background:#ad9d9d;} /Dropdown menu, available under right-click - may need !important/

context-menu-bar .dropdown-menu a:hover{background:#00a8c6; font-weight: bolder;}

codehint-menu-bar .dropdown-menu{background:#ad9d9d;} /Code hint menu, dropdown visible when writing code./

codehint-menu-bar .dropdown-menu li a:hover {background:#999;} /Code hint menu option, dropdown visible when writing code. Treat like

/