Skip to content

Commit dab40eb

Browse files
committed
feat: modify prompt style and icon
1 parent 09d1968 commit dab40eb

File tree

1 file changed

+70
-1
lines changed

1 file changed

+70
-1
lines changed

.vitepress/theme/style.css

Lines changed: 70 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)