|
23 | 23 |
|
24 | 24 | /* Import Inter font from Google Fonts */ |
25 | 25 | @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); |
| 26 | +/* Import 'Roboto' */ |
| 27 | +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); |
26 | 28 |
|
27 | 29 | /* You can override the default Infima variables here. */ |
28 | 30 | :root { |
29 | | - --ifm-color-primary: #0071e3; |
30 | | - --ifm-color-primary-dark: #0066cc; |
31 | | - --ifm-color-primary-darker: #0060c1; |
32 | | - --ifm-color-primary-darkest: #004f9f; |
33 | | - --ifm-color-primary-light: #007cfa; |
34 | | - --ifm-color-primary-lighter: #0682ff; |
35 | | - --ifm-color-primary-lightest: #2893ff; |
| 31 | + /* Use Roboto consistently across the platform */ |
| 32 | + --ifm-font-family-base: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; |
| 33 | + |
| 34 | + /* Increase line height for a more "airy" and professional feel */ |
| 35 | + --ifm-line-height-base: 1.65; |
| 36 | + |
| 37 | + /* Refine primary colors to a slightly more professional "Brand Blue" */ |
| 38 | + --ifm-color-primary: #0062cc; |
| 39 | + --ifm-color-primary-dark: #0056b3; |
| 40 | + --ifm-color-primary-darker: #004d99; |
| 41 | + --ifm-color-primary-darkest: #003d7a; |
| 42 | + --ifm-color-primary-light: #1a7ae0; |
| 43 | + --ifm-color-primary-lighter: #338df2; |
| 44 | + --ifm-color-primary-lightest: #66abf7; |
| 45 | + |
| 46 | + /* Adjust heading weights */ |
| 47 | + --ifm-heading-font-weight: 700; |
| 48 | + |
36 | 49 | --ifm-code-font-size: 90%; |
37 | | - --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; |
38 | 50 | --docusaurus-highlighted-code-line-bg: #E2E9F3; |
39 | 51 |
|
40 | 52 | --ifm-menu-color-background-active: #edeefa99; |
|
48 | 60 |
|
49 | 61 |
|
50 | 62 | .navbar__brand { |
51 | | - font-family: monaco; |
| 63 | + font-family: 'Roboto', sans-serif; |
| 64 | + font-weight: 700; |
| 65 | + letter-spacing: -0.01em; |
52 | 66 | color: inherit; |
53 | 67 | } |
54 | 68 |
|
55 | 69 | .hero__title { |
56 | | - font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; |
| 70 | + font-family: 'Roboto', sans-serif; |
57 | 71 | font-weight: 700; |
58 | | - letter-spacing: -0.03em; |
| 72 | + font-size: 3.5rem; |
| 73 | + letter-spacing: -0.02em; |
| 74 | + line-height: 1.1; |
59 | 75 | } |
60 | 76 |
|
61 | 77 | .hero__subtitle { |
| 78 | + font-family: 'Roboto', sans-serif; |
| 79 | + font-weight: 400; |
| 80 | + font-size: 1.5rem; |
| 81 | + opacity: 0.9; |
| 82 | + max-width: 800px; |
| 83 | + margin: 0 auto; |
62 | 84 | padding-bottom: 2rem; |
63 | 85 | } |
64 | 86 |
|
|
81 | 103 | font-weight: 500; |
82 | 104 | } |
83 | 105 |
|
| 106 | +.menu__link { |
| 107 | + font-weight: 500; |
| 108 | + color: #57606a; |
| 109 | +} |
| 110 | + |
| 111 | +.menu__link--active { |
| 112 | + color: var(--ifm-color-primary); |
| 113 | + font-weight: 600; |
| 114 | +} |
| 115 | + |
84 | 116 | .menu__link--sublist-caret:after { |
85 | 117 | background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem; |
86 | 118 | } |
87 | 119 |
|
88 | 120 |
|
89 | 121 | .markdown { |
90 | 122 | padding-left: 1rem; |
| 123 | + color: #24292e; |
| 124 | + |
91 | 125 | h1, |
92 | 126 | h2, |
93 | 127 | h3, |
94 | 128 | h4, |
95 | 129 | h5, |
96 | 130 | h6 { |
97 | | - color: #1d1d1d; |
| 131 | + font-family: 'Roboto', sans-serif; |
| 132 | + color: #1a1a1a; |
98 | 133 | margin-bottom: 0.3125rem; |
99 | 134 | font-weight: 700; |
| 135 | + letter-spacing: -0.01em; |
100 | 136 | } |
101 | 137 |
|
102 | 138 | b, |
103 | 139 | strong { |
104 | 140 | font-weight: 700; |
105 | | - color: #1d1d1d; |
| 141 | + color: #1a1a1a; |
106 | 142 | } |
107 | 143 |
|
108 | 144 | h1, |
|
129 | 165 | line-height: 1.875; |
130 | 166 |
|
131 | 167 | code { |
132 | | - border-radius: 4px; |
133 | | - background-color: #edf2fa; |
134 | | - border: none; |
135 | | - padding: 3px 4px; |
136 | | - font-size: 14px; |
137 | | - color: #4c576c; |
138 | | - } |
| 168 | + font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
| 169 | + border-radius: 6px; |
| 170 | + background-color: rgba(175, 184, 193, 0.2); |
| 171 | + border: none; |
| 172 | + padding: 0.2em 0.4em; |
| 173 | + font-size: 0.9em; |
| 174 | + color: #4c576c; |
| 175 | + } |
139 | 176 | } |
140 | 177 |
|
141 | 178 | li > code { |
142 | | - border-radius: 4px; |
143 | | - background-color: #edf2fa; |
| 179 | + font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
| 180 | + border-radius: 6px; |
| 181 | + background-color: rgba(175, 184, 193, 0.2); |
144 | 182 | border: none; |
145 | | - padding: 3px 4px; |
146 | | - font-size: 14px; |
| 183 | + padding: 0.2em 0.4em; |
| 184 | + font-size: 0.9em; |
147 | 185 | color: #4c576c; |
148 | 186 | } |
149 | 187 |
|
150 | | -/* pre { |
151 | | - code { |
152 | | - padding: 0.725rem 1.25rem; |
153 | | - background-color: #262a37; |
154 | | - line-height: 1.875; |
155 | | - } |
156 | | - }*/ |
| 188 | + table { |
| 189 | + display: table; |
| 190 | + width: 100%; |
| 191 | + border-collapse: separate; |
| 192 | + border-spacing: 0; |
| 193 | + border: 1px solid #e1e4e8; |
| 194 | + border-radius: 8px; |
| 195 | + overflow: hidden; |
| 196 | + } |
157 | 197 |
|
158 | 198 | table thead tr { |
159 | | - background-color: #f7f9fe; |
| 199 | + background-color: #f6f8fa; |
160 | 200 | } |
161 | 201 |
|
162 | 202 | table thead th { |
163 | | - background-color: #f7f9fe; |
164 | | - color: #1d1d1d; |
| 203 | + background-color: #f6f8fa; |
| 204 | + color: #1a1a1a; |
165 | 205 | font-size: 1rem; |
166 | 206 | font-weight: 500; |
167 | 207 | } |
|
172 | 212 | font-size: var(--global-font-size-small); |
173 | 213 |
|
174 | 214 | code { |
175 | | - border-radius: 4px; |
176 | | - background-color: #edf2fa; |
| 215 | + font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
| 216 | + border-radius: 6px; |
| 217 | + background-color: rgba(175, 184, 193, 0.2); |
177 | 218 | border: none; |
178 | | - padding: 3px 4px; |
179 | | - font-size: 14px; |
| 219 | + padding: 0.2em 0.4em; |
| 220 | + font-size: 0.9em; |
180 | 221 | color: #4c576c; |
181 | 222 | } |
182 | 223 | } |
|
0 commit comments