/* VS Code Clone File Icons */

/* Default file icon */
.file i.file-icon {
    color: #7a8187;
  }
  
  /* Folder icons */
  .folder-name i.fa-folder {
    color: #dcb67a;
  }
  
  .folder-name i.fa-folder-open {
    color: #dcb67a;
  }
  
  /* File type specific icons */
  /* HTML */
  .file[data-ext="html"] i.file-icon:before,
  .file[data-ext="htm"] i.file-icon:before {
    content: "\f13b";
    color: #e44d26;
  }
  
  /* CSS */
  .file[data-ext="css"] i.file-icon:before {
    content: "\f38b";
    color: #264de4;
  }
  
  /* JavaScript */
  .file[data-ext="js"] i.file-icon:before {
    content: "\f3b8";
    color: #f7df1e;
  }
  
  /* JSON */
  .file[data-ext="json"] i.file-icon:before {
    content: "\f7a6";
    color: #f7df1e;
  }
  
  /* TypeScript */
  .file[data-ext="ts"] i.file-icon:before {
    content: "\e2ae";
    color: #007acc;
  }
  
  /* Python */
  .file[data-ext="py"] i.file-icon:before {
    content: "\f3e2";
    color: #3776ab;
  }
  
  /* Java */
  .file[data-ext="java"] i.file-icon:before {
    content: "\f4e4";
    color: #007396;
  }
  
  /* PHP */
  .file[data-ext="php"] i.file-icon:before {
    content: "\f457";
    color: #777bb4;
  }
  
  /* C/C++ */
  .file[data-ext="c"] i.file-icon:before,
  .file[data-ext="cpp"] i.file-icon:before,
  .file[data-ext="h"] i.file-icon:before {
    content: "\f0e8";
    color: #004482;
  }
  
  /* C# */
  .file[data-ext="cs"] i.file-icon:before {
    content: "\f124";
    color: #512bd4;
  }
  
  /* Go */
  .file[data-ext="go"] i.file-icon:before {
    content: "\e626";
    color: #00add8;
  }
  
  /* Ruby */
  .file[data-ext="rb"] i.file-icon:before {
    content: "\f219";
    color: #cc342d;
  }
  
  /* Markdown */
  .file[data-ext="md"] i.file-icon:before {
    content: "\f48a";
    color: #2196f3;
  }
  
  /* XML */
  .file[data-ext="xml"] i.file-icon:before {
    content: "\f121";
    color: #f36f24;
  }
  
  /* YAML */
  .file[data-ext="yml"] i.file-icon:before,
  .file[data-ext="yaml"] i.file-icon:before {
    content: "\f481";
    color: #cb171e;
  }
  
  /* SQL */
  .file[data-ext="sql"] i.file-icon:before {
    content: "\f1c0";
    color: #336791;
  }
  
  /* Images */
  .file[data-ext="jpg"] i.file-icon:before,
  .file[data-ext="jpeg"] i.file-icon:before,
  .file[data-ext="png"] i.file-icon:before,
  .file[data-ext="gif"] i.file-icon:before,
  .file[data-ext="svg"] i.file-icon:before {
    content: "\f1c5";
    color: #f36f24;
  }
  
  /* Video */
  .file[data-ext="mp4"] i.file-icon:before,
  .file[data-ext="webm"] i.file-icon:before,
  .file[data-ext="avi"] i.file-icon:before {
    content: "\f1c8";
    color: #f36f24;
  }
  
  /* Audio */
  .file[data-ext="mp3"] i.file-icon:before,
  .file[data-ext="wav"] i.file-icon:before,
  .file[data-ext="ogg"] i.file-icon:before {
    content: "\f1c7";
    color: #f36f24;
  }
  
  /* Document */
  .file[data-ext="pdf"] i.file-icon:before {
    content: "\f1c1";
    color: #f40f02;
  }
  
  .file[data-ext="doc"] i.file-icon:before,
  .file[data-ext="docx"] i.file-icon:before {
    content: "\f1c2";
    color: #2b579a;
  }
  
  .file[data-ext="xls"] i.file-icon:before,
  .file[data-ext="xlsx"] i.file-icon:before {
    content: "\f1c3";
    color: #217346;
  }
  
  .file[data-ext="ppt"] i.file-icon:before,
  .file[data-ext="pptx"] i.file-icon:before {
    content: "\f1c4";
    color: #d24726;
  }
  
  /* Config files */
  .file[data-ext="config"] i.file-icon:before,
  .file[data-ext="conf"] i.file-icon:before,
  .file[data-ext="ini"] i.file-icon:before {
    content: "\f085";
    color: #808080;
  }
  
  /* Git files */
  .file[data-name=".gitignore"] i.file-icon:before,
  .file[data-name=".gitconfig"] i.file-icon:before {
    content: "\f1d3";
    color: #f05032;
  }
  
  /* Package files */
  .file[data-name="package.json"] i.file-icon:before,
  .file[data-name="package-lock.json"] i.file-icon:before {
    content: "\f487";
    color: #cb3837;
  }
  
  /* Dockerfile */
  .file[data-name="Dockerfile"] i.file-icon:before {
    content: "\f395";
    color: #2496ed;
  }