diff --git a/frontend/styles/shared-styles.js b/frontend/styles/shared-styles.js
index 0a98348..e4871f2 100644
--- a/frontend/styles/shared-styles.js
+++ b/frontend/styles/shared-styles.js
@@ -5,13 +5,38 @@ const $_documentContainer = document.createElement('template');
 
 $_documentContainer.innerHTML = `
 <custom-style>
-<style include='lumo-badge'>
+    <style include='lumo-badge'>
         html {
-      --lumo-body-text-color: #fff;
+          --lumo-font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
+        }
 
-    }
-
-</style>
+        [theme~="dark"] {
+          --lumo-base-color: #312e2b;
+          --lumo-shade-5pct: rgba(38, 33, 27, 0.05);
+          --lumo-shade-10pct: rgba(38, 33, 27, 0.1);
+          --lumo-shade-20pct: rgba(38, 33, 27, 0.2);
+          --lumo-shade-30pct: rgba(38, 33, 27, 0.3);
+          --lumo-shade-40pct: rgba(38, 33, 27, 0.4);
+          --lumo-shade-50pct: rgba(38, 33, 27, 0.5);
+          --lumo-shade-60pct: rgba(38, 33, 27, 0.6);
+          --lumo-shade-70pct: rgba(38, 33, 27, 0.7);
+          --lumo-shade-80pct: rgba(38, 33, 27, 0.8);
+          --lumo-shade-90pct: rgba(38, 33, 27, 0.9);
+          --lumo-shade: 26211b;
+          --lumo-primary-text-color: #7fa650;
+          --lumo-primary-color-50pct: rgba(127, 166, 80, 0.5);
+          --lumo-primary-color-10pct: rgba(127, 166, 80, 0.1);
+          --lumo-primary-color: #7fa650;
+          --lumo-error-text-color: rgb(179, 52, 48);
+          --lumo-error-color-50pct: rgba(179, 52, 48, 0.5);
+          --lumo-error-color-10pct: rgba(179, 52, 48, 0.1);
+          --lumo-error-color: #b33430;
+          --lumo-success-text-color: rgb(118, 150, 86);
+          --lumo-success-color-50pct: rgba(118, 150, 86, 0.5);
+          --lumo-success-color-10pct: rgba(118, 150, 86, 0.1);
+          --lumo-success-color: #769656;
+        }
+    </style>
 </custom-style>
 
 
diff --git a/notes.txt b/notes.txt
new file mode 100644
index 0000000..f1e3059
--- /dev/null
+++ b/notes.txt
@@ -0,0 +1 @@
+1-14, statusvgl letzter spieltag, name (chesscomname), pkt, anz. matches, matches: G U V, Spieldifferenz
diff --git a/src/main/java/com/example/application/views/main/MainView.java b/src/main/java/com/example/application/views/main/MainView.java
index 414d416..ab2a749 100644
--- a/src/main/java/com/example/application/views/main/MainView.java
+++ b/src/main/java/com/example/application/views/main/MainView.java
@@ -20,9 +20,7 @@ import com.vaadin.flow.component.tabs.TabsVariant;
 import com.vaadin.flow.router.RouterLink;
 import com.vaadin.flow.server.PWA;
 import com.vaadin.flow.theme.Theme;
-import com.vaadin.flow.router.Route;
 import com.vaadin.flow.router.PageTitle;
-import com.example.application.views.main.MainView;
 import com.example.application.views.helloworld.HelloWorldView;
 import com.example.application.views.about.AboutView;
 import com.example.application.views.cardlist.CardListView;