From cbcca219e28576b2007092c14fc5a2952644a64e Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Fri, 17 Jan 2025 15:20:58 +0200
Subject: [PATCH] docs: fix select code blocks in UI docs (#11010)

---
 www/packages/docs-ui/src/components/CodeBlock/index.tsx | 2 +-
 www/packages/tailwind/base.tailwind.config.js           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/packages/docs-ui/src/components/CodeBlock/index.tsx b/www/packages/docs-ui/src/components/CodeBlock/index.tsx
index c284e021d0..02acc99c7b 100644
--- a/www/packages/docs-ui/src/components/CodeBlock/index.tsx
+++ b/www/packages/docs-ui/src/components/CodeBlock/index.tsx
@@ -388,7 +388,7 @@ export const CodeBlock = ({
           >
             {({
               className: preClassName,
-              style: { backgroundColor, ...style },
+              style: { backgroundColor: _, ...style },
               tokens,
               ...rest
             }) => (
diff --git a/www/packages/tailwind/base.tailwind.config.js b/www/packages/tailwind/base.tailwind.config.js
index ed9e641216..a6a5faabcc 100644
--- a/www/packages/tailwind/base.tailwind.config.js
+++ b/www/packages/tailwind/base.tailwind.config.js
@@ -837,13 +837,13 @@ module.exports = {
           },
           ".code-block-highlight": {
             "*::selection": {
-              "background-color": "var(--docs-contrast-fg-secondary)",
+              "background-color": "var(--docs-contrast-fg-secondary) !important",
               color: "var(--docs-contrast-bg-base)",
             },
           },
           ".code-block-highlight-light": {
             "*::selection": {
-              "background-color": "var(--docs-bg-highlight)",
+              "background-color": "var(--docs-bg-highlight) !important",
             },
           },
           ".badge": {