Merge pull request #795 from oasisprotocol/matevz/style/rebranding-fo…

…llowup CSS: Rebranding followup
oasisprotocol · Apr 19, 2024 · 679a200 · 679a200
2 parents fb2500f + 314035a
commit 679a200
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 3 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -91,7 +91,7 @@ const config: Config = {
         logo: {
           alt: 'Oasis Docs',
           src: 'img/logo.svg',
-          //srcDark: 'img/logo_dark.svg',
+          srcDark: 'img/logo_dark.svg', // Workaround for browsers that don't support @media (prefers-color-scheme: dark) in external SVGs.
           // Uncomment src and style below to enable christmas mode ;)
           //src: 'img/logo_christmas.png',
           //style: {height: '48px', maxWidth: '58px', marginTop: '-15px', marginLeft: '-15px'},

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -118,6 +118,13 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
   border-radius: 0;
   border: 1px solid black;
 }
+/* The primary dark mode color is too aggressive for the eye when hovering over
+   the hits. Ideally we should color the matched substrings with the primary
+   color, but highlight it with --ifm-navbar-search-input-background-color when
+   hovering over. Temporary fix: Use a less aggressive color for everything. */
+html[data-theme="dark"] {
+  --search-local-highlight-color: #3ec8ff;
+}
 
 /* Make docccard and navcard border stronger */
 .card,

diff --git a/static/img/logo.svg b/static/img/logo.svg
diff --git a/static/img/logo_dark.svg b/static/img/logo_dark.svg