diff --git a/the_works/static/css/the_works.css b/the_works/static/css/the_works.css
index 9466483..668a93d 100644
--- a/the_works/static/css/the_works.css
+++ b/the_works/static/css/the_works.css
@@ -3,14 +3,20 @@
 /* add nice gradient to the header*/ 
 body>header {
   background-image: linear-gradient(to right, rgba(255, 239, 186, .7), var(--pico-background-color));
+
+  #logo-p {
+    --pico-color: var(--pico-color);
+    filter: brightness(75%);
+  }
 }
 
 [data-theme=light],
 :root:not([data-theme=dark]),
 :host(:not([data-theme=dark])) {
-  /* adapt the header gradient for dark mode */  
+  /* adapt the header gradient for light mode */  
   body>header {
     background-image: linear-gradient(to right, #ffefba, var(--pico-background-color));
+    filter: brightness(100%);
   }
 }
 
diff --git a/the_works/templates/_nav.html b/the_works/templates/_nav.html
index 8d0e698..0a1701f 100644
--- a/the_works/templates/_nav.html
+++ b/the_works/templates/_nav.html
@@ -21,7 +21,7 @@
       <a href="{{ url_for('home.startpage') }}">
         <hgroup>
           <h2>the_works</h2>
-          <p>Tobias seine Bücher</p>
+          <p id="logo-p">Tobias seine Bücher</p>
         </hgroup>
       </a>
     </li>