diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index c1d5532..5f00914 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -8,8 +8,8 @@
 
 $bar-module-width: 25px;
 $bar-bg-color: rgba($color5,0.7);
-$bar-module-bg-color: rgba($color5,0.15);
-$bar-module-fg-color: rgba($color0,0.8);
+$bar-module-bg-color: rgba($color0,0.8);
+$bar-module-fg-color: rgba($color5,0.8);
 $bar-module-inactive-fg-color: rgba($color13,0.5);
 //$bar-active-bg-color: rgba($color1,0.5);
 //$bar-active-fg-color: $color1;
@@ -201,6 +201,9 @@ button.active {
 .reveal_children>widget:only-child {
   border-radius:$bar-module-border-radius;  
 }
+.datetime {
+  font-weight: bold;
+}
 menu {
   color: $color9;
   background-color: rgba($color0,0.75);
diff --git a/de/home/.config/eww/modules/bar/clock.yuck b/de/home/.config/eww/modules/bar/clock.yuck
index 3a8bee8..66daa64 100644
--- a/de/home/.config/eww/modules/bar/clock.yuck
+++ b/de/home/.config/eww/modules/bar/clock.yuck
@@ -1,3 +1,4 @@
 (defwidget clock []
   (label
+    :class "datetime"
     :text {formattime(EWW_TIME,"%b %d, %Y  |  %H:%M")}))