Skip to content

Commit 51522a1

Browse files
committed
Use dark: utilities for DocSearch key styles
Merge the separate [data-theme="dark"] rule into the main .DocSearch-Button-Key selector by using Tailwind's dark: utilities. This consolidates light and dark styles into one rule and changes the dark background from bg-olive-700 to bg-gray-700 for consistency.
1 parent 8ef7cdb commit 51522a1

1 file changed

Lines changed: 1 addition & 4 deletions

File tree

src/styles/tailwind.css

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,7 @@
4848
@apply hidden! lg:flex!;
4949
}
5050
.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!;
51+
@apply text-gray-700! bg-gray-100! border-gray-300! dark:text-gray-100! dark:bg-gray-700! dark:border-gray-500!;
5552
}
5653
.DocSearch-Button .DocSearch-Search-Icon {
5754
@apply text-white! lg:text-gray-100!;

0 commit comments

Comments
 (0)