diff --git a/components/top-nav.vue b/components/top-nav.vue
index b3379c4..14e606c 100644
--- a/components/top-nav.vue
+++ b/components/top-nav.vue
@@ -8,9 +8,7 @@
           src="mariosant.webp"
           class="w-10 h-10 rounded-full border dark:border-gray-800 dark:bg-slate-300 block"
         />
-        <div class="font-bold text-blue-500 dark:text-blue-300">
-          Marios Antonoudiou
-        </div>
+        <div class="font-bold">Marios Antonoudiou</div>
       </ULink>
       <div class="flex gap-3 items-center justify-end text-slate-600">
         <ULink
diff --git a/layouts/content.vue b/layouts/content.vue
index 622d126..0d4eb57 100644
--- a/layouts/content.vue
+++ b/layouts/content.vue
@@ -4,7 +4,8 @@ useHead({
     lang: "en",
   },
   bodyAttrs: {
-    class: "dark:bg-slate-900",
+    class:
+      "dark:bg-slate-900 selection:bg-blue-100 dark:selection:bg-slate-600",
   },
 });
 </script>
diff --git a/layouts/default.vue b/layouts/default.vue
index 1ab953c..8aa5544 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -4,7 +4,8 @@ useHead({
     lang: "en",
   },
   bodyAttrs: {
-    class: "dark:bg-slate-900 ",
+    class:
+      "dark:bg-slate-900 selection:bg-blue-100 dark:selection:bg-slate-600",
   },
 });
 </script>