Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit cd9aaba

Browse files
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)

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /