11/*! Compressed with sass R library https: //rstudio.github.io/sass/ */
22
3+ /* --- Dark Mode --- */
4+ /* Redefine variables */
5+ [data-bs-theme = "dark" ] {
6+ color-scheme : dark;
7+ --bs-link-color : rgb (178 , 146 , 206 );
8+ --bs-link-color-rgb : 178 , 146 , 206 ;
9+ --bs-body-color : rgb (153 , 153 , 153 );
10+ --bs-body-color-rgb : 153 , 153 , 153 ;
11+ --bs-heading-color : rgb (238 , 238 , 238 );
12+ --bs-heading-color-rgb : 238 , 238 , 238 ;
13+ --bs-white : rgb (204 , 204 , 204 );
14+ }
15+
16+ .navbar-dark ,
17+ : where ([data-bs-theme = "dark" ]) .navbar ,
18+ .navbar [data-bs-theme = "dark" ] {
19+ --bs-navbar-brand-color : var (--bs-white );
20+ --bs-navbar-brand-color-rgb : 204 , 204 , 204 ;
21+ --bs-navbar-color : var (--bs-white );
22+ }
23+
324main img {
425 margin-left : auto;
526 margin-right : auto;
@@ -71,11 +92,14 @@ main img {
7192# navbar ,
7293# navbar .nav-link {
7394 text-transform : uppercase;
74- text-decoration : underline;
7595 font-weight : bold;
7696 letter-spacing : 0.04em ;
7797}
7898
99+ # navbar .nav-item .nav-link {
100+ text-decoration : underline;
101+ }
102+
79103# navbar .dropdown-menu ,
80104# navbar .form-inline {
81105 margin-left : 0.5rem ;
@@ -87,18 +111,17 @@ main img {
87111# navbar .nav-item .nav-link {
88112 padding-left : 0.5rem ;
89113 padding-right : 0.5rem ;
90- margin-left : 0.5 rem ;
91- margin-right : 0.5 rem ;
114+ margin-left : 0 rem ;
115+ margin-right : 0 rem ;
92116}
93117
94118@media ((min-width : 992px )) {
95119 # navbar .nav-item .nav-link {
96120 padding-left : 0.5rem ;
97121 padding-right : 0.5rem ;
98- margin-left : 0rem ;
99- margin-right : 0rem ;
100122 }
101- .navbar-nav .nav-item > .nav-link {
123+ .navbar-nav .nav-item > .nav-link ,
124+ .navbar-nav .nav-item > .form-inline {
102125 border-top : solid 5px transparent;
103126 }
104127}
@@ -128,7 +151,7 @@ main img {
128151 }
129152
130153 # navbar .dropdown-menu .dropdown-item .active {
131- color : rgba (255 , 255 , 255 , 0.5 );
154+ color : rgba (255 , 255 , 255 , 0.9 );
132155 }
133156}
134157
@@ -155,7 +178,7 @@ main img {
155178# navbar .nav-item .active .nav-link {
156179 background-color : var (--brand-ros_violet );
157180 color : var (--bs-white );
158- text-decoration : none;
181+ text-decoration : none !important ;
159182}
160183
161184@media ((min-width : 992px )) {
@@ -178,6 +201,11 @@ main img {
178201 margin-bottom : 0 ;
179202}
180203
204+ # footer a ,
205+ # copyright a {
206+ color : rgb (178 , 146 , 206 );
207+ }
208+
181209# footer h1 ,
182210# footer h2 ,
183211# footer h3 ,
@@ -226,7 +254,7 @@ h6 code {
226254}
227255
228256# toc > .nav a .nav-link .active {
229- color : white;
257+ color : var ( --bs- white) ;
230258 background-color : var (--brand-ros_violet );
231259}
232260
@@ -250,7 +278,7 @@ img.logo {
250278[data-bs-theme = "dark" ] {
251279 .ROSh1 {
252280 background : url ("texture-bw-inverted.png" ) center center repeat;
253- color : var ( --bs-white );
281+ color : rgb ( 255 , 255 , 255 );
254282 }
255283}
256284
@@ -304,14 +332,6 @@ blockquote {
304332 font-weight : bold;
305333}
306334
307- /* --- Dark Mode --- */
308- [data-bs-theme = "dark" ] {
309- a .external-link : not (: has (* )),
310- a .uri : not (: has (* )) {
311- color : # cab3dd ;
312- }
313- }
314-
315335/* --- Inherited args --- */
316336
317337.template-reference-topic dt code {
@@ -328,7 +348,7 @@ blockquote {
328348/* ---Code--- */
329349code a : any-link {
330350 text-decoration : underline;
331- text-decoration-color : # 6c757d ;
351+ text-decoration-color : RGBA ( var ( --bs-body-color-rgb ) , 0.6 ) ;
332352}
333353
334354a > code {
@@ -340,7 +360,7 @@ code {
340360 padding : 2px 4px ;
341361 font-size : 90% ;
342362 color : # c7254e ;
343- background-color : # f9f2f4 ;
363+ background-color : # f5f5f5 ;
344364 border-radius : 4px ;
345365}
346366
@@ -774,13 +794,10 @@ pre code span.wa
774794 .reactable .html-widget {
775795 filter : none !important ;
776796 }
777- .Reactable a {
778- color : # 2b8ffd ;
779- }
780797
781798 .Reactable {
782799 background-color : var (--bs-body-bg );
783- color : var (--bs-light );
800+ color : var (--bs-body-color );
784801 }
785802
786803 .rt-sticky ,
@@ -791,64 +808,64 @@ pre code span.wa
791808 }
792809
793810 .rt-table {
794- border-color : var (--bs-gray-900 );
811+ border-color : var (--brand-ros_black );
795812 }
796813
797814 .rt-th {
798- border-bottom : 2px solid var (--bs-gray-900 );
799- border-left-color : var (--bs-gray-900 );
815+ border-bottom : 2px solid var (--brand-ros_black );
816+ border-left-color : var (--brand-ros_black );
800817 }
801818
802819 .rt-td {
803- border-left-color : var (--bs-gray-900 );
804- border-top : 1px solid var (--bs-gray-900 );
820+ border-left-color : var (--brand-ros_black );
821+ border-top : 1px solid var (--brand-ros_black );
805822 }
806823
807824 .rt-th-group : after {
808- background-color : var (--bs-gray-900 );
825+ background-color : var (--brand-ros_black );
809826 }
810827
811828 .rt-tr-striped {
812829 background-color : rgba (0 , 0 , 0 , 0.03 );
813830 }
814831
815832 .rt-tr-striped-sticky {
816- background-color : var (--bs-gray-900 );
833+ background-color : var (--brand-ros_black );
817834 }
818835
819836 .rt-tr-highlight : hover {
820- background-color : rgba (0 , 0 , 0 , 0.05 );
837+ background-color : rgba (var ( --bs-body-color-rgb ) , 0.02 );
821838 }
822839
823840 .rt-tr-highlight-sticky : hover {
824- background-color : var (--bs-gray );
841+ background-color : rgba ( var (--bs-body-color-rgb ) , 0.02 );
825842 }
826843 .rt-td-filter {
827- border-bottom : 1px solid var (--bs-gray-900 );
844+ border-bottom : 1px solid var (--brand-ros_black );
828845 }
829846
830847 .rt-filter {
831- background-color : var (--bs-gray-900 );
832- border : 1px solid var (--bs-gray-900 );
848+ background-color : var (--brand-ros_black );
849+ border : 1px solid var (--brand-ros_black );
833850 color : inherit;
834851 }
835852
836853 .rt-filter : focus {
837- border : 1px solid var (--bs-gray-900 );
854+ border : 1px solid var (--brand-ros_black );
838855 }
839856
840857 .rt-expander : after {
841- border-top : 7px solid var (--bs-gray-900 );
858+ border-top : 7px solid var (--brand-ros_black );
842859 }
843860
844861 .rt-pagination {
845- border-top : 1px solid var (--bs-gray-900 );
862+ border-top : 1px solid var (--brand-ros_black );
846863 }
847864
848865 .rt-page-jump ,
849866 .rt-page-size-select {
850867 background-color : var (--bs-body-bg );
851- border : 1px solid var (--bs-gray-900 );
868+ border : 1px solid var (--brand-ros_black );
852869 }
853870
854871 .rt-page-button : hover {
@@ -873,18 +890,18 @@ pre code span.wa
873890 }
874891
875892 .rt-search {
876- background-color : var (--bs-gray-900 );
877- border : 1px solid var (--bs-gray-900 );
878- color : var (--bs-light );
893+ background-color : var (--brand-ros_black );
894+ border : 1px solid var (--brand-ros_black );
895+ color : var (--bs-body-color );
879896 }
880897
881898 .rt-search : active ,
882899 .rt-search : focus {
883- border : 1px solid var (--bs-gray-900 );
900+ border : 1px solid var (--brand-ros_black );
884901 }
885902
886903 .rt-borderless .rt-td ,
887904 .rt-tr-group : first-child > .rt-tr : first-child .rt-td {
888- border-top-color : var (--bs-gray-900 );
905+ border-top-color : var (--brand-ros_black );
889906 }
890907}
0 commit comments