搜索框和目录风格改进

搜索框和目录风格改进

版权

个人原创。

环境

2025.2.24(已解决)

自己开源的 《vuepress-theme-vdoing-one-public》网站模板。

此模板是在Young Kbt blog的开源项目《Kele-Bingtang.github.io》基础上修改为自己的风格而成，感谢大佬开源的模板&感谢原作者开源的vdoing主题。❤️❤️

效果

配置

（1）在docs\.vuepress\styles\palette.styl文件后添加如下代码

/*目录右侧小按钮颜色*/
.arrow.right {
    border-left: 6px solid #1d1d26;
}


/*目录右侧小按钮下拉时的颜色*/
.arrow.down {
    border-top: 6px solid #16d925;
}




/*搜索框边框颜色和搜索字体颜色*/
.vdoing-index-class .search-box1 input {
 border-color: #11a8cd;
 color: red;
}

（2）运行测试效果。