Optimized sphinx theme

roles/docker-portfolio/templates/config.yaml.j2

@@ -676,6 +676,7 @@ navigation:
     {% endif %}
   {% endif %}
 {% endif %}
+
     - name: Support Us
       description: "Discover all the ways you can support our work."
       icon:
@@ -701,13 +702,17 @@ navigation:
           icon:
             class: fa-brands fa-github
           url: https://s.veen.world/githubsponsors
-{% if "spinx" in group_names %}   
-    - name: Documentation & Support
+
+{% if "sphinx" in group_names %}   
+
+    - name: Documentation
       description: Access our comprehensive documentation and support resources to help you get the most out of the software.
       icon:
         class: fas fa-book
       url: https://{{domains.sphinx}}
+
 {% endif %}
+
     - name: Imprint
       description: Check out the imprint information
       icon:

roles/nginx-modifier-css/templates/global.css.j2

@@ -602,10 +602,19 @@ html[native-dark-active] my-app button, button {
     --card-header-accent:     var(--color-85);    /* Accent color in card headers */
     
     /* Dropdown Menus */
-    --dropdown-item-hover-bg: var(--color-05);    /* Hover background: very dark */
-    --dropdown-item-hover-color: var(--color-60);  /* Hover text: a bit lighter */
-    --dropdown-item-color:     var(--color-70);    /* Regular dropdown item text */
-    --dropdown-item-active-color: var(--color-99);/* Active state: very light (white) */
+    --dropdown-item-hover-bg:       var(--color-05);    /* Hover background: very dark */
+    --dropdown-item-hover-color:    var(--color-60);    /* Hover text: a bit lighter */
+    --dropdown-item-color:          var(--color-70);    /* Regular dropdown item text */
+    --dropdown-item-active-color:   var(--color-99);    /* Active state: very light (white) */
+}
+
+/** Sphinx **/
+.bg-background\/95 {
+    background-color: var(--color-96);
+}
+
+.border-border {
+    border-color: var(--color-85);
 }
 
 /** Taiga **/