Skip to content

Commit cd9aaba

Browse files
shinbatsushinbatsu
committed
fix(menuitems): add inherit bg color for menu items
1 parent 5a641fa commit cd9aaba

File tree

1 file changed

+92
-50
lines changed

1 file changed

+92
-50
lines changed

‎dracula-leetcode.user.css‎

Lines changed: 92 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
--bg-dark: var(--dracula-bg);
1414
--bg-code: var(--dracula-bg);
1515
--bg: #323544;
16-
--bg-2: #393c53; /* FIX */
16+
--bg-2: #393c53;
17+
/* FIX */
1718
--bg-3: var(--dracula-current);
1819
--bg-4: #6272a4;
1920

@@ -62,8 +63,8 @@
6263
}
6364

6465
::selection {
65-
color: var(--highlight-3);
66-
background: var(--text);
66+
color: var(--highlight-3);
67+
background: var(--text);
6768
}
6869

6970
:is(.dark body) {
@@ -88,9 +89,6 @@
8889
background: var(--text);
8990
}
9091

91-
:is(.dark .dark\:bg-\[linear-gradient\(rgba\(0\,0\,0\,0\)\,\#1A1A1A\)\]) {
92-
background-image: linear-gradient(#0000, var(--bg-dark));
93-
}
9492

9593
:is(.dark .dark\:bg-dark-layer-bg) {
9694
background: var(--bg-dark);
@@ -306,7 +304,7 @@ tr:nth-of-type(2n) {
306304
background: var(--bg) !important;
307305
}
308306

309-
.grid > :is(.dark .dark\:bg-dark-lc-fill-01),
307+
.grid> :is(.dark .dark\:bg-dark-lc-fill-01),
310308
:is(.dark .dark\:hover\:bg-dark-lc-fill-01:hover) {
311309
background: var(--highlight-1);
312310
}
@@ -324,14 +322,6 @@ tr:nth-of-type(2n) {
324322
background-image: linear-gradient(to right, #0000, var(--bg-dark));
325323
}
326324

327-
:is(
328-
.dark
329-
.dark\:bg-\[linear-gradient\(to_right\,rgba\(0\,0\,0\,0\)\,\#282828_70\%\)\]
330-
),
331-
.flexlayout__tabset-overflowed .flexlayout__tabset_tabbar_inner::after {
332-
background-image: linear-gradient(to right, #0000, var(--bg));
333-
}
334-
335325
.flexlayout__tabset-overflowed .flexlayout__tabset_tabbar_inner::before {
336326
background-image: linear-gradient(to left, #0000, var(--bg));
337327
}
@@ -379,7 +369,7 @@ tr:nth-of-type(2n) {
379369
color: var(--text);
380370
}
381371

382-
.monaco-scrollable-element > .scrollbar > .slider {
372+
.monaco-scrollable-element>.scrollbar>.slider {
383373
background: var(--bg-2);
384374
}
385375

@@ -434,7 +424,7 @@ body,
434424
#leetcode-navbar,
435425
#footer-root,
436426
footer,
437-
footer > div,
427+
footer>div,
438428
footer li::after {
439429
background: var(--bg) !important;
440430
border: none !important;
@@ -525,17 +515,17 @@ li a {
525515
border-color: var(--bg-3);
526516
}
527517

528-
.panel-default > .panel-heading {
518+
.panel-default>.panel-heading {
529519
color: var(--text);
530520
background-color: var(--bg-dark);
531521
border-color: var(--bg-3);
532522
}
533523

534-
.table > thead > tr > th {
524+
.table>thead>tr>th {
535525
border-bottom: 2px solid var(--bg-3);
536526
}
537527

538-
.table > tbody > tr > td {
528+
.table>tbody>tr>td {
539529
border-top: 1px solid var(--bg-3);
540530
}
541531

@@ -738,11 +728,7 @@ i,
738728
.page-heading .back-label,
739729
.explore-heading .page-label,
740730
.page-heading .page-label,
741-
.explore-card-base
742-
.explore-card
743-
.bot-base
744-
.card-stats
745-
.stats.status.complete-precentage,
731+
.explore-card-base .explore-card .bot-base .card-stats .stats.status.complete-precentage,
746732
.explore-home-basic .popular-section .title,
747733
.explore-card-base .explore-card .bot-base .text-label {
748734
color: var(--text-dark);
@@ -790,9 +776,11 @@ i,
790776
color: var(--text);
791777
border-color: var(--highlight-2);
792778
}
779+
793780
.btn.btn-default:hover {
794781
background: var(--highlight-2);
795782
}
783+
796784
.store-app {
797785
background: var(--bg-dark) !important;
798786
}
@@ -803,7 +791,7 @@ table th {
803791
}
804792

805793
.wrapper__KAWb,
806-
.lc-lg\:gap-14 > div:nth-child(1),
794+
.lc-lg\:gap-14>div:nth-child(1),
807795
.content-wrapper {
808796
background: linear-gradient(45deg, var(--bg-dark), var(--bg-code)) !important;
809797
}
@@ -832,14 +820,14 @@ table td,
832820
border-radius: 0.4rem !important;
833821
}
834822

835-
.col-md-6 > div:nth-child(1) {
823+
.col-md-6>div:nth-child(1) {
836824
color: #fff !important;
837825
}
838826

839-
.store-base .nav-tabs > li.active > a,
840-
.store-base .nav-tabs > li.active > a:focus,
841-
.store-base .nav-tabs > li.active > a:hover,
842-
.store-base .nav-tabs > li > a:hover {
827+
.store-base .nav-tabs>li.active>a,
828+
.store-base .nav-tabs>li.active>a:focus,
829+
.store-base .nav-tabs>li.active>a:hover,
830+
.store-base .nav-tabs>li>a:hover {
843831
background: var(--bg) !important;
844832
}
845833

@@ -855,26 +843,26 @@ div.lc-lg\:min-h-\[312px\] {
855843

856844
.bg-gray-1 *,
857845
.css-bcj5aa,
858-
div.mission-board:nth-child(1) > div:nth-child(1) {
846+
div.mission-board:nth-child(1)>div:nth-child(1) {
859847
color: #fff !important;
860848
}
861849

862-
div.lc-lg\:min-h-\[312px\] > div {
850+
div.lc-lg\:min-h-\[312px\]>div {
863851
color: #fff !important;
864852
}
865853

866-
.bg-gray-1 > button:nth-child(4) {
854+
.bg-gray-1>button:nth-child(4) {
867855
background: #fff !important;
868856
color: #000 !important;
869857
transition: filter 0.2s ease-in-out;
870858
}
871859

872-
.bg-gray-1 > button:nth-child(4):hover {
860+
.bg-gray-1>button:nth-child(4):hover {
873861
filter: brightness(0.8) !important;
874862
}
875863

876-
div.lc-xl\:justify-between:nth-child(1) > div:nth-child(1) > div:nth-child(1),
877-
.lc-lg\:pt-16 > div:nth-child(1) > div:nth-child(1),
864+
div.lc-xl\:justify-between:nth-child(1)>div:nth-child(1)>div:nth-child(1),
865+
.lc-lg\:pt-16>div:nth-child(1)>div:nth-child(1),
878866
.lc-xl\:order-1 {
879867
color: #000 !important;
880868
}
@@ -888,10 +876,6 @@ div.lc-xl\:justify-between:nth-child(1) > div:nth-child(1) > div:nth-child(1),
888876
color: var(--text-dark);
889877
}
890878

891-
:is(.dark .dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\]) {
892-
background: var(--highlight-1);
893-
}
894-
895879
.stroke-sd-primary\/20 {
896880
stroke: var(--text-dark);
897881
}
@@ -1032,52 +1016,110 @@ div[style*="text-align: center;"] {
10321016
background: var(--blue-dark) !important;
10331017
color: #fff !important;
10341018
}
1019+
10351020
.flexlayout__tabset_tabbar_outer {
10361021
background: var(--bg-2);
10371022
}
1023+
10381024
.flexlayout__tab_button_top {
10391025
background: var(--bg-2);
10401026
}
1027+
10411028
.flexlayout__tab_button_top:hover {
10421029
background: var(--highlight-2);
10431030
}
1031+
10441032
.flexlayout__tab_toolbar button {
10451033
background: var(--highlight-2);
10461034
}
1035+
10471036
.bg-sd-popover {
10481037
background: var(--bg-2);
10491038
}
1039+
10501040
.bg-sd-popover div:hover {
10511041
background: var(--bg-2);
10521042
}
1043+
10531044
.bg-sd-popover .cursor-pointer:hover {
10541045
background: var(--highlight-2);
10551046
}
1047+
10561048
.container__2Jyj,
10571049
.right-wrapper__3rVj,
10581050
.row-active__1C_e,
10591051
textarea {
1060-
background: var(--bg);
1061-
color: var(--text-dark);
1052+
background: var(--bg);
1053+
color: var(--text-dark);
10621054
}
1055+
10631056
.data-radix-menu-content,
10641057
.bg-fill-quaternary {
1065-
background: var(--bg-2);
1058+
background: var(--bg-2);
10661059
}
1060+
10671061
.cursor-pointer div:hover {
1068-
background: inherit;
1062+
background: inherit;
10691063
}
1064+
10701065
:is(.dark .dark\:odd\:bg-sd-card:nth-child(odd)) {
1071-
background-color: var(--bg);
1066+
background-color: var(--bg);
10721067
}
1068+
10731069
.notification-list-item {
1074-
background: var(--bg) !important;
1075-
color: var(--text) !important;
1070+
background: var(--bg) !important;
1071+
color: var(--text) !important;
10761072
}
1077-
.font-medium:hover{
1078-
background: none !important;
1073+
1074+
.font-medium:hover {
1075+
background: none !important;
10791076
}
1077+
10801078
[id^="nav-menu-"] *,
10811079
[id^="nav-menu-"] *:hover {
10821080
background: none !important;
1081+
}
1082+
1083+
.points-list-item>.text-center {
1084+
color: var(--text-secondary) !important;
1085+
}
1086+
1087+
.page-title {
1088+
color: var(--text-secondary) !important;
1089+
}
1090+
1091+
.total-points-base__5kRq .total-points__3C5H {
1092+
background: var(--bg) !important;
1093+
}
1094+
1095+
.label__ISbh {
1096+
color: var(--text-secondary) !important;
1097+
}
1098+
1099+
.select-none:hover {
1100+
background: none !important;
1101+
}
1102+
1103+
.css-1accl7p-level1-LoginWrap div {
1104+
color: var(--text-secondary) !important;
1105+
}
1106+
1107+
.css-4lm4dz-level1-bgPaper-Container div {
1108+
color: red !important;
1109+
}
1110+
1111+
.rounded-full.cursor-pointer div {
1112+
background: none;
1113+
}
1114+
1115+
.lc-md\:flex {
1116+
background: none !important;
1117+
}
1118+
1119+
li>div.grow.text-left {
1120+
background: none !important;
1121+
}
1122+
1123+
a>div.grow.text-left {
1124+
background: none !important;
10831125
}

0 commit comments

Comments
 (0)