file extension for Textual CSS

[dontascii]

I wanted to start a discussion about Textual CSS files. I didn't see any obvious threads about this.

Has there been any thoughts on using a different file extension for CSS files specifically for Textual apps? My IDE sees the ".css" file extension and reports a lot of errors, such as "Mismatched property value".

Since Textual CSS does not strictly follow the CSS specs, it might make sense to suggest using a different extension, '.tcss' or something similar.

I realize that I can name my css file anything I want, and even drop the extension altogether, but I like syntax highlighting and autocomplete in my IDE. With Textual gaining popularity every day, it would be really nice to have support for "Textual CSS" syntax one day. But as long as the extension '.css' is used, this will never happen.

Thoughts?
-Joel

[willmcgugan]

At some point we will have IDE plugins for highlighting the Textual CSS dialect. Add yeah, a custom extension like .tcss makes sense.

In the meantime, we've found that if you tell your IDE to highlight textual CSS as .sass it looks better than the default.

[jessebot]

In neovim, I added the following to my init.lua:

-- autocommand to set the file type to scss for tcss
vim.api.nvim_create_autocmd({"BufEnter", "BufWinEnter"}, {
  pattern = {"*.tcss"},
  callback = function()
        vim.cmd("set filetype=scss")
    end,
})

And since I'm using nvim-treesitter, I then did a :TSInstall scss in command mode, and this fixed most of the highlighting, however, I then lost the highlighting of HEX and RGB. I'm using nvim-colorizer.lua, and I tried added scss to the filetypes, but unfortunately it doesn't work.

If anyone else knows of a good HEX/RGB color highlighting tool for neovim, I'd love to learn about it 🙏

[TomJGooding]

Might it depend on the order the commands are executed, so nvim-colorizer.lua is trying to run before the filetype is set? Does running :ColorizerAttachToBuffer work?

[jessebot]

Thanks for your reply! Unfortunately, no :ColorizerAttachToBuffer does not work :(

[TomJGooding]

Hmm, I just tried installing nvim-colorizer.lua without any special setup and ColorizerAttachToBuffer worked for me even with a plain text file. I'm guessing it isn't picking up the filetype, what does :set filetype? show for your *tcss files?