diff --git a/frontend/src/styles/midsummer.css b/frontend/src/styles/midsummer.css
index 434133ec..88bfd9ed 100644
--- a/frontend/src/styles/midsummer.css
+++ b/frontend/src/styles/midsummer.css
@@ -1,2 +1,33 @@
 /* Midsummer "Små grodorna" theme overlay. All rules scoped under
    :root[data-midsummer] so they only apply when the theme is on. */
+
+:root[data-midsummer] .ml-sidebar {
+  background: #0a1f16;
+  border-right: 2px solid #1c5a2c;
+}
+:root[data-midsummer] .ml-map-container {
+  background: #0e2a1e;
+}
+:root[data-midsummer] .ml-sidebar-title {
+  color: #7ed957;
+  text-shadow: 0 0 6px rgba(126, 217, 87, 0.35);
+}
+:root[data-midsummer] .ml-tool-link {
+  color: #bfe9a8;
+}
+:root[data-midsummer] .ml-tool-link:hover {
+  color: #eafbe0;
+}
+:root[data-midsummer] .ml-server-status,
+:root[data-midsummer] .ml-counters,
+:root[data-midsummer] .ml-player-row {
+  border-color: #1c5a2c;
+}
+:root[data-midsummer] .ml-player-row.ml-player-selected {
+  background: rgba(126, 217, 87, 0.14);
+  outline: 1px solid rgba(126, 217, 87, 0.5);
+}
+:root[data-midsummer] .ml-sort-btn,
+:root[data-midsummer] .ml-btn {
+  border-color: #2c6e36;
+}