fix(docs-website): fix dark theme behaviour - I39 (#41)

Signed-off-by: apoorvsxna <[email protected]>
accordproject · Mar 26, 2024 · 6aef91f · 6aef91f
1 parent 00ee112
commit 6aef91f
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 2 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -52,7 +52,8 @@ const config = {
         title: 'Concerto',
         logo: {
           alt: 'Concerto Logo',
-          src: 'img/logo.png',
+          src: 'img/logo_light.png', // Default logo for light mode
+          srcDark: 'img/logo_dark.png', // Logo for dark mode
         },
         items: [
           {

diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -10,4 +10,13 @@
   /*adjust the size for the new svgs*/
   height: 100px;
   width: 100px;
+  stroke-width: 0.08px;
+  fill: #f5f6f7;
+  stroke: #f5f6f7;
+}
+
+/*Light mode */
+[data-theme='light'] .featureSvg {
+  fill: #1C1E21;
+  stroke: #1C1E21; /*Change color in light mode*/
 }
diff --git a/static/img/accord_logo.png b/static/img/accord_logo.png
diff --git a/static/img/accord_logo_white.png b/static/img/accord_logo_white.png
diff --git a/static/img/easy.svg b/static/img/easy.svg
diff --git a/static/img/logo_dark.png b/static/img/logo_dark.png
diff --git a/static/img/logo.png → static/img/logo_light.png b/static/img/logo.png → static/img/logo_light.png