VSCODE isn't recognizing config.toml

[nogD3V]

VSCODE isn’t recognizing config.toml, so the theme wasn’t applied.

VSCODE isn’t recognizing config.toml, so the theme wasn’t applied on my webapp, just a portfolio that I want to change to dark mode.

Debug info

• Streamlit version: Streamlit, version 1.22.0
• Python version: Python 3.10.11
• Using Conda? PipEnv? PyEnv? Pex?: I’m not using a venv, It’s just a webpage.
• OS version: Windows 10 pro
• Browser version: Opera GX.

Links

• Link to your GitHub repo:GitHub - nogD3V/websiteWithStreamlit

[mathcatsand]

What exactly do you mean by VS Code not recognizing you config file? I copied your config file into an app and got your blue theme displaying fine. (You are missing a hashtag on one of your hex colors, but that didn’t cause a parsing issue for me in Streamlit 1.21.0 at least.) It appears your files are named correctly and save correctly in relation to each other. If this was a deployed app on Streamlit Cloud, I’d advise you to reboot your app since updates to the config file may not reflect after the app is already running.

However, I use VS Code too, and I’ve never had trouble updating theme colors on the fly. I suppose your first try to should be to double check everything is saved then close your terminal and relaunch your app to be sure. Also, make sure you haven’t selected anything from the hamburger menu in the upper right to override the theme.

Have you tried any other browsers to confirm if it consistent elsewhere?

[nogD3V]

Thanks for the answer.

“What exactly do you mean by VS Code not recognizing you config file?”
I mean, my file didn’t get colored, you know? It looks like a simple .txt.
My .CSS file is like this:

And my .toml is like this:

Vscode isn’t recognizing the file?
There’s a config that I supposed to do before using .TOML?

If you tried my code and got it, the problem is my pc.

I tried to relaunch everything, but It didin’t work.

I was watching a tutorial about this one and the teacher just created the file out of vscode, in the folder. I tried doing this but didn’t work. He did this steps:

Right click > new > new text document and renamed the file to config.toml and got this:

When I did the same thing, got this:

it remains as .txt, so I created inside VSCODE and got this:

It changed from text document to toml font.

So I think my windowns need a config to accept TOML files, you know? Because I’m importing others files to use, animation, style, pictures and It is working fine.

[mathcatsand]

I see. That’s a VSCode configuration issue rather than anything to do with Streamlit.

It looks like there is no way to natively do that for toml files, so you will have to install an extension. It is discussed here with an option is given:

Add support for toml syntax highlighting and help

[Franky1]

@nogD3V

So I think my windowns

Probably you have to turn off the annoying “feature” in windows to hide file extensions.

How to turn on hidden filename extensions in Windows

---

@mathcatsand

so you will have to install an extension

There are vscode extensions for TOML files out there, for example:

Even Better TOML - Visual Studio Marketplace

[nogD3V]

@mathcatsand

I see.

@Franky1

There are vscode extensions for TOML files out there, for example:

I installed the extension and it works, now there’s color in .toml.

I downloaded all files from the yt video to make sure that’s something wrong with my windows and runned the his “app.py” and didn’t work as well.

So, there’s a problem with my PC.
I think there’s nothing to do from here, so, thanks y’all.