@@ -1604,6 +1604,34 @@ table tr:last-child td:last-child {
16041604 0 3px 6px rgba (59 , 130 , 246 , 0.3 );
16051605}
16061606
1607+ /* Dark theme overrides for neededAmount */
1608+ [data-theme = "dark" ] .achievementsTable .neededAmount {
1609+ color : var (--ifm-color-white ) !important ;
1610+ background : linear-gradient (
1611+ 135deg ,
1612+ var (--dark-bg-tertiary ) 0% ,
1613+ var (--dark-bg-secondary ) 100%
1614+ ) !important ;
1615+ border-color : var (--dark-border ) !important ;
1616+ box-shadow :
1617+ 0 4px 12px rgba (0 , 0 , 0 , 0.4 ),
1618+ 0 2px 4px rgba (0 , 0 , 0 , 0.3 ) !important ;
1619+ }
1620+
1621+ [data-theme = "dark" ] .achievementsTable .neededAmount ::before {
1622+ /* Adjusts the hover shine effect for dark mode */
1623+ background : linear-gradient (
1624+ 90deg ,
1625+ transparent,
1626+ rgba (255 , 255 , 255 , 0.15 ),
1627+ transparent
1628+ ) !important ;
1629+ }
1630+
1631+ [data-theme = "dark" ] .achievementsTable .neededAmount : hover {
1632+ border-color : var (--ifm-color-primary ) !important ;
1633+ }
1634+
16071635/* Enhanced Badge Levels Container */
16081636.achievementsTable .badgeLevels {
16091637 display : flex;
@@ -1913,4 +1941,4 @@ table tr:last-child td:last-child {
19131941
19141942[data-theme = "dark" ] .achievementsTable td b : hover {
19151943 box-shadow : 0 4px 10px rgba (37 , 194 , 160 , 0.4 ) !important ;
1916- }
1944+ }
0 commit comments