Skip to content

Instantly share code, notes, and snippets.

@qaharmdz
Last active March 23, 2024 16:28
Show Gist options
  • Save qaharmdz/765fc16846667f80f0a879093825c3b8 to your computer and use it in GitHub Desktop.
Save qaharmdz/765fc16846667f80f0a879093825c3b8 to your computer and use it in GitHub Desktop.
VS Code: custom style - hide file path at Open Editors sidebar
/*
Visual Code: Hide paths for open editors
C:\Users\%username%\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css
Restart VSCode, then the path will hidden,
VSCode will tell you something is wrong, click the gear icon set don't alert out again!
*/
/* Hide file path */
.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description {
display: none;
}
/* Untitled color */
.monaco-icon-label.unknown-lang-file-icon>.monaco-icon-label-container {
color: #4b77af;
}
/* Smaller left space */
.open-editors .monaco-list .monaco-list-row {
padding-left: 5px;
}
/* File icon smaller */
.show-file-icons .file-icon::before,
.show-file-icons .folder-icon::before,
.show-file-icons .rootfolder-icon::before {
font-size: 120%;
}
.monaco-icon-label:before {
width: 16px;
background-size: 16px;
}
@qaharmdz
Copy link
Author

Result
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment