diff --git a/www/docs/src/css/_docusaurus.css b/www/docs/src/css/_docusaurus.css
index b6e60ea455..6cf1aaf648 100644
--- a/www/docs/src/css/_docusaurus.css
+++ b/www/docs/src/css/_docusaurus.css
@@ -273,4 +273,12 @@ h1, h2, h3, h4, h5, h6 {
 
 .markdown {
   @apply tw-mb-0;
+}
+
+::selection {
+  @apply tw-bg-medusa-bg-highlight dark:tw-bg-medusa-bg-highlight-dark;
+}
+
+.prism-code *::selection {
+  @apply tw-bg-medusa-code-text-highlight;
 }
\ No newline at end of file
diff --git a/www/docs/tailwind.config.js b/www/docs/tailwind.config.js
index c0dbb6c6cb..b39b38160d 100644
--- a/www/docs/tailwind.config.js
+++ b/www/docs/tailwind.config.js
@@ -142,8 +142,8 @@ module.exports = {
               },
             },
             highlight: {
-              DEFAULT: "#EDE9FE",
-              dark: "#2C2250",
+              DEFAULT: "#E1F0FF",
+              dark: "#102A4C",
             },
             "toggle-off": {
               DEFAULT: "#C1C8CD",
@@ -350,6 +350,7 @@ module.exports = {
               },
               title: "#7E7D86",
             },
+            "text-highlight": "#102A4C",
           },
           tag: {
             purple: {