@@ -455,7 +455,56 @@ info{
455455 padding-left : 24px ;
456456 margin : 25.6px 0 ;
457457}
458- /* 暗色模式下全局样式 */
458+ .vp-doc .custom-block-title {
459+ display : none;
460+ }
461+ .vp-doc .custom-block {
462+ display : flex;
463+ padding : 1rem 1.25rem ;
464+ border-radius : 1rem ;
465+ margin-top : 1rem ;
466+ margin-bottom : 1rem ;
467+ font-size : 14px ;
468+ }
469+ .vp-doc .custom-block p {
470+ margin : 0 ;
471+ line-height : 20px ;
472+ }
473+ .vp-doc .custom-block .info {
474+ background : # f5faff ;
475+ border : 1px solid # ceebff ;
476+ color : # 1476ff ;
477+ }
478+ .vp-doc .custom-block .warning {
479+ background : # fffdf5 ;
480+ border : 1px solid # ffeace ;
481+ color : # 79350f ;
482+ }
483+ .vp-doc .custom-block .danger {
484+ background : # fff4f3 ;
485+ border : 1px solid # fce3e1 ;
486+ color : # f23030 ;
487+ }
488+ .vp-doc .custom-block .tip {
489+ background : # fafff3 ;
490+ border : 1px solid # e6f2d5 ;
491+ color : # 5cb300 ;
492+ }
493+ .vp-doc .custom-block ::before {
494+ display : inline-block;
495+ width : 20px ;
496+ height : 20px ;
497+ margin-right : 12px ;
498+ background-repeat : no-repeat;
499+ background-size : contain; /* 或用 '12px 12px' 精确控制 */
500+ background-position : center;
501+ transform : translateY (0 ); /* 需要微调时改为 translateY(1px) / -1px */
502+ }
503+ .vp-doc .custom-block .info ::before {
504+ content : url ("../../public/icon-app.svg" );
505+ }
506+
507+ /* 暗色模式下全局样式 */ r
459508.dark h1 {
460509 color : # DEE1E6 ;
461510}
@@ -583,6 +632,26 @@ info{
583632.dark .outline-title ::before {
584633 background-image : url ("../../public/icon-lists-dark.svg" );
585634}
635+ .dark .vp-doc .custom-block .info {
636+ background : rgba (82 , 145 , 255 , 0.1 );
637+ border : 1px solid rgba (82 , 145 , 255 , 0.2 );
638+ color : # 317af7 ;
639+ }
640+ .dark .vp-doc .custom-block .warning {
641+ background : rgba (255 , 183 , 0 , 0.1 );
642+ border : 1px solid rgba (255 , 183 , 0 , 0.2 );
643+ color : rgba (255 , 136 , 0 , 0.1 );
644+ }
645+ .dark .vp-doc .custom-block .danger {
646+ background : rgba (217 , 72 , 56 , 0.1 );
647+ border : 1px solid rgba (217 , 72 , 56 , 0.2 );
648+ color : # d94838 ;
649+ }
650+ .dark .vp-doc .custom-block .tip {
651+ background : rgba (91 , 168 , 84 , 0.1 );
652+ border : 1px solid rgba (91 , 168 , 84 , 0.2 );
653+ color : # 5ba854 ;
654+ }
586655/* ===== 响应式布局 ===== */
587656@media (min-width : 980px ) {
588657 .VPSidebar {
0 commit comments