@@ -566,6 +566,36 @@ iframe.poll {
566
566
*/
567
567
568
568
: root {
569
+ --docsearch-primary-color : var (--accent-color );
570
+ --docsearch-text-color : var (--fg-color );
571
+ --docsearch-highlight-color : var (--link-color );
572
+ --docsearch-container-background : rgba (231 , 238 , 232 , 0.2 );
573
+
574
+ /* modal */
575
+ --docsearch-modal-background : var (--bg-color );
576
+ --docsearch-modal-shadow : none;
577
+
578
+ /* searchbox */
579
+ --docsearch-searchbox-background : var (--accent-bg-color );
580
+ --docsearch-searchbox-focus-background : var (--accent-bg-color );
581
+
582
+ /* hit */
583
+ --docsearch-hit-color : var (--docsearch-text-color );
584
+ --docsearch-hit-active-color : # fff ;
585
+ --docsearch-hit-background : var (--accent-bg-color );
586
+ --docsearch-hit-shadow : none;
587
+
588
+ /* key */
589
+ --docsearch-key-gradient : transparent;
590
+ --docsearch-key-shadow : none;
591
+
592
+ /* footer */
593
+ --docsearch-footer-background : var (--bg-color );
594
+ --docsearch-footer-shadow : none;
595
+ }
596
+
597
+ @media (prefers-color-scheme : dark) {
598
+ : root {
569
599
--docsearch-primary-color : var (--accent-color );
570
600
--docsearch-text-color : var (--fg-color );
571
601
--docsearch-highlight-color : var (--link-color );
@@ -592,70 +622,48 @@ iframe.poll {
592
622
/* footer */
593
623
--docsearch-footer-background : var (--bg-color );
594
624
--docsearch-footer-shadow : none;
595
- }
596
-
597
- @media (prefers-color-scheme : dark) {
598
- : root {
599
- --docsearch-primary-color : var (--accent-color );
600
- --docsearch-text-color : var (--fg-color );
601
- --docsearch-highlight-color : var (--link-color );
602
- --docsearch-container-background : rgba (231 , 238 , 232 , 0.2 );
603
-
604
- /* modal */
605
- --docsearch-modal-background : var (--bg-color );
606
- --docsearch-modal-shadow : none;
607
-
608
- /* searchbox */
609
- --docsearch-searchbox-background : var (--accent-bg-color );
610
- --docsearch-searchbox-focus-background : var (--accent-bg-color );
611
-
612
- /* hit */
613
- --docsearch-hit-color : var (--docsearch-text-color );
614
- --docsearch-hit-active-color : # fff ;
615
- --docsearch-hit-background : var (--accent-bg-color );
616
- --docsearch-hit-shadow : none;
617
-
618
- /* key */
619
- --docsearch-key-gradient : transparent;
620
- --docsearch-key-shadow : none;
621
-
622
- /* footer */
623
- --docsearch-footer-background : var (--bg-color );
624
- --docsearch-footer-shadow : none;
625
- }
625
+ }
626
626
}
627
627
628
628
.DocSearch mark {
629
- padding : 0 ;
629
+ padding : 0 ;
630
630
}
631
631
632
632
.DocSearch footer {
633
- border-top : 1px solid var (--link-color )
633
+ border-top : 1px solid var (--link-color )
634
634
}
635
635
636
636
.DocSearch-Button-Key {
637
- top : 0 ;
638
- padding : 0 ;
639
- margin-right : 0 ;
640
- width : auto;
637
+ top : 0 ;
638
+ padding : 0 ;
639
+ margin-right : 0 ;
640
+ width : auto;
641
641
}
642
642
643
643
.DocSearch-Button-Keys {
644
+ border-radius : 4px ;
645
+ padding : 0 6px ;
646
+ min-width : auto;
647
+ border : 1px solid var (--hi-b-black );
648
+ }
649
+
650
+ .DocSearch-Button {
651
+ border : 1px solid var (--docsearch-primary-color )
652
+ }
653
+
654
+ @media (prefers-color-scheme : dark) {
655
+ .DocSearch footer {
656
+ border-top : 1px solid var (--link-color )
657
+ }
658
+
659
+ .DocSearch-Button-Keys {
644
660
border-radius : 4px ;
645
661
padding : 0 6px ;
646
662
min-width : auto;
647
663
border : 1px solid var (--hi-b-black );
648
- }
664
+ }
649
665
650
- @media (prefers-color-scheme : dark) {
651
- .DocSearch footer {
652
- border-top : 1px solid var (--link-color )
653
- }
654
-
655
- .DocSearch-Button-Keys {
656
- border-radius : 4px ;
657
- padding : 0 6px ;
658
- min-width : auto;
659
- border : 1px solid var (--hi-b-black );
660
- }
666
+ .DocSearch-Button {
667
+ border : 1px solid var (--docsearch-primary-color )
668
+ }
661
669
}
0 commit comments