diff --git a/docs/source/conf.py b/docs/source/conf.py
index 0b3110a68..d6b19bc4f 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -184,7 +184,7 @@
     "navigation_depth": -1,
 }
 html_favicon = "images/pyglotaran_favicon_transparent.svg"
-html_logo = "images/pyglotaran_logo_white_fill.svg"
+html_logo = "images/pyglotaran_logo_light_theme.svg"
 
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the
diff --git a/docs/source/images/pyglotaran_favicon_white_fill.svg b/docs/source/images/pyglotaran_favicon_dark_theme.svg
similarity index 76%
rename from docs/source/images/pyglotaran_favicon_white_fill.svg
rename to docs/source/images/pyglotaran_favicon_dark_theme.svg
index ebf9f66aa..93fc7dcd2 100644
--- a/docs/source/images/pyglotaran_favicon_white_fill.svg
+++ b/docs/source/images/pyglotaran_favicon_dark_theme.svg
@@ -7,7 +7,7 @@
     <style>
       .cls-3,
       .cls-4 {
-        stroke: #272727;
+        stroke: #f6f8fa;
         stroke-miterlimit: 10;
       }
       .cls-3 {
@@ -15,7 +15,7 @@
         stroke-width: 7.04px;
       }
       .cls-4 {
-        fill: #272727;
+        fill: #f6f8fa;
         stroke-width: 1.71px;
       }
     </style>
@@ -24,6 +24,19 @@
 
   <!-- color border -->
 
+  <foreignObject x="0" y="0" width="156" height="156" mask="url(#mask)">
+    <div
+      class="gradient"
+      xmlns="http://www.w3.org/1999/xhtml"
+      style="
+        width: 156px;
+        height: 156px;
+        border-radius: 15%;
+        background-color: #272727;
+      "
+    />
+  </foreignObject>
+
   <foreignObject x="0" y="0" width="156" height="156">
     <div
       class="gradient"
@@ -32,6 +45,7 @@
         width: 156px;
         height: 156px;
         border-radius: 15%;
