From fb16fa80d53e02013e1e9e34005dc28cbeb335ad Mon Sep 17 00:00:00 2001 From: arechaithanya Date: Thu, 16 Apr 2026 20:48:39 +0530 Subject: [PATCH 1/2] docs: improve explanation of why webpack is used --- src/content/guides/getting-started.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/guides/getting-started.mdx b/src/content/guides/getting-started.mdx index 1afec489e728..9bbc74580242 100644 --- a/src/content/guides/getting-started.mdx +++ b/src/content/guides/getting-started.mdx @@ -157,7 +157,7 @@ There are problems with managing JavaScript projects this way: - If a dependency is missing, or included in the wrong order, the application will not function properly. - If a dependency is included but not used, the browser will be forced to download unnecessary code. -Let's use webpack to manage these scripts instead. +Webpack solves these issues by explicitly declaring dependencies and bundling them together. This removes reliance on global variables and ensures scripts are executed in the correct order. ## Creating a Bundle From aeafe3117d640a3cb8f5e73e5d6c2a16b23d7d58 Mon Sep 17 00:00:00 2001 From: Chaithanya Reddy Date: Sun, 5 Jul 2026 13:42:27 +0000 Subject: [PATCH 2/2] style: soften DocSearch keyboard shortcut appearance --- src/styles/tailwind.css | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css index 9db5fb51dfaf..ed394fa9fa32 100644 --- a/src/styles/tailwind.css +++ b/src/styles/tailwind.css @@ -33,8 +33,30 @@ /* doc search */ :root { - --docsearch-primary-color: #1d78c1 !important; + --docsearch-key-color: rgb(148 163 184); } + +[data-theme="dark"] { + --docsearch-key-color: rgb(148 163 184); +} +.DocSearch-Button-Key { + width: 20px; + height: 20px; + font-size: 12px; + border-radius: 3px; + + background: transparent; + border: 1px solid transparent; + box-shadow: none; +} + +.DocSearch-Button-Keys { + gap: 1px; +} +.DocSearch-Button-Key--pressed { + @apply bg-transparent!; +} + .DocSearch-Button { @apply bg-transparent! lg:bg-gray-500! transition! duration-200! lg:rounded-full!; }