Skip to content

Latest commit

 

History

History
96 lines (72 loc) · 4.15 KB

File explorer styling - Folder headers.md

File metadata and controls

96 lines (72 loc) · 4.15 KB

↪Collection

File explorer styling - Folder headers

You will need to change the order of headers depending on your folder structure.

cover:: 

/* modified version of Corellan's snippet for v1.6.5 */

.nav-files-container > div > .nav-folder::after {
  position: relative;
  left: var(--layout-margin);
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  font-size: var(--font-adaptive-smallest);
}


.nav-files-container > div > .nav-folder:nth-child(3)::after {
  content: "Private";
}

.nav-files-container > div > .nav-folder:nth-child(7)::after {
  content: "Assets";
}

.nav-files-container > div > .nav-folder:nth-child(9)::after {
  content: "Sorting";
}
For older versions of Obsidian 
/*
author: Corellan
source: https://discord.com/channels/686053708261228577/702656734631821413/1120163092752510976
*/

/* ╔════════════════════════════════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗ */
/* ║ Obsidian Add-On                                                                                                    ║ */
/* ╠══════════════════════════╦═════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║ Name:                    ║ CreArts Vault Header                                                                    ║ */
/* ║ Version:                 ║ 1.0.0                                                                                   ║ */
/* ║ Author:                  ║ Corellan                                                                                ║ */
/* ║ License:                 ║ MIT                                                                                     ║ */
/* ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝ */

/* ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗ */
/* ║ Custom CSS               ║ General                                                                                 ║ */
/* ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝ */

.tree-item .nav-folder::after {
  position: relative;
  left: var(--layout-margin);
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  font-size: var(--font-adaptive-smallest);
}

.tree-item .nav-folder .is-collapsed::after {
  display: none !important;
}

.tree-item .nav-folder:nth-child(3)::after {
  content: "Private";
}

.tree-item .nav-folder:nth-child(7)::after {
  content: "Assets";
}

.tree-item .nav-folder:nth-child(9)::after {
  content: "Sorting";
}