@@ -64,6 +64,7 @@ html[data-theme="light"] {
64
64
--pst-color-text-muted : rgb (26 , 24 , 24 );
65
65
--pst-color-border : # c9c9c9 ;
66
66
--pst-color-shadow : rgb (216 , 216 , 216 );
67
+ --pst-color-info : var (--pst-color-link );
67
68
68
69
/*****************************************************************************
69
70
* depth colors
@@ -110,6 +111,7 @@ html[data-theme="dark"] {
110
111
--pst-color-on-background : rgb (0 , 0 , 0 );
111
112
--pst-color-surface : rgb (41 , 41 , 41 );
112
113
--pst-color-on-surface : rgb (55 , 55 , 55 );
114
+ --pst-color-info : var (--pst-color-link );
113
115
114
116
/*****************************************************************************
115
117
* extensions
@@ -135,11 +137,11 @@ h1, h2 {
135
137
}
136
138
137
139
.admonition , div .admonition {
138
- background-color : var ( --pst-color-on-surface );
140
+ background-color : var ( --pst-color-on-surface );
139
141
}
140
142
141
143
.bd-header .navbar-light # navbar-main .navbar-nav li a .nav-link {
142
- color : # a2a2a2 ;
144
+ color : # ddd ;
143
145
}
144
146
145
147
.docutils {
@@ -213,6 +215,13 @@ p.rubric {
213
215
font-style : var (--pst-font-family-base-system );
214
216
}
215
217
218
+ .sphinx-tabs-tab [aria-selected = "true" ] {
219
+ background-color : var (--pst-color-background );
220
+ }
221
+
222
+ .sphinx-tabs-panel {
223
+ background : var (--pst-color-background );
224
+ }
216
225
217
226
/*
218
227
###############
@@ -514,6 +523,7 @@ Right side toctree color and font
514
523
515
524
.toc-h2 {
516
525
font-size : 0.98rem ;
526
+ padding : 0.05em ;
517
527
}
518
528
519
529
.toc-h3 {
@@ -600,16 +610,64 @@ Left side toc-tree hovering
600
610
601
611
nav .bd-links .active : hover > a {
602
612
font-weight : bold;
603
- color : var (--pst-color-link );
604
- border-left : 2px solid var (--pst-color-link );
613
+ color : var (--pst-color-text-base );
614
+ border-left : 2px solid var (--pst-color-text-base );
605
615
}
606
616
607
617
nav .bd-links .active > a {
608
618
font-weight : bold;
609
- color : var (--pst-color-link );
619
+ color : var (--pst-color-text-muted );
620
+ border-left : 2px solid var (--pst-color-text-base );
610
621
}
611
622
612
623
nav .bd-links li > a : hover {
613
624
font-weight : 900 ;
614
- color : var (--pst-color-text-muted );
625
+ color : var (--pst-color-link );
626
+ }
627
+
628
+ /*
629
+ ######################
630
+ Search bar button text
631
+ ######################
632
+ */
633
+
634
+ button , input , optgroup , select , textarea {
635
+ color : var (--pst-color-text-base )!important ;
636
+ }
637
+
638
+ /*
639
+ ##############################
640
+ image padding before and after
641
+ ##############################
642
+ */
643
+
644
+ img {
645
+ padding-top : 1em ;
646
+ padding-bottom : 1em ;
647
+ }
648
+
649
+ img .logo__image {
650
+ padding-top : 0rem ;
651
+ padding-bottom : 0rem ;
652
+ }
653
+
654
+ /*
655
+ ##########################
656
+ Nav-bar entity right side.
657
+ ##########################
658
+ */
659
+
660
+ nav .bd-links li > a {
661
+ color : var (--pst-color-link );
662
+ font-size : .98rem ;
663
+ }
664
+
665
+ html [data-theme = "light" ] .highlight pre {
666
+ line-height : 125% ;
667
+ font-size : 0.98em ;
668
+ }
669
+
670
+ html [data-theme = "dark" ] .highlight pre {
671
+ line-height : 125% ;
672
+ font-size : 0.98em ;
615
673
}
0 commit comments