+        opacity:0.5;
         background-image: conic-gradient(
           from 140deg,
           #ee3435 5%,
@@ -46,7 +60,7 @@
       "
     />
   </foreignObject>
-    <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#dcdbdb" />
+    <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#0d1117" />
   <path
     class="cls-3"
     d="M84.74,53l35.05,62.9a.85.85,0,0,1-1.25,1.11L84.39,88.71a8.82,8.82,0,0,0-11.29,0L38.94,117c-.72.61-1.68-.29-1.25-1.11L72.74,53A6.83,6.83,0,0,1,84.74,53Z"
diff --git a/docs/source/images/pyglotaran_favicon_back_fill.svg b/docs/source/images/pyglotaran_favicon_light_theme.svg
similarity index 95%
rename from docs/source/images/pyglotaran_favicon_back_fill.svg
rename to docs/source/images/pyglotaran_favicon_light_theme.svg
index 04fb72bbe..d28fdea65 100644
--- a/docs/source/images/pyglotaran_favicon_back_fill.svg
+++ b/docs/source/images/pyglotaran_favicon_light_theme.svg
@@ -7,7 +7,7 @@
     <style>
       .cls-3,
       .cls-4 {
-        stroke: #dcdbdb;
+        stroke: #0d1117;
         stroke-miterlimit: 10;
       }
       .cls-3 {
@@ -15,7 +15,7 @@
         stroke-width: 7.04px;
       }
       .cls-4 {
-        fill: #dcdbdb;
+        fill: #0d1117;
         stroke-width: 1.71px;
       }
     </style>
@@ -46,7 +46,7 @@
       "
     />
   </foreignObject>
-    <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#272727" />
+    <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#f6f8fa" />
   <path
     class="cls-3"
     d="M84.74,53l35.05,62.9a.85.85,0,0,1-1.25,1.11L84.39,88.71a8.82,8.82,0,0,0-11.29,0L38.94,117c-.72.61-1.68-.29-1.25-1.11L72.74,53A6.83,6.83,0,0,1,84.74,53Z"
diff --git a/docs/source/images/pyglotaran_favicon_transparent.svg b/docs/source/images/pyglotaran_favicon_transparent.svg
index cb0a36bc6..0209a29fb 100644
--- a/docs/source/images/pyglotaran_favicon_transparent.svg
+++ b/docs/source/images/pyglotaran_favicon_transparent.svg
@@ -7,17 +7,16 @@
     <style>
       .cls-3,
       .cls-4 {
-        stroke: #757575;
-;
+        stroke: #0d1117;
         stroke-miterlimit: 10;
       }
       .cls-3 {
-        fill: none;
-        stroke-width: 7.04px;
+        fill: #7e7e7e;
+        stroke-width: 3px;
       }
       .cls-4 {
-        fill: #757575;
-        stroke-width: 1.71px;
+        fill: #7e7e7e;
+        stroke-width: 3px;
       }
     </style>
   </defs>
diff --git a/docs/source/images/pyglotaran_logo_back_fill.svg b/docs/source/images/pyglotaran_logo_dark_theme.svg
similarity index 92%
rename from docs/source/images/pyglotaran_logo_back_fill.svg
rename to docs/source/images/pyglotaran_logo_dark_theme.svg
index 06b72f68a..56bfe504e 100644
--- a/docs/source/images/pyglotaran_logo_back_fill.svg
+++ b/docs/source/images/pyglotaran_logo_dark_theme.svg
@@ -7,10 +7,10 @@
     <style>
       .cls-11,
       .cls-2 {
-        fill: #dcdbdb;
+        fill: #f6f8fa;
       }
       .cls-2 {
-        stroke: #dcdbdb;
+        stroke: #f6f8fa;
         stroke-width: 1.29px;
       }
       .cls-4 {
@@ -35,6 +35,20 @@
         width: 156px;
         height: 156px;
         border-radius: 15%;
+        background-color: #272727;
+      "
+    />
+  </foreignObject>
+
+  <foreignObject x="0" y="0" width="156" height="156" mask="url(#mask)">
+    <div
+      class="gradient"
+      xmlns="http://www.w3.org/1999/xhtml"
+      style="
+        width: 156px;
+        height: 156px;
+        border-radius: 15%;
+        opacity:0.5;
         background-image: conic-gradient(
           from 140deg,
           #ee3435 5%,
@@ -49,7 +63,7 @@
       "
     />
   </foreignObject>
-  <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#272727" />
+  <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#0d1117" />
 
   <!-- Text -->
 
diff --git a/docs/source/images/pyglotaran_logo_white_fill.svg b/docs/source/images/pyglotaran_logo_light_theme.svg
similarity index 98%
rename from docs/source/images/pyglotaran_logo_white_fill.svg
rename to docs/source/images/pyglotaran_logo_light_theme.svg
index 188483c88..759024b60 100644
--- a/docs/source/images/pyglotaran_logo_white_fill.svg
+++ b/docs/source/images/pyglotaran_logo_light_theme.svg
@@ -7,10 +7,10 @@
     <style>
       .cls-11,
       .cls-2 {
-        fill: #272727;
+        fill: #0d1117;
       }
       .cls-2 {
-        stroke: #272727;
+        stroke: #0d1117;
         stroke-width: 1.29px;
       }
       .cls-4 {
@@ -49,7 +49,7 @@
       "
     />
   </foreignObject>
-  <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#dcdbdb" />
+  <rect x="27" y="27" rx="5" ry="5" width="102" height="102" fill="#f6f8fa" />
 
   <!-- Text -->
 
diff --git a/docs/source/images/pyglotaran_logo_transparent.svg b/docs/source/images/pyglotaran_logo_transparent.svg
index 18acb0981..c389103e4 100644
--- a/docs/source/images/pyglotaran_logo_transparent.svg
+++ b/docs/source/images/pyglotaran_logo_transparent.svg
@@ -7,12 +7,16 @@
     <style>
       .cls-11,
       .cls-2 {
-        fill: #757575;
+        fill: #f6f8fa;
       }
       .cls-2 {
-        stroke: #757575;
+        stroke: #0d1117;
         stroke-width: 1.29px;
       }
+      .pystroke {
+        stroke: #0d1117;
+        stroke-width: 0.8px;
+      }
       .cls-4 {
         fill: none;
         stroke: #fff;
@@ -62,11 +66,11 @@
     d="M127.26,104.31l-5.78-.57a.3.3,0,0,1-.32-.19l-17-41.35a.41.41,0,0,0-.28-.19h-1.81a.37.37,0,0,0-.28.19L90.66,87.13l-3.94-.29c-.24,0-.35-.13-.35-.32V49.44c0-.21.09-.32.28-.32H98.43c.24,0,.36.08.36.25l1.45,7.33c0,.17.12.25.36.25h2.7a.32.32,0,0,0,.36-.35V46.46c0-.21-.12-.32-.36-.32H63.09c-.24,0-.36.11-.36.32V56.6a.32.32,0,0,0,.36.35h2.7c.24,0,.35-.08.35-.25l1.46-7.33c0-.17.12-.25.35-.25H79.73c.19,0,.28.11.28.32V86.52a.26.26,0,0,1,0,.12H62c-.28,0-.43.13-.43.38v1.55c0,.27.12.41.36.41l6.21.51c.24,0,.35.11.35.32v13.08a42.37,42.37,0,0,1-7.27.85q-9.4,0-15.15-6.57a21.52,21.52,0,0,1-5.29-14.66q0-8.49,5.48-13.44t15-4.94a55.32,55.32,0,0,1,8.2,1.23c.21.08.32.19.32.32l1.45,7.27c0,.17.12.25.36.25H74.5c.24,0,.36-.11.36-.32V63.09c0-.17-.12-.27-.36-.32l-2.84-.47a58.23,58.23,0,0,0-9.83-1.08,35.22,35.22,0,0,0-13.52,2.56,24,24,0,0,0-10.72,8.17,21.34,21.34,0,0,0,3.83,28.51q7.46,6.2,18.88,6.19a71.39,71.39,0,0,0,14.19-1.55c.24-.11.36-.22.36-.35V89.69H89.51l-6.22,13.92a.41.41,0,0,1-.28.19l-6,.51a.32.32,0,0,0-.36.35v1.67c0,.21.12.32.36.32H92.77c.24,0,.36-.1.36-.32v-1.67c0-.21-.12-.33-.36-.35l-5.46-.38c-.36,0-.47-.17-.36-.44L92.7,90.67A1.37,1.37,0,0,0,93,90h15.83a1.21,1.21,0,0,0,.28.7l5.39,12.7a.36.36,0,0,1,0,.32.29.29,0,0,1-.28.13l-5.68.51a.32.32,0,0,0-.36.35v1.67c0,.21.12.32.36.32h18.67c.26,0,.39-.1.39-.32v-1.67c0-.25-.1-.37-.32-.37ZM107.5,87.25H94.37c-.36.51,6.53-15.41,6.53-15.41a.27.27,0,0,1,.28-.19.38.38,0,0,1,.29.19S107.88,87.76,107.5,87.25Z"
   />
   <path
-    class="cls-11"
+    class="cls-11 pystroke"
     d="M38.18,46.85q0-5.46-3.11-5.61a5.77,5.77,0,0,0-2.42.4,3.5,3.5,0,0,0-1.27.67V51a6.21,6.21,0,0,0,3.54,1.16Q38.17,51.95,38.18,46.85Zm2.56.16a7.68,7.68,0,0,1-1.31,4.61,4.82,4.82,0,0,1-4,2.13,7.18,7.18,0,0,1-4-1.22v7.9l-2.23-.79V42.1a5.09,5.09,0,0,1,1.41-1.16,9.7,9.7,0,0,1,4.83-1.19l0,0a4.45,4.45,0,0,1,4,2.13A9.13,9.13,0,0,1,40.74,47Z"
   />
   <path
-    class="cls-11"
+    class="cls-11 pystroke"
     d="M54.35,52.19a12.22,12.22,0,0,1-.75,5.15,5.26,5.26,0,0,1-2.85,2.29,10.87,10.87,0,0,1-3.69.73L46.69,59a17.85,17.85,0,0,0,2.84-.55,3.79,3.79,0,0,0,2.23-1.68,8.35,8.35,0,0,0,.49-3.51v-.58a11.47,11.47,0,0,1-4.79,1,4.38,4.38,0,0,1-2.9-1,3.51,3.51,0,0,1-1.4-2.87V40.5l2.23-.76v9.33a2.81,2.81,0,0,0,1,2.3,3.64,3.64,0,0,0,2.5.78A6.26,6.26,0,0,0,52.14,51V40.07h2.23V52.19Z"
   />