I really think that this online editor is going somewhere, it very easy and pleasent to use. Here are two things I wish were better:

• Clear color: right now once cannot remove a color such as the background color, please allow the user to remove colors and replace them with an all aplha background
• custom code: right now the code examples are too short and do not contain all the language definitions in them. Please allow the user to paste their own code

Those links should open in a new window, to help prevent losing existing edits.
I tried looking for where to do this, but couldn't find where to start.
cheers

Sorry for not creating an issue for each thing, but since you are keeping a local todo list anyway I guess it won't hurt too much. Also sorry if these have been mentioned already.

So yeah, I was testing the awesome 0.4 update and noticed these things:

• Unable to set background (or foreground) alpha.
• On-Hover highlight for the gallery items and scope entries would be nice - only visual though.
• When a color scheme defines more than two scopes that some text matches it is hard to find the most inner one because it seems it only uses 2 colors for underline. Example: line 46 in Python language.
• When you invert http://tmtheme-editor.herokuapp.com/#/Zenburn twice (example) a lot of colors are now plain black
• You show the scope at the bottom in "inner to outer" order, which is confusing because they are used the other way around everywhere else.

The resulting xml file contains keys for background/foreground without a value if those entries have been reset. The resulting file is invalid and can't be imported.

To repro:
Open tmTheme Editor
Open a theme
Pick an entry and set a background color and a foreground color
Reset the background & foreground color leaving them empty
Download file

Looking in the file at the entry you changed, you will see something like this:

<dict>
    <key>fontStyle</key>
    <string></string>
    <key>foreground</key>
    <key>background</key>
</dict>

You have comments in the generated .tmTheme file about tmTheme-Editor but not about the author of the theme. And the editor didn't come up with the theme! IMO there should be some option to include info about the author. It could encourage authors to use the editor. Good work. Regards.

coffee script is fairly new to me, so looked into it & successfully installed via nodejs & also compiled the .coffee files to .js into the public folder.

But i couldn't find any index.htm or any index.* to initialize the project in the browser.
though there is index.ejs which is the index file template.

Can you plz write a short description how to run this project on the local WAMP server

Attempted to add:
Name: Operator
Scope: keyword.operator

Result: no change

Attempted to remove:
Name: Keyword
Scope: Keyword

Result: no change

Would be nice if the gallery could be browsed with keyboard navigation. Currently it requires mouse interaction to toggle between themes.

Hi Allen, I want to know if tmTheme-Editor can work in offline mode, also know if I can change the default template for test changes to a CSS file or anyone other.

This came in as a blank foreground.

<dict>
    <key>foreground</key>
    <!-- blue version -->
    <!-- <string>#00A8C6</string> -->
    <!-- orange storage alternative -->
    <string>#f38630</string>
    <key>background</key>
    <string>#222222</string>
</dict>

After modifying and saving the sample source codes, I can't get the default sources back. Restarting the browser didn't help.

Upon saving this theme, Notebook and downloading it, it's rendered invalid by Sublime Text 2 (Mac OS X 10.8), with the following ambiguous error message:
Error loading colour scheme Packages/Color Scheme - Default/Notebook.tmtheme: Unrecognised plist element key

The content of Notebook.ththeme can be seen here, nkntoivgxgkq4em5isx9qw

EDIT:
I've narrowed it down to keyword -> bold. If I set keyword to bold it fails, if I don't, it's fine. As illustrated here, line 137.
This sheds some light on the previous version, line 136 where "background" is no value (but is present).

I should also note there's a HTML char error, writing '/' as '/', so perhabs the error is in the client side javascript (perhabs aborting a function before character encoding?)

Javascript fails here: editor_controller.js:66 Error: Unknown Error, but I don't know the caller (couldn't reproduce).

Assuming the colors exported are in the sRGB color space then I humbly request you make it explicit by adding the colorSpaceName key to the root dictionary with a value of sRGB.

This is a key I recently added (textmate/textmate@d70ccc7) to improve interoperability.

I think most non-Mac software will already treat colors as sRGB, so this key will just make it explicit, though without the key “conforming” software should treat the colors as in Apple’s Generic RGB color space, but as I never documented it, and as this color space itself is (to the best of my knowledge) undocumented, I would be surprised if non-Mac software did the proper conversion.

