Does the extra.css work with docker container?

[tmpt2]

I was trying to change the color scheme of the code blocks, following this documentation.

https://squidfunk.github.io/mkdocs-material/reference/code-blocks/?h=code#custom-syntax-theme

So I created the file /docs/stylesheets/extra.css with the following info

:root > * {
  --md-code-hl-number-color: #8B8D95;
}

In the mkdocs.yml I have added at the end the line:

extra_css:
  - stylesheets/extra.css

But nothing changes. I tried:

• Restarting the docker
• Open the website in incognito (in case it was some cookies issue)
• Put the file in /docs/docs/stylesheets/extra.css and change the extra_css to docs/stylesheets/extra.css

So, should the extra.css work with docker container?

[niclasheinz]

Hi @tmpt2

So, should the extra.css work with docker container?

In principle, this should work.

My questions:

• Do you only have the documentation in the container?
• Does your site work if you do mkdocs serve locally (not in the container)?
• Are the paths correct?
• Is your CSS file displayed in the web dev tools of your browser (Firefox under Inspect > Style Editor)?

We need a minimal reproduction of the problem. Otherwise we cannot help you.

[tmpt2]

Thank you very much for your answer! I don't have much knowledge about this things, but checking the inspector, I figure it out.
Apparently I got confused with the /docs and the /docs/docs folders. And somewhere in the middle I also miss spell stylesheets.

Again, thank you, and sorry for the rookie mistake

[tmpt2]

There is one thing. I don't know if it will make since, but I have published the website thought cloudflare and I think there is some cloudflare cache that makes the .css changes to not appear.
Because I did other change in the .css and from the website I cannot see it, but from the local domain I can.

[niclasheinz]

Do you use relative or absolute paths locally?

I have no experience with Cloudflare pages, but maybe cleaning the cloudflare cache will help.

As already mentioned, we need a minimal reproduction environment in order to help you more effectively.