diff --git a/assets/style.css b/assets/style.css
index 61cfd2e2..fb27d2ae 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -13,3 +13,11 @@ p + p {
 .nuxt-scroll-indicator {
   @apply bg-gradient-to-r to-secondary from-blue-700;
 }
+
+::selection {
+  @apply bg-secondaryWithOpacity;
+}
+
+.dark ::selection {
+  @apply bg-primaryWithOpacity;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 6cd37575..3cdd570e 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,6 +7,8 @@ export default <Partial<Config>>{
       colors: {
         primary: '#265DAD',
         secondary: '#37C5F0',
+        primaryWithOpacity: 'rgba(38,93,173,0.5)',
+        secondaryWithOpacity: 'rgba(55,197,240,0.5)',
       },
     },
   },