Custom color variables being overwritten by default theme values / Duplicated inclusion of furo.css
#162
-
|
Hello, it seems that in the latest version of the theme, the link tag for furo's main CSS file ( This is a screenshot with Firefox for PyScaffold's documentation that was build with
Apparently this is overwriting custom color definitions (e.g. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 2 replies
-
|
Same problem here with sphinx 4.0.2 ; values from Works with sphinx 3.5.4. It seems that Sphinx 3.5.4 (works as expected) <head>
<!-- ... -->
<link rel="shortcut icon" href="_static/favicon.png"/><meta name="generator" content="sphinx-3.5.4, furo 2021.06.18.beta36"/>
<title>Home - Documentation Kobalt 0.1.0</title>
<link rel="stylesheet" href="_static/styles/furo.css?digest=9b17055c4366e8b2949c66d6a9d8b0efe4dbaa60">
<link rel="stylesheet" href="_static/pygments.css">
<style>
:root {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
--color-brand-primary: #00FFB0;
--color-brand-content: #1B0FA4;
}
@media (prefers-color-scheme: dark) {
:root {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
}
}
/* For allowing end-user-specific overrides */
.override-light {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
--color-brand-primary: #00FFB0;
--color-brand-content: #1B0FA4;
}
.override-dark {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
}
</style><link rel="stylesheet" type="text/css" href="_static/table_styling.css" />
<link rel="stylesheet" type="text/css" href="_static/custom.css" />
<link media="(prefers-color-scheme: dark)" rel="stylesheet" href="_static/pygments_dark.css">
<link rel="stylesheet" href="_static/styles/furo-extensions.css?digest=ee12cdd73c4bbac24afec78d92c4afd7c2d8ea7f"><script type="text/javascript">(function(){var s=document.createElement("script");var port=(window.location.port || (window.location.protocol == 'https:' ? 443: 80));s.src="//"+window.location.hostname+":"+port+ "/livereload.js?port=" + port;document.head.appendChild(s);})();</script></head><head>
<!-- ... -->
<link rel="shortcut icon" href="../_static/favicon.png"/><meta name="generator" content="sphinx-4.0.2, furo 2021.06.18.beta36"/>
--
<link rel="shortcut icon" href="../_static/favicon.png"/><meta name="generator" content="sphinx-4.0.2, furo 2021.06.18.beta36"/>
--
<title>Préparation du poste de travail - Documentation Kobalt 0.1.0</title>
<link rel="stylesheet" href="../_static/styles/furo.css?digest=9b17055c4366e8b2949c66d6a9d8b0efe4dbaa60">
<link rel="stylesheet" href="../_static/pygments.css">
<style>
:root {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
--color-brand-primary: #00FFB0;
--color-brand-content: #1B0FA4;
}
@media (prefers-color-scheme: dark) {
:root {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
}
}
/* For allowing end-user-specific overrides */
.override-light {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
--color-brand-primary: #00FFB0;
--color-brand-content: #1B0FA4;
}
.override-dark {
--color-code-background: #202020;
--color-code-foreground: #d0d0d0;
}
</style><link rel="stylesheet" type="text/css" href="../_static/pygments.css" />
<link rel="stylesheet" type="text/css" href="../_static/styles/furo.css" />
<link rel="stylesheet" type="text/css" href="../_static/table_styling.css" />
<link rel="stylesheet" type="text/css" href="../_static/custom.css" />
<link media="(prefers-color-scheme: dark)" rel="stylesheet" href="../_static/pygments_dark.css">
<link rel="stylesheet" href="../_static/styles/furo-extensions.css?digest=ee12cdd73c4bbac24afec78d92c4afd7c2d8ea7f"><script type="text/javascript">(function(){var s=document.createElement("script");var port=(window.location.port \|\| (window.location.protocol == 'https:' ? 443: 80));s.src="//"+window.location.hostname+":"+port+ "/livereload.js?port=" + port;document.head.appendChild(s);})();</script></head>
�</head> |
Beta Was this translation helpful? Give feedback.
-
|
AHAHAHAHHAHA. Thanks for investigating this. I imagine this was a lot of head scratching. Sphinx 4 has changed things in this area (stylesheet inclusions) way more than I'd expected. Looking at the changes now, I can't think of a sane way to be compatible with Sphinx 3 and 4 to work around this. Looks like I'll need to bump to a Sphinx 4-only release to fix this. :) |
Beta Was this translation helpful? Give feedback.
-
|
Filed #168 to track fixing this. |
Beta Was this translation helpful? Give feedback.
-
|
Released a fix for this, in beta37. :) |
Beta Was this translation helpful? Give feedback.
AHAHAHAHHAHA. Thanks for investigating this. I imagine this was a lot of head scratching.
Sphinx 4 has changed things in this area (stylesheet inclusions) way more than I'd expected.
Looking at the changes now, I can't think of a sane way to be compatible with Sphinx 3 and 4 to work around this. Looks like I'll need to bump to a Sphinx 4-only release to fix this. :)