Skip to content

Commit 8ef7cdb

Browse files
committed
Add DocSearch button key theme styles
Introduce .DocSearch-Button-Key styles for light and dark themes: apply text, background, and border colors using Tailwind @apply with important modifiers. The dark variant targets [data-theme="dark"] to ensure search key tokens are visible and consistent across themes.
1 parent 089df09 commit 8ef7cdb

1 file changed

Lines changed: 6 additions & 0 deletions

File tree

src/styles/tailwind.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,12 @@
4747
.DocSearch-Button-Keys {
4848
@apply hidden! lg:flex!;
4949
}
50+
.DocSearch-Button-Key {
51+
@apply text-gray-700! bg-gray-100! border-gray-300!;
52+
}
53+
[data-theme="dark"] .DocSearch-Button-Key {
54+
@apply text-gray-100! bg-olive-700! border-gray-500!;
55+
}
5056
.DocSearch-Button .DocSearch-Search-Icon {
5157
@apply text-white! lg:text-gray-100!;
5258
}

0 commit comments

Comments
 (0)