(website) fix: set an appropriate code highlighting colour

alichry · Feb 16, 2025 · 95325ce · 95325ce
1 parent 230d4b5
commit 95325ce
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -1,7 +1,7 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require('prism-react-renderer').themes.github
+const lightCodeTheme = require('prism-react-renderer').themes.github;
 const darkCodeTheme = require('prism-react-renderer').themes.dracula;
 
 function injectTypeDocSidebar(items) {

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -23,22 +23,13 @@
   --ifm-color-primary-darkest:	#671d9b;
 
   --ifm-code-font-size: 95%;
-}
-
-.docusaurus-highlight-code-line {
-  background-color: rgba(0, 0, 0, 0.1);
-  display: block;
-  margin: 0 calc(-1 * var(--ifm-pre-padding));
-  padding: 0 var(--ifm-pre-padding);
-}
-
-html[data-theme='dark'] .docusaurus-highlight-code-line {
-  background-color: rgba(0, 0, 0, 0.3);
+  --docusaurus-highlighted-code-line-bg:  rgba(0, 0, 0, 0.1);
 }
 
 html[data-theme='dark'] {
   /*--ifm-heading-color: #4e89e8;*/
   /*--ifm-color: #4e89e8;
   --ifm-color-primary-dark: #5a91ea;*/
   --ifm-font-color-base-inverse: rgb(245, 246, 247);
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }