1+ /* 引入 Google Fonts 的 Vazirmatn 字体 */
2+ @import url ('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap' );
3+
14.VPHero .clip {
25 white-space : pre;
36 max-width : 600px ;
47}
58
6- /* 控制 Hero 部分的图片宽度 */
9+ /* 控制 Hero 部分的图片宽度和背景尺寸 */
710.VPHero .VPImage {
811 width : 40% ; /* 设置你想要的宽度 */
912 max-width : 100% ; /* 确保图片适应容器 */
1013 height : auto; /* 保持图片比例 */
1114 display : flex;
1215 justify-content : center; /* 水平居中 */
1316 align-items : center; /* 垂直居中 */
17+ background-size : 90% 90% ; /* 增大背景尺寸,确保绿色可见 */
18+ background-position : center; /* 背景居中 */
1419}
1520
1621.VPHero .text {
1722 font-size : 30px ;
1823}
1924
20- .VPNavBarAppearance {
21- display : none !important ;
25+ .VPHero .name .clip {
26+ font-size : 45px ;
27+ max-width : 90% ; /* 宽度不超过父容器的 90% */
28+ display : inline-block; /* 使 max-width 生效,同时保持行内特性 */
29+ word-wrap : break-word; /* 超出时自动换行 */
30+ white-space : normal; /* 允许换行,默认值,可选 */
2231}
2332
2433/* Fonts */
2837 src : url ("https://cdn.jsdelivr.net/gh/cormullion/juliamono/webfonts/JuliaMono-Regular.woff2" );
2938}
3039
40+ /* 为波斯语 (fa) 设置字体 */
41+ : root : where (: lang (fa )) {
42+ --vp-font-family-base :
43+ 'Vazirmatn' , 'Inter' , ui-sans-serif, system-ui, sans-serif,
44+ 'Apple Color Emoji' , 'Segoe UI Emoji' , 'Segoe UI Symbol' , 'Noto Color Emoji' ;
45+ }
46+
3147: root {
3248 /* Typography */
3349 --vp-font-family-base : "Barlow" , "Inter var experimental" , "Inter var" ,
3652
3753 /* Code Snippet font */
3854 --vp-font-family-mono : JuliaMono-Regular, monospace;
55+
56+ /* Hero Section */
57+ --vp-home-hero-name-color : transparent;
58+ --vp-home-hero-name-background : -webkit-linear-gradient (
59+ 120deg ,
60+ # bd34fe 30% ,
61+ # 399545
62+ );
63+ --vp-home-hero-image-background-image : linear-gradient (
64+ -45deg ,
65+ # 4160A8 0% , /* 蓝色 */
66+ # 875699 5% , /* 紫色 */
67+ # 399545 /* 绿色 */
68+ );
69+ --vp-home-hero-image-filter : blur (44px );
3970}
4071
41- /* Disable contextual alternates (kind of like ligatures but different) in monospace,
42- which turns `/>` to an up arrow and `|>` (the Julia pipe symbol) to an up arrow as well. */
72+ /* Disable contextual alternates in monospace */
4373.mono-no-substitutions {
4474 font-family : "JuliaMono-Regular" , monospace;
4575 font-feature-settings : "calt" off;
@@ -95,9 +125,9 @@ pre, code {
95125 --vp-dark-bg-dimm : # 101010 ;
96126 --vp-source-bg : # 414040 ;
97127
98- /* Borders */
128+ /* Borders */
99129 --vp-dark-border : # 3b8a65 ;
100- /* custom tip */
130+ /* custom tip */
101131 --vp-custom-block-tip-border : var (--vp-c-brand-darker );
102132 --vp-custom-block-tip-bg : var (--vp-tip-bg );
103133 /* button */
@@ -115,6 +145,13 @@ pre, code {
115145 --vp-custom-block-tip-border : var (--vp-dark-green-dark );
116146 --vp-custom-block-tip-text : var (--vp-dark-subtext );
117147 --vp-custom-block-tip-bg : var (--vp-dark-gray-mute );
148+ /* Hero Section (与亮色模式一致的渐变) */
149+ --vp-home-hero-image-background-image : linear-gradient (
150+ -45deg ,
151+ # 4160A8 0% , /* 蓝色 */
152+ # 875699 5% , /* 紫色 */
153+ # 399545 /* 绿色 */
154+ );
118155}
119156
120157/* Button */
@@ -145,13 +182,6 @@ pre, code {
145182 var (--julia-purple ) 15% ,
146183 var (--vp-dark-green-light ),
147184 var (--vp-dark-green )
148-
149- );
150- --vp-home-hero-image-background-image : linear-gradient (
151- -45deg ,
152- var (--vp-dark-green ) 30% ,
153- var (--vp-dark-green-light ),
154- var (--vp-dark-gray ) 30%
155185 );
156186 --vp-home-hero-image-filter : blur (56px );
157187}
@@ -160,27 +190,9 @@ pre, code {
160190 --vp-c-brand-1 : var (--vp-dark-green-light );
161191 --vp-c-brand-2 : var (--vp-dark-green-lighter );
162192 --vp-c-brand-3 : var (--vp-dark-green );
163-
164- }
165-
166- /* Component: Home */
167- : root {
168- --vp-home-hero-name-color : transparent;
169- --vp-home-hero-name-background : -webkit-linear-gradient (
170- 120deg ,
171- # 9558B2 30% ,
172- # CB3C33
173- );
174-
175- --vp-home-hero-image-background-image : linear-gradient (
176- -45deg ,
177- # 9558b282 30% ,
178- # 3798269a 30% ,
179- # cb3d33e3
180- );
181- --vp-home-hero-image-filter : blur (40px );
182193}
183194
195+ /* 响应式设计 */
184196@media (min-width : 640px ) {
185197 : root {
186198 --vp-home-hero-image-filter : blur (56px );
@@ -189,18 +201,16 @@ pre, code {
189201
190202@media (min-width : 960px ) {
191203 : root {
192- --vp-home-hero-image-filter : blur (72 px );
204+ --vp-home-hero-image-filter : blur (68 px );
193205 }
194206}
195207
196208/* Component: Algolia */
197-
198209.DocSearch {
199210 --docsearch-primary-color : var (--vp-c-brand ) !important ;
200211}
201212
202213/* Component: MathJax */
203-
204214mjx-container > svg {
205215 display : block;
206216 margin : auto;
@@ -221,19 +231,19 @@ mjx-container > svg {
221231}
222232
223233/* Component: Docstring Custom Block */
224-
225234.jldocstring .custom-block {
226- border : 1px solid var (--vp-c-gray-2 );
227- color : var (--vp-c-text-1 );
228- overflow : hidden;
235+ border : 1px solid var (--vp-c-gray-2 );
236+ color : var (--vp-c-text-1 );
237+ overflow : hidden;
229238}
230239
231240.jldocstring .custom-block summary {
232- font-weight : 700 ;
233- cursor : pointer;
234- user-select : none;
235- margin : 0 0 8px ;
241+ font-weight : 700 ;
242+ cursor : pointer;
243+ user-select : none;
244+ margin : 0 0 8px ;
236245}
246+
237247.jldocstring .custom-block summary a {
238248 pointer-events : none;
239249 text-decoration : none;
@@ -263,4 +273,10 @@ mjx-container > svg {
263273 opacity : 1 ;
264274 visibility : visible;
265275 transform : translateY (0 );
276+ }
277+
278+ /* 用于搜索图标 */
279+ img [src = '/search.png' ] {
280+ width : 100% ;
281+ aspect-ratio : 1 / 1 ;
266282}
0 commit comments