@@ -6,3 +6,29 @@ html.dark pre,
66html .dark code {
77 background-color : # 171717 !important ; /* Add !important to enforce the style */
88}
9+
10+ /* Make cards slightly brighter with warmer gray */
11+ .hextra-card {
12+ background : rgb (254 , 252 , 251 ) !important ;
13+ border : 1px solid rgb (231 , 229 , 228 ) !important ;
14+ box-shadow : 0 1px 3px 0 rgba (0 , 0 , 0 , 0.03 ), 0 1px 2px 0 rgba (0 , 0 , 0 , 0.02 ) !important ;
15+ }
16+
17+ /* Dark mode adjustments with warmer gray */
18+ .dark .hextra-card {
19+ background : rgb (44 , 42 , 41 ) !important ;
20+ border : 1px solid rgb (54 , 52 , 51 ) !important ;
21+ box-shadow : 0 1px 3px 0 rgba (0 , 0 , 0 , 0.1 ), 0 1px 2px 0 rgba (0 , 0 , 0 , 0.05 ) !important ;
22+ }
23+
24+ /* Card hover effects with slightly warmer hue */
25+ .hextra-card : hover {
26+ background : rgb (252 , 249 , 248 ) !important ;
27+ border-color : rgb (227 , 224 , 221 ) !important ;
28+ box-shadow : 0 4px 6px -1px rgba (0 , 0 , 0 , 0.04 ), 0 2px 4px -1px rgba (0 , 0 , 0 , 0.02 ) !important ;
29+ }
30+
31+ .dark .hextra-card : hover {
32+ background : rgb (48 , 46 , 45 ) !important ;
33+ border-color : rgb (62 , 60 , 59 ) !important ;
34+ }
0 commit comments