small fixed to dark mode

Author: Thomas Hanke

ckanext/matolabtheme/assets/dark.css

@@ -4,7 +4,8 @@
  */
 
 /* Dark Mode Variable Overrides */
-:root {
+@media (prefers-color-scheme: dark) {
+  :root {
     --bs-white: #fafafa;
     --bs-black: #111;
     --bs-gray: #7e7e7e;
@@ -46,11 +47,12 @@
   .text-light {
     color: var(--bs-body-color) !important;
   }
+  .site-footer .attribution .row .col,
   .site-footer a,
+  .site-footer .text-end,
   .site-footer .attribution p,
-  .site-footer label {
-    color: var(--bs-body-color) !important;
-  }
+  .site-footer label { color: var(--bs-body-color) !important; }
+
 
   .checkbox input[type=checkbox], .form-check-input {
     background-color: var(--bs-body-bg);
@@ -61,6 +63,14 @@
   .accordion-button, .accordion-button:not(.collapsed){
     background-color: var(--bs-body-color);
   }
-  
+  .navbar-nav li a {
+    color: var(--bs-body-color);
+  }
+  .nav-tabs .nav-link.active,
+  .nav-tabs .nav-item.show .nav-link {
+    color: var(--bs-body-color);
+  }
+
+}
   /* End of dark.css */
 

ckanext/matolabtheme/assets/style.css

@@ -57,11 +57,12 @@
   .d-light-flex { display: flex !important; }
   .d-light-inline-flex { display: inline-flex !important; }
   .d-light-none { display: none !important; }
-  .site-footer .attribution .row .col { color: var(--bs-light); }
+}
+.site-footer .attribution .row .col,
   .site-footer a,
+  .site-footer .text-end,
   .site-footer .attribution p,
   .site-footer label { color: var(--bs-light) !important; }
-}
 
 /* Common Styles */
 *,

ckanext/matolabtheme/templates/header.html

@@ -31,7 +31,7 @@
         {% block header_site_navigation_tabs %}
         {% set org_type = h.default_group_type('organization') %}
         {% set group_type = h.default_group_type('group') %}
-        {{ super() }}
+        {{super()}}
         {% endblock %}
         {% endblock %}
       </ul>
@@ -50,46 +50,27 @@
       {% block header_account_container_content %}
       <ul class="nav navbar-nav navbar-right ms-auto" data-module="me" data-me="{{ c.userobj.id }}">
         {% if c.userobj %}
-        <li class="nav-item dropdown">
-          {% block header_account_profile %}
-          <a href="#" class="image nav-link dropdown-toggle" title="{{ _('View profile') }}" href="#"
-            id="navbarAccountDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-            {{ h.user_image((c.user if c and c.user else ''), size=22) }}
-            <span class="username">{{ c.userobj.display_name }}</span>
-          </a>
-          <!-- {{ h.url_for('user.read', id=c.userobj.name) }} -->
-          {% endblock %}
-          <ul class="dropdown-menu" aria-labelledby="navbarAccountDropdownMenuLink">
-            {% block header_account_logged %}
-            {% if c.userobj.sysadmin %}
-            <li>
-              <a class="dropdown-item" href="{{ h.url_for('admin.index') }}" title="{{ _('Sysadmin settings') }}">
-                <i class="fa fa-gavel" aria-hidden="true"></i>
-                <span class="text">{{ _('Admin') }}</span>
-              </a>
-            </li>
-            {% endif %}
-            {% block header_dashboard %}
-            {{ super() }}
-            {% endblock %}
-            {% block header_account_settings_link %}
-            {{ super() }}
-            {% endblock %}
-            <li>
-              <hr class="dropdown-divider">
-            </li>
-            {% block header_account_log_out_link %}
-            {{ super() }}
-            {% endblock %}
-            {% endblock %}
-          </ul>
-        </li>
+          <li class="nav-item dropdown">
+            <a href="#" class="image nav-link dropdown-toggle" title="{{ _('View profile') }}" href="#"
+              id="navbarAccountDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              {{ h.user_image((c.user if c and c.user else ''), size=22) }}
+              <span class="username">{{ c.userobj.display_name }}</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarAccountDropdownMenuLink">
+              {% block header_account_logged %}
+              {{super()}}
+              {% block header_account_profile %}
+              {% endblock %}
+
+              {% endblock %}
+            </ul>
+          </li>
         {% else %}
-        {% block header_account_notlogged %}
-        {{super()}}
-        {% endblock %}
+          {% block header_account_notlogged %}
+          {{super()}}
+          {% endblock %}
+        {% endif %}
       </ul>
-      {% endif %}
       {% endblock %}
     </div>
   </div>