[CSS, theme] use real colors to highlight colors props

[ask]

Hi, sublime hackers.

Being an ex-vim user, i used css_color plugin,
this plugin "underlays the hexadecimal CSS colorcodes with their real color"

And this is how it looks:

So i think the idea deserves to be implemented as sublimetext plugin.

I did't find a good color highlighting explanation, so this is my question:
Can i dynamically (in plugin's code) set color highlighting rules, rather than generating theme files on-the-fly ?

[iamntz]

I would like to see that too.

[gavsim]

Yeah like this idea, would be great if someone wrote a plugin to do this.

[facelessuser]

In general, a plugin that does this would not be difficult...

but here is the catch: the current api does not allow to specify a color for highlight, the color must be assigned to a scope that is already defined in a theme file. (at least as far as I understand)

If the api gets updated with support to feed in a color for highlight, then this would be pretty easy.

[minism]

awesome idea! would be simple, but it does seem like this will require a patch to core. I'd sign the petition.

[manuelh9r]

Great Idea and I also think that the Plugin API needs to be updated to achieve this. Its not powerful enough as far as I can see.
In general, coloring text with the help of plugins should be possible.

[ask]

So, i found out that even without proper API i can implement this feature.
Everyone who is interested, you are welcome to test and report bugs.

What works:
- On-the-fly colorizing
- Colorizing/uncolorizing using ST commands

[tretretre]

It crashes when used with RGBA:

Code: Select all

Traceback (most recent call last):
  File ".\sublime_plugin.py", line 127, in on_load
    callback.on_load(v)
  File ".\css-colors.py", line 268, in on_load
  File ".\css-colors.py", line 231, in colorize_css
  File ".\css-colors.py", line 200, in generate_color_theme
  File ".\css-colors.py", line 199, in <genexpr>
  File ".\css-colors.py", line 182, in template
  File ".\css-colors.py", line 38, in hex
  File ".\css-colors.py", line 72, in _rgb_to_hex
  File ".\css-colors.py", line 72, in <genexpr>
ValueError: invalid literal for int() with base 10: '0.8'

Also gives the this error when a file with colorization is edited:

Code: Select all

Error loading colour scheme
Packages/C:\Users\tre\AppData\Roaming\Sublime Text 2\Color Scheme - Default\Colorized-Monokai.tmTheme: Error parsing plist xml:
Falied to open file In file
"Packages/C:\Users\tre\AppData\Roaming\Sublime Text 2\Color Scheme - Default\Colorized-Monokai.tmTheme"

[facelessuser]

1. You can only specify strings with scopes as stated earlier.

2. I edit my tmTheme file all the time, so it doesn't crash when you edit it...it crashes when you edit it wrong. I would have to see what you added or changed to tell you why it is crashing, but it is a syntax error for sure.

The only way you can accomplish what you want in the current framework is to define all permutations between #000000 and #FFFFFF with individual scopes and then define colors for each of those scopes in a tmTheme file...that is way to many to be practical, which is why I say the API needs to be modified to allow for on the fly color definitions if you wanted to do what you are trying. I would make the request to jps and wait and see.

[tretretre]

2. I edit my tmTheme file all the time, so it doesn't crash when you edit it...it crashes when you edit it wrong. I would have to see what you added or changed to tell you why it is crashing, but it is a syntax error for sure.

I'm not talking about the theme file, but a css file. And it's not a syntax error, I get the error whenever I write down a color.