475
475
font- family: "Roboto" , "Segoe UI" , "GeezaPro" , "DejaVu Serif" , "sans-serif" ;
476
476
}
477
477
478
-
479
478
/*sample header*/
480
479
481
480
.sb-header-settings {
593
592
.bootstrap5\. 3 # search-input-wrapper .sb-reset-icon : before , .bootstrap5\. 3- dark # search-input-wrapper .sb-reset-icon : before ,
594
593
.fluent # search-input-wrapper .sb-reset-icon : before , .fluent-dark # search-input-wrapper .sb-reset-icon : before ,
595
594
.tailwind # search-input-wrapper .sb-reset-icon : before , .tailwind-dark # search-input-wrapper .sb-reset-icon : before ,
596
- .material3 # search-input-wrapper .sb-reset-icon : before {
595
+ .material3 # search-input-wrapper .sb-reset-icon : before ,
596
+ .fluent2 # search-input-wrapper .sb-reset-icon : before , .fluent2-dark # search-input-wrapper .sb-reset-icon : before {
597
597
content : '\e7e7' ;
598
598
}
599
599
.bootstrap4 # search-input-wrapper .sb-reset-icon : before {
606
606
color : rgba (0 , 0 , 0 , 0.56 );
607
607
}
608
608
.material-dark .sb-reset-icon , .fabric-dark .sb-reset-icon , .bootstrap-dark .sb-reset-icon ,
609
- .tailwind-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon {
609
+ .tailwind-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
610
+ .material3-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
611
+ .fluent2-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
612
+ .bootstrap5\. 3- dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon {
610
613
color : # fff ;
611
614
}
612
615
.toggle-active {
755
758
color : # 366cd7 ;
756
759
}
757
760
758
- .sb-switch-popup li : first-child : hover {
759
- color : # 61ccff ;
761
+ .fluent2-dark . sb-switch-popup li : first-child {
762
+ color : # 479df3 !important ;
760
763
}
761
764
762
765
.sb-switch-popup li : hover {
888
891
cursor : default;
889
892
}
890
893
894
+ .bootstrap5\. 3 # search-popup .e-list-group-item .e-search-group {
895
+ color : # 5a5a5a ;
896
+ }
897
+
891
898
892
899
/*settings popup*/
893
900
1103
1110
color : # 000000 ;
1104
1111
}
1105
1112
1113
+ .bootstrap5\. 3 .sb-left-pane .e-treeview .e-list-item .e-active .e-hover .tree-text {
1114
+ color : var (--color-sf-content-text-color );
1115
+ }
1116
+
1106
1117
# controlTree ul .e-list-parent {
1107
1118
padding-left : 10px ;
1108
1119
overflow : hidden;
1244
1255
color : # 3C78EF ;
1245
1256
}
1246
1257
1258
+ # sb-source-tab .e-tab-text {
1259
+ text-transform : lowercase;
1260
+ }
1261
+
1247
1262
.sb-right-pane-overlay {
1248
1263
pointer-events : none;
1249
1264
}
1370
1385
min-height : 350px ;
1371
1386
}
1372
1387
1388
+ .fluent2-highcontrast .e-tab .e-content .e-item .control-section .rowdiv2 ,
1389
+ .material3-dark .e-tab .e-content .e-item .control-section .rowdiv2 ,
1390
+ .fluent-dark .e-tab .e-content .e-item .control-section .rowdiv2 ,
1391
+ .fluent2-dark .e-tab .e-content .e-item .control-section .rowdiv2 ,
1392
+ .bootstrap5\. 3- dark .e-tab .e-content .e-item .control-section .rowdiv2 ,
1393
+ .tailwind-dark .e-tab .e-content .e-item .control-section .rowdiv2 ,
1394
+ .highcontrast .e-tab .e-content .e-item .control-section .rowdiv2 {
1395
+ color : # 000 ;
1396
+ }
1397
+
1373
1398
.sb-sample-content-area {
1374
1399
min-height : 350px ;
1375
1400
}
@@ -1868,6 +1893,11 @@ a.sb-ad-link, a.sb-ad-link:hover, a.sb-ad-link:active {
1868
1893
.sb-right-pane .e-view .control-fullview .sb-ad-points-div {
1869
1894
margin-left : 0px ;
1870
1895
}
1896
+
1897
+ .tailwind .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap , .e-tab .e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap ,
1898
+ .tailwind-dark .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap , .e-tab .e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
1899
+ padding : 0px 12px ;
1900
+ }
1871
1901
}
1872
1902
1873
1903
@media (max-width : 447px ) {
@@ -2258,6 +2288,12 @@ a.sb-ad-link, a.sb-ad-link:hover, a.sb-ad-link:active {
2258
2288
.sb-left-pane-header {
2259
2289
display : block;
2260
2290
}
2291
+ .highcontrast .e-bigger .e-samplestatus .preview .tree , .e-bigger .e-samplestatus .Preview .tree ,
2292
+ .highcontrast .e-bigger .e-samplestatus .update .tree , .e-bigger .e-samplestatus .Update .tree ,
2293
+ .highcontrast .e-bigger .e-samplestatus .new .tree , .e-bigger .e-samplestatus .New .tree {
2294
+ top : 4px ;
2295
+ line-height : 18px ;
2296
+ }
2261
2297
/*source tab header*/
2262
2298
.sb-desktop-setting {
2263
2299
display : none;
@@ -2278,8 +2314,7 @@ a.sb-ad-link, a.sb-ad-link:hover, a.sb-ad-link:active {
2278
2314
text-align : center;
2279
2315
height : 100% ;
2280
2316
}
2281
- .highcontrast .sb-mobilefooter > .e-btn .e-flat , .material-dark .sb-mobilefooter > .e-btn .e-flat , .fabric-dark .sb-mobilefooter > .e-btn .e-flat
2282
- .bootstrap-dark .sb-mobilefooter > .e-btn .e-flat , .tailwind-dark .sb-mobilefooter > .e-btn .e-flat {
2317
+ .highcontrast .sb-mobilefooter > .e-btn .e-flat , .material-dark .sb-mobilefooter > .e-btn .e-flat , .fabric-dark .sb-mobilefooter > .e-btn .e-flat .bootstrap-dark .sb-mobilefooter > .e-btn .e-flat , .tailwind-dark .sb-mobilefooter > .e-btn .e-flat {
2283
2318
background : # 000 ;
2284
2319
color : # fff ;
2285
2320
}
@@ -2315,6 +2350,9 @@ a.sb-ad-link, a.sb-ad-link:hover, a.sb-ad-link:active {
2315
2350
display : inline-block;
2316
2351
z-index : 1001 ;
2317
2352
}
2353
+ .tailwind .sb-mobilefooter , .tailwind-dark .sb-mobilefooter {
2354
+ background-color : unset;
2355
+ }
2318
2356
.sb-mobilefooter > button : focus {
2319
2357
outline : none;
2320
2358
}
@@ -3463,6 +3501,10 @@ body.tailwind-dark,
3463
3501
border-right : none;
3464
3502
}
3465
3503
3504
+ .material3 .sb-switch-popup # switch-sb li : hover , .bootstrap5\. 3 .sb-switch-popup # switch-sb li : hover , .fluent .sb-switch-popup # switch-sb li : hover , .fluent2 .sb-switch-popup # switch-sb li : hover , .tailwind .sb-switch-popup # switch-sb li : hover {
3505
+ background : rgb (238 , 238 , 238 ) !important ;
3506
+ }
3507
+
3466
3508
.highcontrast .setting-responsive .sb-responsive-items .active {
3467
3509
background : # ffd939 ;
3468
3510
color : # 000000 ;
@@ -3693,6 +3735,10 @@ body.tailwind-dark,
3693
3735
background-color : # 464d53 !important ;
3694
3736
}
3695
3737
3738
+ .fluent .sb-search-result .e-list-item : hover , .fluent2 .sb-search-result .e-list-item : hover , .tailwind .sb-search-result .e-list-item : hover , .material3 .sb-search-result .e-list-item : hover , .bootstrap5\. 3 .sb-search-result .e-list-item : hover {
3739
+ background-color : # e2f2ff !important ;
3740
+ }
3741
+
3696
3742
.bootstrap5\. 3- dark .sb-left-pane .e-listview .e-list-item .e-hover , .bootstrap5\. 3- dark .sb-theme-popup li : hover , .sb-search-result .e-list-item : hover , .sb-switch-popup li : hover {
3697
3743
background-color : # 363636 ;
3698
3744
}
@@ -4593,19 +4639,23 @@ body.fluent2-dark,
4593
4639
.fluent2-dark .sb-icon-Home ,
4594
4640
.fluent2-dark .sb-component-name ,
4595
4641
.fluent2-dark .sb-left-pane .e-listview .e-list-group-item ,
4596
- .fluent2-dark .sb-theme-popup li .active .sb-theme-select {
4642
+ .fluent2-dark .sb-theme-popup li .active .sb-theme-select ,
4643
+ .fluent2-dark .sb-theme-popup li .active .switch-text {
4597
4644
color : # 115ea3 ;
4598
4645
}
4599
4646
4647
+ .fluent2-dark .sb-theme-popup li .e-list : hover ,
4648
+ .fluent2-dark .sb-theme-popup li # material3 : hover {
4649
+ color : # FFFFFF ;
4650
+ }
4600
4651
4601
4652
.fluent2-dark .sb-left-pane .e-listview .e-list-item .e-active , .fluent2-dark .sb-left-pane .e-listview .e-list-item .e-active : hover , .fluent2-dark .cont {
4602
4653
background-color : # 115ea3 ;
4603
4654
}
4604
4655
4605
-
4606
- /*.fluent2-dark .sb-left-pane .e-listview .e-list-item.e-active:hover {
4656
+ .fluent2-dark .sb-left-pane .e-listview .e-list-item .e-active : hover {
4607
4657
color : # 000 ;
4608
- }*/
4658
+ }
4609
4659
4610
4660
.fluent2-dark .sb-search-result .e-list-item : hover ,
4611
4661
.fluent2-dark .sb-control-navigation .e-treeview .e-list-item .e-active > .e-fullrow {
@@ -4620,6 +4670,10 @@ body.fluent2-dark,
4620
4670
.fluent2-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items .e-toolbar-items > .e-indicator {
4621
4671
background : # 115ea3 ;
4622
4672
}
4673
+ .fluent2-dark .sb-content-tab > .e-tab > .e-tab-header > .e-toolbar-items .e-toolbar-item .e-active ::before {
4674
+ left : auto;
4675
+ right : auto;
4676
+ }
4623
4677
4624
4678
.fluent2-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items .e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
4625
4679
color : # ffffff ;
@@ -4668,7 +4722,7 @@ body.fluent2-dark,
4668
4722
4669
4723
.fluent2-dark .setting-responsive .sb-responsive-items .active {
4670
4724
background-color : # 115ea3 ;
4671
- color : # 333333 ;
4725
+ color : # FFFFFF ;
4672
4726
}
4673
4727
4674
4728
.fluent2-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items .e-toolbar-items > .e-toolbar-item : hover > .e-tab-wrap > .e-text-wrap > .e-tab-text , .fluent2-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item .e-active .e-tab-text , .fluent2-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item : hover .e-tab-text {
0 commit comments