diff --git a/webapp/src/components/tabContentComponents/loggingContent.vue b/webapp/src/components/tabContentComponents/loggingContent.vue
index fb636793..ab2f602c 100644
--- a/webapp/src/components/tabContentComponents/loggingContent.vue
+++ b/webapp/src/components/tabContentComponents/loggingContent.vue
@@ -266,16 +266,31 @@ export default {
   background: darken(@info-bg-color, 15%);
 }
 
+.uk-light .logging-header {
+  background: darken(@info-bg-color, 35%);
+  color: lighten(@info-bg-color, 35%);
+}
+
 .uk-alert-warning .logging-header {
   background: darken(@warning-bg-color, 15%);
   color: darken(@warning-color, 15%);
 }
 
+.uk-light .uk-alert-warning .logging-header {
+  background: desaturate(darken(@warning-color, 15%), 10%);
+  color: darken(@warning-bg-color, 5%);
+}
+
 .uk-alert-danger .logging-header {
   background: darken(@error-bg-color, 15%);
   color: darken(@error-color, 15%);
 }
 
+.uk-light .uk-alert-danger .logging-header {
+  background: desaturate(darken(@error-color, 10%), 10%);
+  color: darken(@error-bg-color, 5%);
+}
+
 .logging-entry-body {
   padding: 15px 29px 15px 15px;
 }