44 * work well for content-centric websites.
55 */
66
7- @import 'tailwindcss' ;
7+ @layer theme, base, components, utilities;
8+ @import 'tailwindcss/theme.css' layer(theme) impor tant;
9+ @import 'tailwindcss/utilities.css' layer(utilities) impor tant;
10+ /* @plugin 'tailwindcss-animate'; */
11+
12+ /* @import 'tailwindcss'; */
13+ /* @import 'tailwindcss/preflight'; */
14+ /* @tailwind utilities; */
815
916@custom-variant dark (& : is ([data-theme = "dark" ] * ));
1017
2027}
2128
2229/* For readability concerns, you should choose a lighter palette in dark mode. */
23- [data-theme = 'dark' ] {
24- : root {
25- --ifm-color-primary : # 0241ff ;
26- --ifm-color-primary-dark : # 003ae7 ;
27- --ifm-color-primary-darker : # 0036da ;
28- --ifm-color-primary-darkest : # 002db4 ;
29- --ifm-color-primary-light : # 1c54ff ;
30- --ifm-color-primary-lighter : # 295eff ;
31- --ifm-color-primary-lightest : # 4f7bff ;
32- }
33- }
34-
35- a ,
36- a : hover {
37- color : var (--ifm-color-primary );
38- cursor : pointer;
39- }
40-
41- [data-theme = 'dark' ] a ,
42- [data-theme = 'dark' ] a : hover {
43- color : white;
44- cursor : pointer;
30+ : root[data-theme = 'dark' ] {
31+ --ifm-color-primary : # a7c2f3 ;
32+ --ifm-color-primary-dark : # 83a9ee ;
33+ --ifm-color-primary-darker : # 719cec ;
34+ --ifm-color-primary-darkest : # 3b77e4 ;
35+ --ifm-color-primary-light : # cbdbf8 ;
36+ --ifm-color-primary-lighter : # dde8fa ;
37+ --ifm-color-primary-lightest : # ffffff ;
4538}
4639
4740.index-page {
@@ -50,17 +43,6 @@ a:hover {
5043 }
5144}
5245
53- img ,
54- svg ,
55- video ,
56- canvas ,
57- audio ,
58- iframe ,
59- embed ,
60- object {
61- display : unset;
62- }
63-
6446.header-github-link {
6547 display : flex;
6648 gap : 4px ;
0 commit comments