Custom GitHub icons
/* ==UserStyle==
@name GitHub Icons
@namespace https://github.com/the-userr
@version 1.0.6
@description Custom GitHub icons
@author disa (https://github.com/pycoinfu), the-userr (https://github.com/the-userr)
@homepageURL https://github.com/the-userr/GitHub-Icons
@supportURL https://github.com/the-userr/GitHub-Icons/issues
@license CC-BY-SA-4.0
@preprocessor default
==/UserStyle== */
@-moz-document domain("github.com") {
:root {
--markdown: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Markdown.svg");
--git: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Git.png");
--github: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/GitHub.svg");
--editorconfig: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/EditorConfig.png");
--html: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/HTML.svg");
--css: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/CSS.svg");
--sass: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/SASS.png");
--javascript: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/JavaScript.svg");
--php: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/PHP.svg");
--composer: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Composer.svg");
--golang: url("https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/go/go.png");
--csharp: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/CSharp.svg");
--cpp: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/C++.svg");
--c: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/C.svg");
--python: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Python.svg");
--json: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/JSON.svg");
--xml: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/XML.svg");
--yaml: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/YAML.svg");
--powershell: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/PowerShell.png");
--shell: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Shell.svg");
--svg: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/SVG.svg");
--cmd: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/CMD.png");
--apache: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Apache.png");
--java: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Java.png");
--exe: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/EXE.png");
--audio: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Audio.png");
--dll: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/DLL.png");
--ini: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/INI.png");
--jpeg: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/JPEG.png");
--png: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/PNG.png");
--rtf: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/RTF.png");
--txt: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/TXT.png");
--zip: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/ZIP.png");
--hash: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Hash.png");
--truetype: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/TrueType.png");
--rdf: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/RDF.svg");
--nodejs: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Node.js.png");
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md"]) {
background-image: var(--markdown);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".md"] > a > span:first-child {
background-image: var(--markdown);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".md"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md"]) {
background-image: var(--markdown);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md"]) > svg {
visibility: hidden;
}
li[id*=".md-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--markdown);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".md-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".md-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitignore"]) {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitignore"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitignore"] > a > span:first-child {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitignore"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitignore"]) {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitignore"]) > svg {
visibility: hidden;
}
li[id*=".gitignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".gitignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".gitignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitattributes"]) {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitattributes"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitattributes"] > a > span:first-child {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitattributes"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitattributes"]) {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitattributes"]) > svg {
visibility: hidden;
}
li[id*=".gitattributes-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".gitattributes-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".gitattributes-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmodules"]) {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmodules"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitmodules"] > a > span:first-child {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitmodules"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmodules"]) {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmodules"]) > svg {
visibility: hidden;
}
li[id*=".gitmodules-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".gitmodules-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".gitmodules-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmessage"]) {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmessage"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitmessage"] > a > span:first-child {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitmessage"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmessage"]) {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmessage"]) > svg {
visibility: hidden;
}
li[id*=".gitmessage-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".gitmessage-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".gitmessage-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitreview"]) {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitreview"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitreview"] > a > span:first-child {
background-image: var(--git);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".gitreview"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitreview"]) {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitreview"]) > svg {
visibility: hidden;
}
li[id*=".gitreview-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--git);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".gitreview-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".gitreview-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="Directory"]):has(+ div > span > a[href$=".github"]) {
background-image: var(--github);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="Directory"]):has(+ div > span > a[href$=".github"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".github"] > a > span:first-child {
background-image: var(--github);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".github"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".github"]) {
background-image: var(--github);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".github"]) > svg {
visibility: hidden;
}
li[id*=".github-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--github);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".github-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".github-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".editorconfig"]) {
background-image: var(--editorconfig);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".editorconfig"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".editorconfig"] > a > span:first-child {
background-image: var(--editorconfig);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".editorconfig"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".editorconfig"]) {
background-image: var(--editorconfig);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".editorconfig"]) > svg {
visibility: hidden;
}
li[id*=".editorconfig-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--editorconfig);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".editorconfig-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".editorconfig-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".html"]) {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".html"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".html"] > a > span:first-child {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".html"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".html"]) {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".html"]) > svg {
visibility: hidden;
}
li[id*=".html-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".html-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".html-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".shtml"]) {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".shtml"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".shtml"] > a > span:first-child {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".shtml"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".shtml"]) {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".shtml"]) > svg {
visibility: hidden;
}
li[id*=".shtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".shtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".shtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dhtml"]) {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dhtml"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".dhtml"] > a > span:first-child {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".dhtml"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dhtml"]) {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dhtml"]) > svg {
visibility: hidden;
}
li[id*=".dhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".dhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".dhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mhtml"]) {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mhtml"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".mhtml"] > a > span:first-child {
background-image: var(--html);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".mhtml"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mhtml"]) {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mhtml"]) > svg {
visibility: hidden;
}
li[id*=".mhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--html);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".mhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".mhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".css"]) {
background-image: var(--css);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".css"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".css"] > a > span:first-child {
background-image: var(--css);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".css"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".css"]) {
background-image: var(--css);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".css"]) > svg {
visibility: hidden;
}
li[id*=".css-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--css);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".css-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".css-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".scss"]) {
background-image: var(--sass);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".scss"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".scss"] > a > span:first-child {
background-image: var(--sass);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".scss"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".scss"]) {
background-image: var(--sass);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".scss"]) > svg {
visibility: hidden;
}
li[id*=".scss-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--sass);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".scss-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".scss-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sass"]) {
background-image: var(--sass);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sass"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sass"] > a > span:first-child {
background-image: var(--sass);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sass"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sass"]) {
background-image: var(--sass);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sass"]) > svg {
visibility: hidden;
}
li[id*=".sass-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--sass);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sass-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sass-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".js"]) {
background-image: var(--javascript);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".js"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".js"] > a > span:first-child {
background-image: var(--javascript);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".js"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".js"]) {
background-image: var(--javascript);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".js"]) > svg {
visibility: hidden;
}
li[id*=".js-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--javascript);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".js-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".js-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".php"]) {
background-image: var(--php);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".php"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".php"] > a > span:first-child {
background-image: var(--php);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".php"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".php"]) {
background-image: var(--php);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".php"]) > svg {
visibility: hidden;
}
li[id*=".php-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--php);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".php-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".php-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".go"]) {
background-image: var(--golang);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".go"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".go"] > a > span:first-child {
background-image: var(--golang);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".go"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".go"]) {
background-image: var(--golang);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".go"]) > svg {
visibility: hidden;
}
li[id*=".go-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--golang);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".go-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".go-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cs"]) {
background-image: var(--csharp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cs"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".cs"] > a > span:first-child {
background-image: var(--csharp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".cs"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cs"]) {
background-image: var(--csharp);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cs"]) > svg {
visibility: hidden;
}
li[id*=".cs-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--csharp);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".cs-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".cs-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cpp"]) {
background-image: var(--cpp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cpp"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".cpp"] > a > span:first-child {
background-image: var(--cpp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".cpp"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cpp"]) {
background-image: var(--cpp);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cpp"]) > svg {
visibility: hidden;
}
li[id*=".cpp-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--cpp);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".cpp-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".cpp-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".c"]) {
background-image: var(--c);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".c"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".c"] > a > span:first-child {
background-image: var(--c);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".c"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".c"]) {
background-image: var(--c);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".c"]) > svg {
visibility: hidden;
}
li[id*=".c-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--c);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".c-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".c-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".py"]) {
background-image: var(--python);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".py"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".py"] > a > span:first-child {
background-image: var(--python);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".py"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".py"]) {
background-image: var(--python);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".py"]) > svg {
visibility: hidden;
}
li[id*=".py-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--python);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".py-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".py-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="requirements.txt"]) {
background-image: var(--python);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="requirements.txt"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type="requirements.txt"] > a > span:first-child {
background-image: var(--python);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type="requirements.txt"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="requirements.txt"]) {
background-image: var(--python);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="requirements.txt"]) > svg {
visibility: hidden;
}
li[id*="requirements.txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--python);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*="requirements.txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*="requirements.txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".json"]) {
background-image: var(--json);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".json"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".json"] > a > span:first-child {
background-image: var(--json);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".json"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".json"]) {
background-image: var(--json);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".json"]) > svg {
visibility: hidden;
}
li[id*=".json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--json);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".xml"]) {
background-image: var(--xml);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".xml"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".xml"] > a > span:first-child {
background-image: var(--xml);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".xml"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".xml"]) {
background-image: var(--xml);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".xml"]) > svg {
visibility: hidden;
}
li[id*=".xml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--xml);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".xml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".xml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yaml"]) {
background-image: var(--yaml);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yaml"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".yaml"] > a > span:first-child {
background-image: var(--yaml);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".yaml"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yaml"]) {
background-image: var(--yaml);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yaml"]) > svg {
visibility: hidden;
}
li[id*=".yaml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--yaml);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".yaml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".yaml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yml"]) {
background-image: var(--yaml);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yml"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".yml"] > a > span:first-child {
background-image: var(--yaml);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".yml"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yml"]) {
background-image: var(--yaml);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yml"]) > svg {
visibility: hidden;
}
li[id*=".yml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--yaml);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".yml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".yml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ps1"]) {
background-image: var(--powershell);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ps1"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".ps1"] > a > span:first-child {
background-image: var(--powershell);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".ps1"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ps1"]) {
background-image: var(--powershell);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ps1"]) > svg {
visibility: hidden;
}
li[id*=".ps1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--powershell);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".ps1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".ps1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sh"]) {
background-image: var(--shell);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sh"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sh"] > a > span:first-child {
background-image: var(--shell);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sh"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sh"]) {
background-image: var(--shell);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sh"]) > svg {
visibility: hidden;
}
li[id*=".sh-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--shell);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sh-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sh-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".svg"]) {
background-image: var(--svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".svg"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".svg"] > a > span:first-child {
background-image: var(--svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".svg"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".svg"]) {
background-image: var(--svg);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".svg"]) > svg {
visibility: hidden;
}
li[id*=".svg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--svg);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".svg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".svg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".bat"]) {
background-image: var(--cmd);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".bat"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".bat"] > a > span:first-child {
background-image: var(--cmd);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".bat"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".bat"]) {
background-image: var(--cmd);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".bat"]) > svg {
visibility: hidden;
}
li[id*=".bat-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--cmd);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".bat-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".bat-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cmd"]) {
background-image: var(--cmd);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cmd"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".cmd"] > a > span:first-child {
background-image: var(--cmd);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".cmd"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cmd"]) {
background-image: var(--cmd);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cmd"]) > svg {
visibility: hidden;
}
li[id*=".cmd-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--cmd);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".cmd-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".cmd-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".htaccess"]) {
background-image: var(--apache);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".htaccess"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".htaccess"] > a > span:first-child {
background-image: var(--apache);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".htaccess"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".htaccess"]) {
background-image: var(--apache);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".htaccess"]) > svg {
visibility: hidden;
}
li[id*=".htaccess-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--apache);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".htaccess-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".htaccess-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jar"]) {
background-image: var(--java);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jar"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".jar"] > a > span:first-child {
background-image: var(--java);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".jar"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jar"]) {
background-image: var(--java);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jar"]) > svg {
visibility: hidden;
}
li[id*=".jar-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--java);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".jar-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".jar-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".war"]) {
background-image: var(--java);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".war"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".war"] > a > span:first-child {
background-image: var(--java);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".war"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".war"]) {
background-image: var(--java);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".war"]) > svg {
visibility: hidden;
}
li[id*=".war-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--java);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".war-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".war-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".exe"]) {
background-image: var(--exe);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".exe"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".exe"] > a > span:first-child {
background-image: var(--exe);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".exe"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".exe"]) {
background-image: var(--exe);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".exe"]) > svg {
visibility: hidden;
}
li[id*=".exe-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--exe);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".exe-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".exe-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mp3"]) {
background-image: var(--audio);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mp3"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".mp3"] > a > span:first-child {
background-image: var(--audio);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".mp3"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mp3"]) {
background-image: var(--audio);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mp3"]) > svg {
visibility: hidden;
}
li[id*=".mp3-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--audio);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".mp3-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".mp3-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ogg"]) {
background-image: var(--audio);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ogg"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".ogg"] > a > span:first-child {
background-image: var(--audio);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".ogg"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ogg"]) {
background-image: var(--audio);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ogg"]) > svg {
visibility: hidden;
}
li[id*=".ogg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--audio);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".ogg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".ogg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".wav"]) {
background-image: var(--audio);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".wav"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".wav"] > a > span:first-child {
background-image: var(--audio);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".wav"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".wav"]) {
background-image: var(--audio);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".wav"]) > svg {
visibility: hidden;
}
li[id*=".wav-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--audio);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".wav-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".wav-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dll"]) {
background-image: var(--dll);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dll"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".dll"] > a > span:first-child {
background-image: var(--dll);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".dll"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dll"]) {
background-image: var(--dll);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dll"]) > svg {
visibility: hidden;
}
li[id*=".dll-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--dll);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".dll-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".dll-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ini"]) {
background-image: var(--ini);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ini"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".ini"] > a > span:first-child {
background-image: var(--ini);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".ini"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ini"]) {
background-image: var(--ini);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ini"]) > svg {
visibility: hidden;
}
li[id*=".ini-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--ini);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".ini-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".ini-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpg"]) {
background-image: var(--jpeg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpg"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".jpg"] > a > span:first-child {
background-image: var(--jpeg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".jpg"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpg"]) {
background-image: var(--jpeg);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpg"]) > svg {
visibility: hidden;
}
li[id*=".jpg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--jpeg);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".jpg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".jpg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpeg"]) {
background-image: var(--jpeg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpeg"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".jpeg"] > a > span:first-child {
background-image: var(--jpeg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".jpeg"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpeg"]) {
background-image: var(--jpeg);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpeg"]) > svg {
visibility: hidden;
}
li[id*=".jpeg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--jpeg);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".jpeg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".jpeg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".png"]) {
background-image: var(--png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".png"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".png"] > a > span:first-child {
background-image: var(--png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".png"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".png"]) {
background-image: var(--png);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".png"]) > svg {
visibility: hidden;
}
li[id*=".png-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--png);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".png-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".png-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rtf"]) {
background-image: var(--rtf);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rtf"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".rtf"] > a > span:first-child {
background-image: var(--rtf);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".rtf"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rtf"]) {
background-image: var(--rtf);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rtf"]) > svg {
visibility: hidden;
}
li[id*=".rtf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--rtf);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".rtf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".rtf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".txt"]) {
background-image: var(--txt);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".txt"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".txt"] > a > span:first-child {
background-image: var(--txt);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".txt"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".txt"]) {
background-image: var(--txt);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".txt"]) > svg {
visibility: hidden;
}
li[id*=".txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--txt);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".zip"]) {
background-image: var(--zip);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".zip"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".zip"] > a > span:first-child {
background-image: var(--zip);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".zip"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".zip"]) {
background-image: var(--zip);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".zip"]) > svg {
visibility: hidden;
}
li[id*=".zip-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--zip);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".zip-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".zip-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".hash"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".hash"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".hash"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".hash"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".hash"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".hash"]) > svg {
visibility: hidden;
}
li[id*=".hash-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".hash-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".hash-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sfv"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sfv"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sfv"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sfv"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sfv"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sfv"]) > svg {
visibility: hidden;
}
li[id*=".sfv-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sfv-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sfv-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md5"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md5"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".md5"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".md5"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md5"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md5"]) > svg {
visibility: hidden;
}
li[id*=".md5-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".md5-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".md5-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha1"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha1"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha1"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha1"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha1"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha1"]) > svg {
visibility: hidden;
}
li[id*=".sha1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sha1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sha1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha256"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha256"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha256"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha256"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha256"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha256"]) > svg {
visibility: hidden;
}
li[id*=".sha256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sha256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sha256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha512"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha512"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha512"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha512"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha512"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha512"]) > svg {
visibility: hidden;
}
li[id*=".sha512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sha512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sha512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-256"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-256"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha3-256"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha3-256"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-256"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-256"]) > svg {
visibility: hidden;
}
li[id*=".sha3-256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sha3-256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sha3-256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-512"]) {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-512"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha3-512"] > a > span:first-child {
background-image: var(--hash);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".sha3-512"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-512"]) {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-512"]) > svg {
visibility: hidden;
}
li[id*=".sha3-512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--hash);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".sha3-512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".sha3-512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ttf"]) {
background-image: var(--truetype);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ttf"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".ttf"] > a > span:first-child {
background-image: var(--truetype);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".ttf"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ttf"]) {
background-image: var(--truetype);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ttf"]) > svg {
visibility: hidden;
}
li[id*=".ttf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--truetype);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".ttf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".ttf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".otf"]) {
background-image: var(--truetype);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".otf"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".otf"] > a > span:first-child {
background-image: var(--truetype);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".otf"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".otf"]) {
background-image: var(--truetype);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".otf"]) > svg {
visibility: hidden;
}
li[id*=".otf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--truetype);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".otf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".otf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rdf"]) {
background-image: var(--rdf);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rdf"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".rdf"] > a > span:first-child {
background-image: var(--rdf);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".rdf"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rdf"]) {
background-image: var(--rdf);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rdf"]) > svg {
visibility: hidden;
}
li[id*=".rdf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--rdf);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".rdf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".rdf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.json"]) {
background-image: var(--composer);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.json"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type="composer.json"] > a > span:first-child {
background-image: var(--composer);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type="composer.json"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.json"]) {
background-image: var(--composer);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.json"]) > svg {
visibility: hidden;
}
li[id*="composer.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--composer);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*="composer.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*="composer.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.local.json"]) {
background-image: var(--composer);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.local.json"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type="composer.local.json"] > a > span:first-child {
background-image: var(--composer);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type="composer.local.json"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.local.json"]) {
background-image: var(--composer);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.local.json"]) > svg {
visibility: hidden;
}
li[id*="composer.local.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--composer);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*="composer.local.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*="composer.local.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.lock"]) {
background-image: var(--composer);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.lock"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type="composer.lock"] > a > span:first-child {
background-image: var(--composer);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type="composer.lock"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.lock"]) {
background-image: var(--composer);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.lock"]) > svg {
visibility: hidden;
}
li[id*="composer.lock-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--composer);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*="composer.lock-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*="composer.lock-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package.json"]) {
background-image: var(--nodejs);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package.json"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type="package.json"] > a > span:first-child {
background-image: var(--nodejs);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type="package.json"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package.json"]) {
background-image: var(--nodejs);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package.json"]) > svg {
visibility: hidden;
}
li[id*="package.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--nodejs);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*="package.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*="package.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package-lock.json"]) {
background-image: var(--nodejs);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package-lock.json"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type="package-lock.json"] > a > span:first-child {
background-image: var(--nodejs);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type="package-lock.json"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package-lock.json"]) {
background-image: var(--nodejs);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package-lock.json"]) > svg {
visibility: hidden;
}
li[id*="package-lock.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--nodejs);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*="package-lock.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*="package-lock.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".npmignore"]) {
background-image: var(--nodejs);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".npmignore"]) > svg {
visibility: hidden;
}
file-tree li[id^="file-tree-item"][data-file-type=".npmignore"] > a > span:first-child {
background-image: var(--nodejs);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
}
file-tree li[id^="file-tree-item"][data-file-type=".npmignore"] > a > span:first-child > svg {
visibility: hidden;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".npmignore"]) {
background-image: var(--nodejs);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".npmignore"]) > svg {
visibility: hidden;
}
li[id*=".npmignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
background-image: var(--nodejs);
background-size: 16px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: center;
background-origin: content-box;
}
li[id*=".npmignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
li[id*=".npmignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
visibility: hidden;
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址