1
+ html {
2
+ --primary-color : # 1779c4 ;
3
+ --primary-dark-color : # 335c80 ;
4
+ --primary-light-color : # 70b1e9 ;
5
+
6
+ --page-background-color : # ffffff ;
7
+ --page-foreground-color : # 2f4153 ;
8
+ --page-secondary-foreground-color : # 6f7e8e ;
9
+
10
+ --font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
11
+ Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
12
+ --font-family-monospace : ui-monospace, SFMono-Regular, SF Mono, Menlo,
13
+ Consolas, Liberation Mono, monospace;
14
+
15
+ --page-font-size : 15.6px ;
16
+ }
17
+
18
+ @media (prefers-color-scheme : dark) {
19
+ html {
20
+ --primary-color : # 1982d2 ;
21
+ --primary-dark-color : # 86a9c4 ;
22
+ --primary-light-color : # 4779ac ;
23
+
24
+ --page-background-color : # 1c1d1f ;
25
+ --page-foreground-color : # d2dbde ;
26
+ --page-secondary-foreground-color : # 859399 ;
27
+ }
28
+ }
29
+
30
+
31
+ body , table , div , p , dl , # nav-tree .label , .title ,
32
+ .sm-dox a , .sm-dox a : hover , .sm-dox a : focus , # projectname ,
33
+ .SelectItem , # MSearchField , .navpath li .navelem a ,
34
+ .navpath li .navelem a : hover , p .reference , p .definition , div .toc li , div .toc h3 {
35
+ font-family : var (--font-family );
36
+ }
37
+
38
+ p , div , table , dl {
39
+ font-size : var (--page-font-size );
40
+ text-align : justify;
41
+ }
42
+
43
+ a : link , a : visited , a : hover , a : focus , a : active {
44
+ color : var (--primary-color ) !important ;
45
+ font-weight : 500 ;
46
+ background : none;
47
+ }
48
+
49
+ h1 , h2 , h3 , h4 , h5 {
50
+ margin-top : 1em ;
51
+ font-weight : 600 ;
52
+ line-height : initial;
53
+ }
54
+
55
+ html {
56
+ height : 100% ;
57
+ }
58
+
59
+ body {
60
+ color : var (--page-foreground-color );
61
+ background-color : var (--page-background-color );
62
+ font-size : var (--page-font-size );
63
+ margin : 0 ;
64
+ padding : 0 ;
65
+ }
66
+
67
+ .container {
68
+ max-width : 600px ;
69
+ margin-left : auto;
70
+ margin-right : auto;
71
+ padding : 2em ;
72
+ }
73
+
74
+ img .logo {
75
+ margin : auto;
76
+ width : 100% ;
77
+ max-width : 300px ;
78
+ display : block;
79
+ }
0 commit comments