文件夹图标样式分享

代码片段:
Obsidian_Folder_Icon (github.com)

    --moc: "\ea19";
    --md: "\ef42";
    --image: "\e3f4";
    --pdf: "\e415";
    --draw: "\e746";

    /* floder */
    --code: "\e86f";
    --computer: "\e30a";
    --time: "\e88b";
    --inbox: "\e97f";
    --attach: '\e226';
    --tpl: "\e745";
    --inbox-inv: "\e1a1";
    --archive: "\e149";
    --important: "\e645";
    --bookmark: "\e98b";

预定义了部分 icon ,可以修改此部分,在 Icons - Google Fonts
找到自己喜欢的图标 用 code point 的编码自行替换

.nav-folder-title[data-path^="100_Box"] .nav-folder-title-content::before {
    content: var(--inbox);
#
    font-family: 'Material Icons';
    font-size: var(--size);
    position: relative !important;
    top: 3px;
    right: 5px;
}

修改 content: var(--xxxx)为自己喜欢的图标变量
或者 content: '\exxx'
修改 data-path*="xxx" 为自己的文件夹路径即可

效果预览
image

1 个赞


code point 的获取方式

Icons - Google Fonts

2 个赞