diff --git a/frontend/media/arrow-l.svg b/frontend/media/arrow-l.svg
index 4124d09..5ab3af8 100644
--- a/frontend/media/arrow-l.svg
+++ b/frontend/media/arrow-l.svg
@@ -1,3 +1,3 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M44 24c0 .69-.56 1.25-1.25 1.25H10.304l12.822 12.609a1.251 1.251 0 1 1-1.752 1.782L6.386 24.903a1.245 1.245 0 0 1-.379-1.035c.032-.3.171-.58.393-.785L21.374 8.359a1.25 1.25 0 1 1 1.752 1.782L10.304 22.75H42.75c.69 0 1.25.56 1.25 1.25z" fill="#333"/>
+    <path d="M44 24c0 .69-.56 1.25-1.25 1.25H10.304l12.822 12.609a1.251 1.251 0 1 1-1.752 1.782L6.386 24.903a1.245 1.245 0 0 1-.379-1.035c.032-.3.171-.58.393-.785L21.374 8.359a1.25 1.25 0 1 1 1.752 1.782L10.304 22.75H42.75c.69 0 1.25.56 1.25 1.25z" fill="#343A40"/>
 </svg>
diff --git a/frontend/media/arrowr.svg b/frontend/media/arrowr.svg
index 819893c..8714f1d 100644
--- a/frontend/media/arrowr.svg
+++ b/frontend/media/arrowr.svg
@@ -1,3 +1,3 @@
 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.268 4.21a.75.75 0 0 0-1.04 1.08l8.275 7.96H3.75a.75.75 0 1 0 0 1.5h18.752l-8.273 7.959a.75.75 0 0 0 1.04 1.08l9.428-9.069a1 1 0 0 0 0-1.441l-9.428-9.07-.001.001z" fill="#333"/>
+    <path d="M15.268 4.21a.75.75 0 0 0-1.04 1.08l8.275 7.96H3.75a.75.75 0 1 0 0 1.5h18.752l-8.273 7.959a.75.75 0 0 0 1.04 1.08l9.428-9.069a1 1 0 0 0 0-1.441l-9.428-9.07-.001.001z" fill="#343A40"/>
 </svg>
diff --git a/frontend/media/chev-d.svg b/frontend/media/chev-d.svg
index 9cd2c1b..28f1fc9 100644
--- a/frontend/media/chev-d.svg
+++ b/frontend/media/chev-d.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="m22.723 5.473 1.054 1.054L12 18.305.223 6.527l1.054-1.054L12 16.195 22.723 5.473z" fill="#333"/>
+    <path d="m22.723 5.473 1.054 1.054L12 18.305.223 6.527l1.054-1.054L12 16.195 22.723 5.473z" fill="#343A40"/>
 </svg>
diff --git a/frontend/media/ei close.svg b/frontend/media/ei close.svg
index a64de43..cc860cc 100644
--- a/frontend/media/ei close.svg	
+++ b/frontend/media/ei close.svg	
@@ -1,4 +1,4 @@
 <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="m37.304 11.282 1.414 1.414-26.022 26.02-1.414-1.413 26.022-26.021z" fill="#333"/>
-    <path d="m12.696 11.282 26.022 26.02-1.414 1.415-26.022-26.02 1.414-1.415z" fill="#333"/>
+    <path d="m37.304 11.282 1.414 1.414-26.022 26.02-1.414-1.413 26.022-26.021z" fill="#343A40"/>
+    <path d="m12.696 11.282 26.022 26.02-1.414 1.415-26.022-26.02 1.414-1.415z" fill="#343A40"/>
 </svg>
diff --git a/frontend/src/lib/assets/css/base.less b/frontend/src/lib/assets/css/base.less
index 9c0e7d1..e9c61ee 100644
--- a/frontend/src/lib/assets/css/base.less
+++ b/frontend/src/lib/assets/css/base.less
@@ -8,7 +8,7 @@ html {
     background-color: black;
 }
 body {
-    color: #333 !important;
+    color: #343a40 !important;
     height: 100%;
     background-color: #f9f9f9;
 }
@@ -27,6 +27,7 @@ a {
     font-weight: 700;
     color: inherit;
     font-weight: normal;
+    cursor: pointer;
 }
 
 /* Tabellen */
@@ -56,11 +57,11 @@ button {
     border: none;
     cursor: pointer;
     font-size: inherit;
-    color: #333;
+    color: #343a40;
 }
 input,
 select {
-    color: #333;
+    color: #343a40;
     width: 100%;
 }
 .underline {
diff --git a/frontend/src/lib/components/widgets/Worldcard/card.svelte b/frontend/src/lib/components/widgets/Worldcard/card.svelte
index 08cbc5f..eaabbb9 100644
--- a/frontend/src/lib/components/widgets/Worldcard/card.svelte
+++ b/frontend/src/lib/components/widgets/Worldcard/card.svelte
@@ -164,8 +164,8 @@
                                 height: 1.8vw;
                                 max-height: 25px;
                                 border-radius: 15px;
-                                border: 2px solid @signal-color;
-                                color: @signal-color;
+                                border: 2px solid #6b6868;
+                                color: #6b6868;
                                 background-color: @bg-color-secondary;
                                 display: flex;
                                 justify-content: center;
diff --git a/frontend/src/lib/components/widgets/iconCycleBox.svelte b/frontend/src/lib/components/widgets/iconCycleBox.svelte
index b7c8dbd..28fec00 100644
--- a/frontend/src/lib/components/widgets/iconCycleBox.svelte
+++ b/frontend/src/lib/components/widgets/iconCycleBox.svelte
@@ -20,6 +20,7 @@
                 <div class="icon">
                     <svg
                         stroke="{i == active ? '#5b6e98' : 'white'}"
+                        fill="{i == active ? '#5b6e98' : 'white'}"
                         data-src="{apiBaseURL}medialib/{box?.icon}/{$mediaLibrary?.[box?.icon]?.file?.src}"></svg>
                 </div>
                 <div class="text">
diff --git a/frontend/src/lib/components/widgets/persons.svelte b/frontend/src/lib/components/widgets/persons.svelte
index 712139d..b9a3f26 100644
--- a/frontend/src/lib/components/widgets/persons.svelte
+++ b/frontend/src/lib/components/widgets/persons.svelte
@@ -84,7 +84,6 @@
                 width: 100%;
                 background-color: @signal-color;
                 color: @font-color-secondary;
-                border: 2px solid @bg-color-secondary;
                 padding: 2px 15px;
                 font-weight: bold;
             }