Add colorful icon to obsidian folder and files

[losvincent]

thanks for ariehen help me in file icon not work in root folder，i finished my css,it works perfect now, share to everyone here:

/**
icons from:https://emojipedia.org
my blog:https://www.yunglobe.com  **/

/* main folder*/
.nav-folder:not(.mod-root):not(.is-collapsed) .nav-folder-title-content::before {content:"📂";
}
.nav-folder:not(.mod-root).is-collapsed .nav-folder-title-content::before {content:"📁";
}


/* Sub folder*/
.nav-folder-children::not(.is-collapsed) .nav-folder-title-content::before {
  content:"📂";
}
.nav-folder-children.is-collapsed .nav-folder-title-content::before {
  content:"📁";
}



div[data-path$='.txt'] .nav-file-title-content::before,div[data-path$='.ini'] .nav-file-title-content::before  { 
    content: '📄'; 
}

  div[data-path$='.md'] .nav-file-title-content::before {
  content: '📝';
}

div[data-path$='.png'] .nav-file-title-content::before,div[data-path$='.jpg'] .nav-file-title-content::before,div[data-path$='.jpeg'] .nav-file-title-content::before,div[data-path$='.gif'] .nav-file-title-content::before {
  content: '🖼️';
}

  div[data-path$='.url']
 .nav-file-title-content::before {
  content: '🔗';
}

  div[data-path$='.docx']
 .nav-file-title-content::before {
  content: '📑';
}

  div[data-path$='.xlsx']
 .nav-file-title-content::before {
  content: '📈';
}

  div[data-path$='.ppt']
 .nav-file-title-content::before {
  content: '📊';
}

  div[data-path$='.pdf']
 .nav-file-title-content::before {
  content: '🖺';
}


  div[data-path$='.zip']
 .nav-file-title-content::before {
  content: '📚';
}