Hi!
I love this editor and I use it to conveniently edit my sublime themes. However, I would also like to import the same theme to different editors that do not support tmThemes. For example, it would be nice to be able to use the same theme in QtCreator or gedit.

See, e.g. QtCreator Monokai Theme.

Maybe an export plugin system could be established? This is a major feature request, but I would be glade to see it, and I it would make the awesome theme editor much more versatile to use for even more text editors.

Greets,
Janick

Hi,

When I click on "Open" and try adding a files on my local desktop to preview the code, there is no output. I think this is a bug.

As Title. Can we add a self-definition tmLanguage. Like Java, C++ or Log4j, messages, shell, vim scrpit ...

as we know, the default is javascript.tmLanguage

Chrome dev channel - 24.0.1312.2 dev-m

All other language load fine. I took at look at your ng Controller preview_controller and thought maybe there was some issue matching up the tmLanguage / sample ... but the files appear to be fine.

When switching to html in the dropdown, I get this AngularJS call stack / exception

TypeError: Cannot read property 'include' of undefined
    at cleanup (http://tmtheme-editor.herokuapp.com/js/controllers/preview_controller.js:237:20)
    at cleanup (http://tmtheme-editor.herokuapp.com/js/controllers/preview_controller.js:291:11)
    at single_line_patterns (http://tmtheme-editor.herokuapp.com/js/controllers/preview_controller.js:47:18)
    at http://tmtheme-editor.herokuapp.com/js/controllers/preview_controller.js:20:41
    at http://tmtheme-editor.herokuapp.com/js/vendors/angular-1.0.2.js:8663:11
    at wrappedCallback (http://tmtheme-editor.herokuapp.com/js/vendors/angular-1.0.2.js:6623:59)
    at http://tmtheme-editor.herokuapp.com/js/vendors/angular-1.0.2.js:6660:26
    at Object.Scope.$eval (http://tmtheme-editor.herokuapp.com/js/vendors/angular-1.0.2.js:7808:28)
    at Object.Scope.$digest (http://tmtheme-editor.herokuapp.com/js/vendors/angular-1.0.2.js:7680:25)
    at Object.Scope.$apply (http://tmtheme-editor.herokuapp.com/js/vendors/angular-1.0.2.js:7894:24) 

I would love to be able to change out the source.js file to an HTML file or any file I desire.

When I download an edited theme on Windows I get standard .tmTheme file. I just add it to themes folder of ST in Windows and all works fine - I can set a new theme from ST2.

Now I'm on Ubuntu. And I did the same with IDLE theme. But instead of IDLE.tmTheme file I got some IDLE.bin file.

How may I add this .bin file to themes? Where themes are stored in Ubuntu, in what directory?

Would you please include an option to export a theme as a pygments.css file?

I found this python script to convert thThemes to pygments (https://github.com/davinche/pygments-from-tmtheme), but it would be nice to skip a step ;)

The tmTheme-Editor is not working for all, or only for me...

Send a print screen.

what a great tool. thanks! it looks just like the one in Aptana. do the scopes match? can i just import one of those themes?

may i note that having some PHP tags in there would be a great help. :) i'm sure there are many who are using ST2 for PHP work and having some sample text to reflect those tweaks would be wonderful.

thank you very much for such a great tool.

Adding native support to the theme for php would be a great improvement. A good example theme is Solarized (Dark) since it has all the rules needed to properly match php.

The lang of codes is js. Could you give a option to change the lang of the codes, like python, thanks.

Hi,

Thanks for your editor, it's really cool.

I want create my own theme because i have a beautiful theme on PHP Designer and i want it on SublimeText.

So, your editor is simply but the color picker is so bad !
I can't put the color code (ex : #FF0000). To change the color, i must open a color picker to get the RGB value and put it on your color picker (put the 3 values).

Why did you use the Windows color picker ?
Can you add a better color picker ?

Don't leave the front-end devs out in the cold!

Downloaded themes have a ".tmtheme" file extension. It should be ".tmTheme".

My own app Textastic Code Editor (iOS) won't recognize ".tmtheme" files.

In the screenshot in README.md: there appears to be a dropdown menu to choose which language is displayed in the preview pane. However, using chrome-stable (26.0.1410.65 on OSX 10.8.3 and 26.0.1410.63 on Linux - Fedora 18), there is no menu:

Is this an issue with the version of Chrome, an option I can set in the URL, or something with the code?

Thanks,
Matt

It would be nice have a search text input for themes. Filter themes with the input value.

Would maybe be a great additions to an already jaw dropping webapp :

• dark or light filterable gallery (filter based on theme background)
• "new" button behavior isn't clear to me
• not realy important : editable code preview or droppable source file

Hi!

First of all: thank you for your work, the theme editor is a great tool that I love using!

Recently, I noticed some strange behaviour: the theme editor has stopped allowing me to change the colours in the "General" tab.
On a related note, while previously a single click on the colour field in the "Scopes" tab brought up the colourpicker, I now have to double-click first to open that small window, then select the foreground colour field.

This issue may be related to my system, but I don't know how. I'm using chrome on Mac OS 10.9 (and the issue appeared without any changes to the system).

It would be great if someone could help me clear this up.
Thank you,
m

Opening the popup for elements on the very bottom of the page results in the popup being cut-off at the bottom. This probably needs a boundary check.

Possibly related to #12

I took an existing working theme, changed some colors, added some new scopes, and when I downloaded it Sublime 3 won't load it, complaining of the above error.

I've looked through the results and I'm unable to identify a problem manually.

https://gist.github.com/acook/6333725

This is a powerful and wonderful tool! Thank you!

When I opened my variant of the Made of Code theme, I saw that many of the scopes I've added weren't showing up in the Scope Name column.

At first I thought it was a problem with tmTheme-Editor, but then I found a stray piece of text in the plist file that made the XML invalid. Once I corrected that and re-opened the file, the anomalies I saw went away.

Thought I would alert you to this in case this happens to someone else.

Thanks,

Roger

Hello aziz, a good work with tmTheme-Editor, but I wanna add my own samples, help me, please.
Thanks in advance.

It would be nice to have some kind of visual interaction with your mouse besides the cursor. So, making the currently hovered list entry change its background color to a slightly dimmed color than the active should do the trick.

Something along the lines

.ui-sortable tr:hover:not(.selected_bgdark) {
    background: #111;
}

#gallery li:hover:not(.selected_bgdark) {
    background: #111;
}

works here but doesn't fit the currently selected item being a gradient too well.

The popup closes when clicking on another element in the list but it does not close when changing the theme (from the gallery). This results in weird behavior considering that the new theme might not have the currently opened element.

Also, considering analogy, wouldn't it make sense to change the button's text to "Close" instead of "Done" because you can close the popup by clicking on another element while changes are applied instantly?

Please add Theme groups for example "light", "dark", "by lang" etc. etc

Any chance of adding sass syntax to the preview options?

Nice editor,

Would be good though if where the js is there was an option to toggle between HTML and CSS to be able to edit the attributes for those as well

Hi,

is it possible to set attributes to get this colors in PHP:

The Scope "keyword.operator" turns both parts to the same color and I don't know
how to define a scope fitting to my needs ..

Is there a manual somewhere that descibes what scopes are available and how to
chain them?

Thank you very much for your great tool btw !!

It would be great if your app can "eat" Jetbrains IDE's color scheme.

Currently we have source.js for preview.
Is it possible to add more language source code for preview?
May be a dropdown box for for a list of files:

• C
• C++
• Python
• Ruby
• Lua
• PHP
• CSS
• XML
• HTML
• And much more...

I'd love to be able to choose between sass, haml etc. That way I can make a theme that works for all my favorite syntaxes.

I love your editor.

I think, that tmTheme editor is now unusable, because of terrible Windows color picker.
Look at the screenshot: http://i.imgur.com/g7378kZ.png

I'd like to convert one of the Notepad++ themes, but I can't enter hex color value using that.
There are many JavaScript color picker plugins you could implement in the editor.

Can you make it so I can paste in code in the language of my choice in right window?

If you use "Color Adjustments" button on the theme generator, you can click the Sepia button several times making the theme more sepia with every hit. If do so, then the Reset button turns not functional, as it can't reset the multiple applied Sepia settings.

I freakin love this.

This tool is annoying to use when making an HTML theme.

As far as I can tell there's no way to test it on HTML code, without downloading the theme and using it.