From 645c049c4b5f1fa8ed753c0c87eaea2f94fadb3c Mon Sep 17 00:00:00 2001 From: cjsha <36574350+cjsha@users.noreply.github.com> Date: Fri, 6 Dec 2024 08:34:09 -0500 Subject: [PATCH] Add dynamic logo for dark/light mode (#158) --- docfx.json | 4 +- logo-dark-mode.svg | 270 ++++++++++++++++++++++++++++++++ logo.svg => logo-light-mode.svg | 64 ++++---- template/public/main.css | 8 + 4 files changed, 312 insertions(+), 34 deletions(-) create mode 100644 logo-dark-mode.svg rename logo.svg => logo-light-mode.svg (97%) diff --git a/docfx.json b/docfx.json index 90ec60c3..cf5b7e51 100644 --- a/docfx.json +++ b/docfx.json @@ -23,7 +23,7 @@ "exclude": ["api/overview.md"] } ], - "resource": ["logo.svg", "favicon.png", "images/**", "workflows/**"], + "resource": ["logo-light-mode.svg", "logo-dark-mode.svg", "favicon.png", "images/**", "workflows/**"], "output": "_site", "overwrite": [ { @@ -37,7 +37,7 @@ "pdf": false, "_appFooter": "© 2024 Open Ephys and Contributors. Made with docfx", "_appFaviconPath": "favicon.png", - "_appLogoPath": "logo.svg" + "_appLogoPath": "logo-light-mode.svg" }, "markdownEngineName": "markdig", "markdownEngineProperties": { diff --git a/logo-dark-mode.svg b/logo-dark-mode.svg new file mode 100644 index 00000000..f229fa60 --- /dev/null +++ b/logo-dark-mode.svg @@ -0,0 +1,270 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/logo.svg b/logo-light-mode.svg similarity index 97% rename from logo.svg rename to logo-light-mode.svg index cbbe47b5..d8f0486b 100644 --- a/logo.svg +++ b/logo-light-mode.svg @@ -6,8 +6,8 @@ height="37.79557" id="svg2985" version="1.1" - inkscape:version="1.2.2 (732a01da63, 2022-12-09)" - sodipodi:docname="logo.svg" + inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)" + sodipodi:docname="logo-light.svg" inkscape:export-filename="Bonsai.png" inkscape:export-xdpi="1034.1727" inkscape:export-ydpi="1034.1727" @@ -19,8 +19,6 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> - + @@ -91,42 +91,42 @@ @@ -135,7 +135,7 @@ @@ -144,7 +144,7 @@ @@ -153,35 +153,35 @@ @@ -191,28 +191,28 @@ @@ -226,35 +226,35 @@ diff --git a/template/public/main.css b/template/public/main.css index 9727119b..cfe41e88 100644 --- a/template/public/main.css +++ b/template/public/main.css @@ -98,4 +98,12 @@ ol ol, ol ul { ol li div { margin-bottom: 0rem !important +} + +[data-bs-theme=dark] #logo { + content:url("../logo-dark-mode.svg"); +} + +[data-bs-theme=light] #logo { + content:url("../logo-light-mode.svg"); } \ No newline at end of file