From d44fc67057ed3efb3daa2cc383ead67d12e601a3 Mon Sep 17 00:00:00 2001
From: isWittHere <2468221211@qq.com>
Date: Fri, 31 Jul 2026 14:07:06 +0800
Subject: [PATCH] Add Catppuccin file icons

Use Latte assets in light mode and Mocha assets in dark mode.
---
 app/globals.css                               |   9 +
 components/FileIcons.tsx                      | 331 ++++++------------
 public/icons/catppuccin/LICENSE               |  22 ++
 public/icons/catppuccin/README.md             |   8 +
 public/icons/catppuccin/latte/_file.svg       |   3 +
 public/icons/catppuccin/latte/_folder.svg     |   3 +
 .../icons/catppuccin/latte/_folder_open.svg   |   3 +
 public/icons/catppuccin/latte/bash.svg        |   7 +
 public/icons/catppuccin/latte/bun-lock.svg    |   8 +
 public/icons/catppuccin/latte/config.svg      |   3 +
 public/icons/catppuccin/latte/css.svg         |   6 +
 public/icons/catppuccin/latte/database.svg    |   3 +
 public/icons/catppuccin/latte/docker.svg      |   3 +
 public/icons/catppuccin/latte/env.svg         |   3 +
 public/icons/catppuccin/latte/eslint.svg      |   6 +
 public/icons/catppuccin/latte/git.svg         |   6 +
 public/icons/catppuccin/latte/go.svg          |   3 +
 public/icons/catppuccin/latte/graphql.svg     |   3 +
 public/icons/catppuccin/latte/html.svg        |   6 +
 .../catppuccin/latte/javascript-react.svg     |   8 +
 public/icons/catppuccin/latte/javascript.svg  |   6 +
 public/icons/catppuccin/latte/json.svg        |   3 +
 public/icons/catppuccin/latte/lock.svg        |   3 +
 public/icons/catppuccin/latte/markdown.svg    |   3 +
 public/icons/catppuccin/latte/ms-word.svg     |   6 +
 public/icons/catppuccin/latte/next.svg        |   6 +
 public/icons/catppuccin/latte/npm-lock.svg    |   7 +
 public/icons/catppuccin/latte/pdf.svg         |   3 +
 public/icons/catppuccin/latte/python.svg      |   8 +
 public/icons/catppuccin/latte/rust.svg        |   6 +
 public/icons/catppuccin/latte/sass.svg        |   3 +
 public/icons/catppuccin/latte/terraform.svg   |   3 +
 public/icons/catppuccin/latte/toml.svg        |   3 +
 .../catppuccin/latte/typescript-react.svg     |   8 +
 public/icons/catppuccin/latte/typescript.svg  |   6 +
 public/icons/catppuccin/latte/yaml.svg        |   3 +
 public/icons/catppuccin/mocha/_file.svg       |   3 +
 public/icons/catppuccin/mocha/_folder.svg     |   3 +
 .../icons/catppuccin/mocha/_folder_open.svg   |   3 +
 public/icons/catppuccin/mocha/bash.svg        |   7 +
 public/icons/catppuccin/mocha/bun-lock.svg    |   8 +
 public/icons/catppuccin/mocha/config.svg      |   3 +
 public/icons/catppuccin/mocha/css.svg         |   6 +
 public/icons/catppuccin/mocha/database.svg    |   3 +
 public/icons/catppuccin/mocha/docker.svg      |   3 +
 public/icons/catppuccin/mocha/env.svg         |   3 +
 public/icons/catppuccin/mocha/eslint.svg      |   6 +
 public/icons/catppuccin/mocha/git.svg         |   6 +
 public/icons/catppuccin/mocha/go.svg          |   3 +
 public/icons/catppuccin/mocha/graphql.svg     |   3 +
 public/icons/catppuccin/mocha/html.svg        |   6 +
 .../catppuccin/mocha/javascript-react.svg     |   8 +
 public/icons/catppuccin/mocha/javascript.svg  |   6 +
 public/icons/catppuccin/mocha/json.svg        |   3 +
 public/icons/catppuccin/mocha/lock.svg        |   3 +
 public/icons/catppuccin/mocha/markdown.svg    |   3 +
 public/icons/catppuccin/mocha/ms-word.svg     |   6 +
 public/icons/catppuccin/mocha/next.svg        |   6 +
 public/icons/catppuccin/mocha/npm-lock.svg    |   7 +
 public/icons/catppuccin/mocha/pdf.svg         |   3 +
 public/icons/catppuccin/mocha/python.svg      |   8 +
 public/icons/catppuccin/mocha/rust.svg        |   6 +
 public/icons/catppuccin/mocha/sass.svg        |   3 +
 public/icons/catppuccin/mocha/terraform.svg   |   3 +
 public/icons/catppuccin/mocha/toml.svg        |   3 +
 .../catppuccin/mocha/typescript-react.svg     |   8 +
 public/icons/catppuccin/mocha/typescript.svg  |   6 +
 public/icons/catppuccin/mocha/yaml.svg        |   3 +
 68 files changed, 445 insertions(+), 227 deletions(-)
 create mode 100644 public/icons/catppuccin/LICENSE
 create mode 100644 public/icons/catppuccin/README.md
 create mode 100644 public/icons/catppuccin/latte/_file.svg
 create mode 100644 public/icons/catppuccin/latte/_folder.svg
 create mode 100644 public/icons/catppuccin/latte/_folder_open.svg
 create mode 100644 public/icons/catppuccin/latte/bash.svg
 create mode 100644 public/icons/catppuccin/latte/bun-lock.svg
 create mode 100644 public/icons/catppuccin/latte/config.svg
 create mode 100644 public/icons/catppuccin/latte/css.svg
 create mode 100644 public/icons/catppuccin/latte/database.svg
 create mode 100644 public/icons/catppuccin/latte/docker.svg
 create mode 100644 public/icons/catppuccin/latte/env.svg
 create mode 100644 public/icons/catppuccin/latte/eslint.svg
 create mode 100644 public/icons/catppuccin/latte/git.svg
 create mode 100644 public/icons/catppuccin/latte/go.svg
 create mode 100644 public/icons/catppuccin/latte/graphql.svg
 create mode 100644 public/icons/catppuccin/latte/html.svg
 create mode 100644 public/icons/catppuccin/latte/javascript-react.svg
 create mode 100644 public/icons/catppuccin/latte/javascript.svg
 create mode 100644 public/icons/catppuccin/latte/json.svg
 create mode 100644 public/icons/catppuccin/latte/lock.svg
 create mode 100644 public/icons/catppuccin/latte/markdown.svg
 create mode 100644 public/icons/catppuccin/latte/ms-word.svg
 create mode 100644 public/icons/catppuccin/latte/next.svg
 create mode 100644 public/icons/catppuccin/latte/npm-lock.svg
 create mode 100644 public/icons/catppuccin/latte/pdf.svg
 create mode 100644 public/icons/catppuccin/latte/python.svg
 create mode 100644 public/icons/catppuccin/latte/rust.svg
 create mode 100644 public/icons/catppuccin/latte/sass.svg
 create mode 100644 public/icons/catppuccin/latte/terraform.svg
 create mode 100644 public/icons/catppuccin/latte/toml.svg
 create mode 100644 public/icons/catppuccin/latte/typescript-react.svg
 create mode 100644 public/icons/catppuccin/latte/typescript.svg
 create mode 100644 public/icons/catppuccin/latte/yaml.svg
 create mode 100644 public/icons/catppuccin/mocha/_file.svg
 create mode 100644 public/icons/catppuccin/mocha/_folder.svg
 create mode 100644 public/icons/catppuccin/mocha/_folder_open.svg
 create mode 100644 public/icons/catppuccin/mocha/bash.svg
 create mode 100644 public/icons/catppuccin/mocha/bun-lock.svg
 create mode 100644 public/icons/catppuccin/mocha/config.svg
 create mode 100644 public/icons/catppuccin/mocha/css.svg
 create mode 100644 public/icons/catppuccin/mocha/database.svg
 create mode 100644 public/icons/catppuccin/mocha/docker.svg
 create mode 100644 public/icons/catppuccin/mocha/env.svg
 create mode 100644 public/icons/catppuccin/mocha/eslint.svg
 create mode 100644 public/icons/catppuccin/mocha/git.svg
 create mode 100644 public/icons/catppuccin/mocha/go.svg
 create mode 100644 public/icons/catppuccin/mocha/graphql.svg
 create mode 100644 public/icons/catppuccin/mocha/html.svg
 create mode 100644 public/icons/catppuccin/mocha/javascript-react.svg
 create mode 100644 public/icons/catppuccin/mocha/javascript.svg
 create mode 100644 public/icons/catppuccin/mocha/json.svg
 create mode 100644 public/icons/catppuccin/mocha/lock.svg
 create mode 100644 public/icons/catppuccin/mocha/markdown.svg
 create mode 100644 public/icons/catppuccin/mocha/ms-word.svg
 create mode 100644 public/icons/catppuccin/mocha/next.svg
 create mode 100644 public/icons/catppuccin/mocha/npm-lock.svg
 create mode 100644 public/icons/catppuccin/mocha/pdf.svg
 create mode 100644 public/icons/catppuccin/mocha/python.svg
 create mode 100644 public/icons/catppuccin/mocha/rust.svg
 create mode 100644 public/icons/catppuccin/mocha/sass.svg
 create mode 100644 public/icons/catppuccin/mocha/terraform.svg
 create mode 100644 public/icons/catppuccin/mocha/toml.svg
 create mode 100644 public/icons/catppuccin/mocha/typescript-react.svg
 create mode 100644 public/icons/catppuccin/mocha/typescript.svg
 create mode 100644 public/icons/catppuccin/mocha/yaml.svg

diff --git a/app/globals.css b/app/globals.css
index 6b8508af4..696d0810b 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -52,6 +52,15 @@ html.dark {
   --bg-subtle: rgba(255,255,255,0.04);
 }
 
+.catppuccin-file-icon {
+  display: block;
+  flex-shrink: 0;
+  background: center / contain no-repeat var(--catppuccin-icon-light);
+}
+html.dark .catppuccin-file-icon {
+  background-image: var(--catppuccin-icon-dark);
+}
+
 /* Theme toggle: circular wipe via View Transitions API.
    Disable the UA cross-fade; the actual clip-path animation is driven by
    Element.animate() in hooks/useTheme.ts after transition.ready resolves. */
diff --git a/components/FileIcons.tsx b/components/FileIcons.tsx
index 6ce7a9a64..b46d21a91 100644
--- a/components/FileIcons.tsx
+++ b/components/FileIcons.tsx
@@ -1,249 +1,126 @@
-// Flat monochrome file & folder icons — all use currentColor / var(--text-dim)
+import type { CSSProperties } from "react";
+
 
 interface IconProps {
   size?: number;
 }
 
-const DIM = "var(--text-dim)";
+type CatppuccinIconName =
+  | "_file"
+  | "_folder"
+  | "_folder_open"
+  | "bash"
+  | "config"
+  | "css"
+  | "database"
+  | "docker"
+  | "env"
+  | "git"
+  | "graphql"
+  | "html"
+  | "javascript"
+  | "javascript-react"
+  | "json"
+  | "lock"
+  | "npm-lock"
+  | "bun-lock"
+  | "next"
+  | "eslint"
+  | "markdown"
+  | "ms-word"
+  | "pdf"
+  | "python"
+  | "rust"
+  | "sass"
+  | "terraform"
+  | "toml"
+  | "typescript"
+  | "typescript-react"
+  | "yaml"
+  | "go";
 
-// ── Folder ────────────────────────────────────────────────────────────────
+const CATPPUCCIN_ICONS_ROOT = "/icons/catppuccin";
 
-export function FolderIcon({ size = 14, open = false }: IconProps & { open?: boolean }) {
-  if (open) {
-    return (
-      <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-        <path d="M1 4.5A1 1 0 0 1 2 3.5H5.5L7 5h7.5v1H1V4.5Z" fill={DIM} />
-        <path d="M1 6h14.5L14 13H2L1 6Z" stroke={DIM} strokeWidth="1" fill={DIM} fillOpacity="0.12" />
-      </svg>
-    );
-  }
-  return (
-    <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <path d="M1 4.5A1 1 0 0 1 2 3.5H5.5L7 5H14a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4.5Z"
-        stroke={DIM} strokeWidth="1" fill={DIM} fillOpacity="0.1" />
-    </svg>
-  );
-}
-
-// ── Generic file (fallback) ────────────────────────────────────────────────
+function CatppuccinIcon({ name, size = 14 }: IconProps & { name: CatppuccinIconName }) {
+  const style = {
+    width: size,
+    height: size,
+    "--catppuccin-icon-light": `url(${CATPPUCCIN_ICONS_ROOT}/latte/${name}.svg)`,
+    "--catppuccin-icon-dark": `url(${CATPPUCCIN_ICONS_ROOT}/mocha/${name}.svg)`,
+  } as CSSProperties;
 
-export function GenericFileIcon({ size = 14 }: IconProps) {
   return (
-    <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <path d="M3 2h7l3 3v9H3V2Z" stroke={DIM} strokeWidth="1" fill={DIM} fillOpacity="0.08" />
-      <path d="M10 2v3h3" stroke={DIM} strokeWidth="1" fill="none" strokeLinejoin="round" />
-    </svg>
+    <span
+      aria-hidden="true"
+      className="catppuccin-file-icon"
+      style={style}
+    />
   );
 }
 
-// ── File with label text (used for most types) ────────────────────────────
-// Renders the file outline + a short text badge
+export function FolderIcon({ size = 14, open = false }: IconProps & { open?: boolean }) {
+  return <CatppuccinIcon name={open ? "_folder_open" : "_folder"} size={size} />;
+}
 
-function LabelFileIcon({ label, size = 14 }: { label: string; size?: number }) {
-  const s = size / 14; // scale factor
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <text
-        x="7" y="9.5"
-        textAnchor="middle"
-        fontSize={3.4 * s}
-        fontFamily="var(--font-mono), monospace"
-        fontWeight="600"
-        fill={DIM}
-        letterSpacing="0"
-      >{label}</text>
-    </svg>
-  );
+export function GenericFileIcon({ size = 14 }: IconProps) {
+  return <CatppuccinIcon name="_file" size={size} />;
 }
 
-// ── Specific icons ────────────────────────────────────────────────────────
+const EXTENSION_ICONS: Record<string, CatppuccinIconName> = {
+  ts: "typescript",
+  tsx: "typescript-react",
+  js: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  jsx: "javascript-react",
+  py: "python",
+  json: "json",
+  jsonl: "json",
+  css: "css",
+  less: "css",
+  scss: "sass",
+  html: "html",
+  htm: "html",
+  md: "markdown",
+  mdx: "markdown",
+  yaml: "yaml",
+  yml: "yaml",
+  toml: "toml",
+  sh: "bash",
+  bash: "bash",
+  zsh: "bash",
+  fish: "bash",
+  rs: "rust",
+  go: "go",
+  sql: "database",
+  graphql: "graphql",
+  gql: "graphql",
+  tf: "terraform",
+  hcl: "terraform",
+  docx: "ms-word",
+  pdf: "pdf",
+  lock: "lock",
+};
 
-export function TypeScriptIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="TS" size={size} />;
-}
-export function TypeScriptReactIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="TSX" size={size} />;
-}
-export function JavaScriptIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="JS" size={size} />;
-}
-export function JavaScriptReactIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="JSX" size={size} />;
-}
-export function PythonIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="PY" size={size} />;
-}
-export function JsonIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="{}" size={size} />;
-}
-export function CssIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="CSS" size={size} />;
-}
-export function ScssIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="SC" size={size} />;
-}
-export function HtmlIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="HTM" size={size} />;
-}
-export function MarkdownIcon({ size = 14 }: IconProps) {
-  // file outline + M↓ symbol
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      {/* M */}
-      <path d="M3.5 9.5V7l1.5 1.5L6.5 7v2.5" stroke={DIM} strokeWidth="0.9" strokeLinecap="round" strokeLinejoin="round" fill="none" />
-      {/* down arrow */}
-      <path d="M8 7v2.5M7 9l1 1.5 1-1.5" stroke={DIM} strokeWidth="0.9" strokeLinecap="round" strokeLinejoin="round" fill="none" />
-    </svg>
-  );
-}
-export function YamlIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="YML" size={size} />;
-}
-export function TomlIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="TOM" size={size} />;
-}
-export function ShellIcon({ size = 14 }: IconProps) {
-  // file outline + > prompt
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <path d="M4 7.5l2 1.5-2 1.5" stroke={DIM} strokeWidth="0.95" strokeLinecap="round" strokeLinejoin="round" fill="none" />
-      <path d="M7.5 10.5h2.5" stroke={DIM} strokeWidth="0.95" strokeLinecap="round" />
-    </svg>
-  );
-}
-export function RustIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="RS" size={size} />;
-}
-export function GoIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="GO" size={size} />;
-}
-export function SqlIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="SQL" size={size} />;
-}
-export function GraphqlIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="GQL" size={size} />;
-}
-export function TerraformIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="TF" size={size} />;
-}
-export function DockerfileIcon({ size = 14 }: IconProps) {
-  // file outline + container stack
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <rect x="3.5" y="6.5" width="2" height="1.5" rx="0.3" stroke={DIM} strokeWidth="0.8" />
-      <rect x="6" y="6.5" width="2" height="1.5" rx="0.3" stroke={DIM} strokeWidth="0.8" />
-      <rect x="3.5" y="8.5" width="2" height="1.5" rx="0.3" stroke={DIM} strokeWidth="0.8" />
-    </svg>
-  );
+function getSpecialFileIcon(name: string): CatppuccinIconName | undefined {
+  if (name === "dockerfile" || name.startsWith("dockerfile.")) return "docker";
+  if (name === ".env" || name.startsWith(".env.")) return "env";
+  if ([".gitignore", ".gitattributes", ".gitmodules"].includes(name)) return "git";
+  if (name === "package-lock.json") return "npm-lock";
+  if (name === "bun.lock") return "bun-lock";
+  if (["next.config.js", "next.config.mjs", "next.config.cjs", "next.config.ts"].includes(name)) return "next";
+  if ([".eslintrc", ".eslintrc.js", ".eslintrc.json", ".eslintrc.yml", "eslint.config.mjs", "eslint.config.js"].includes(name)) return "eslint";
+  if (["yarn.lock", "pnpm-lock.yaml", "cargo.lock"].includes(name)) return "lock";
+  if (name.endsWith(".config.ts") || name.endsWith(".config.js") || name.endsWith(".config.mjs") || name.endsWith(".config.cjs")) return "config";
+  return undefined;
 }
-export function EnvIcon({ size = 14 }: IconProps) {
-  // file outline + key symbol
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <circle cx="5.5" cy="8.5" r="1.5" stroke={DIM} strokeWidth="0.9" />
-      <path d="M7 8.5h2.5M8.5 8.5v1.5" stroke={DIM} strokeWidth="0.9" strokeLinecap="round" />
-    </svg>
-  );
-}
-export function GitIcon({ size = 14 }: IconProps) {
-  // file outline + git branch lines
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <circle cx="5" cy="6.5" r="1" stroke={DIM} strokeWidth="0.85" />
-      <circle cx="9" cy="6.5" r="1" stroke={DIM} strokeWidth="0.85" />
-      <circle cx="5" cy="10" r="1" stroke={DIM} strokeWidth="0.85" />
-      <path d="M5 7.5V9" stroke={DIM} strokeWidth="0.85" strokeLinecap="round" />
-      <path d="M9 7.5v.5a2 2 0 0 1-2 2H6" stroke={DIM} strokeWidth="0.85" strokeLinecap="round" fill="none" />
-    </svg>
-  );
-}
-export function LockFileIcon({ size = 14 }: IconProps) {
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <rect x="4.5" y="8.5" width="5" height="3" rx="0.6" stroke={DIM} strokeWidth="0.9" />
-      <path d="M5.5 8.5V7.5a1.5 1.5 0 0 1 3 0v1" stroke={DIM} strokeWidth="0.9" strokeLinecap="round" fill="none" />
-    </svg>
-  );
-}
-export function DocFileIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="DOC" size={size} />;
-}
-export function PdfFileIcon({ size = 14 }: IconProps) {
-  return <LabelFileIcon label="PDF" size={size} />;
-}
-export function ConfigIcon({ size = 14 }: IconProps) {
-  return (
-    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
-      <path d="M2.5 1h6l3 3v9h-9V1Z" stroke={DIM} strokeWidth="0.9" fill={DIM} fillOpacity="0.07" strokeLinejoin="round" />
-      <path d="M8.5 1v3h3" stroke={DIM} strokeWidth="0.9" fill="none" strokeLinejoin="round" />
-      <circle cx="7" cy="8.5" r="1.3" stroke={DIM} strokeWidth="0.9" />
-      <path d="M7 6.5v.7M7 10.3v.7M5 8.5h.7M8.3 8.5H9M5.5 6.9l.5.5M8.5 9.6l-.5-.5M5.5 10.1l.5-.5M8.5 7.4l-.5.5"
-        stroke={DIM} strokeWidth="0.8" strokeLinecap="round" />
-    </svg>
-  );
-}
-
-// ── Main resolver ─────────────────────────────────────────────────────────
 
 export function getFileIcon(name: string, size = 14): React.ReactNode {
   const lower = name.toLowerCase();
-  const ext = lower.split(".").pop() ?? "";
-
-  if (lower === "dockerfile" || lower.startsWith("dockerfile.")) return <DockerfileIcon size={size} />;
-  if (lower === ".env" || lower.startsWith(".env.")) return <EnvIcon size={size} />;
-  if (lower === ".gitignore" || lower === ".gitattributes" || lower === ".gitmodules") return <GitIcon size={size} />;
-  if (lower === "package-lock.json" || lower === "yarn.lock" || lower === "bun.lock" || lower === "pnpm-lock.yaml" || lower === "cargo.lock") return <LockFileIcon size={size} />;
-  if (lower.endsWith(".config.ts") || lower.endsWith(".config.js") || lower.endsWith(".config.mjs") || lower.endsWith(".config.cjs")) return <ConfigIcon size={size} />;
-  if ([".eslintrc", ".eslintrc.js", ".eslintrc.json", ".eslintrc.yml", "eslint.config.mjs", "eslint.config.js"].includes(lower)) return <ConfigIcon size={size} />;
+  const specialIcon = getSpecialFileIcon(lower);
+  if (specialIcon) return <CatppuccinIcon name={specialIcon} size={size} />;
 
-  switch (ext) {
-    case "ts":      return <TypeScriptIcon size={size} />;
-    case "tsx":     return <TypeScriptReactIcon size={size} />;
-    case "js":
-    case "mjs":
-    case "cjs":     return <JavaScriptIcon size={size} />;
-    case "jsx":     return <JavaScriptReactIcon size={size} />;
-    case "py":      return <PythonIcon size={size} />;
-    case "json":
-    case "jsonl":   return <JsonIcon size={size} />;
-    case "css":
-    case "less":    return <CssIcon size={size} />;
-    case "scss":    return <ScssIcon size={size} />;
-    case "html":
-    case "htm":     return <HtmlIcon size={size} />;
-    case "md":
-    case "mdx":     return <MarkdownIcon size={size} />;
-    case "yaml":
-    case "yml":     return <YamlIcon size={size} />;
-    case "toml":    return <TomlIcon size={size} />;
-    case "sh":
-    case "bash":
-    case "zsh":
-    case "fish":    return <ShellIcon size={size} />;
-    case "rs":      return <RustIcon size={size} />;
-    case "go":      return <GoIcon size={size} />;
-    case "sql":     return <SqlIcon size={size} />;
-    case "graphql":
-    case "gql":     return <GraphqlIcon size={size} />;
-    case "tf":
-    case "hcl":     return <TerraformIcon size={size} />;
-    case "docx":    return <DocFileIcon size={size} />;
-    case "pdf":     return <PdfFileIcon size={size} />;
-    case "lock":    return <LockFileIcon size={size} />;
-    default:        return <GenericFileIcon size={size} />;
-  }
+  const ext = lower.split(".").pop() ?? "";
+  const icon = EXTENSION_ICONS[ext];
+  return icon ? <CatppuccinIcon name={icon} size={size} /> : <GenericFileIcon size={size} />;
 }
diff --git a/public/icons/catppuccin/LICENSE b/public/icons/catppuccin/LICENSE
new file mode 100644
index 000000000..a17469de4
--- /dev/null
+++ b/public/icons/catppuccin/LICENSE
@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2023 Catppuccin
+Copyright (c) 2023 thang-nm
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/public/icons/catppuccin/README.md b/public/icons/catppuccin/README.md
new file mode 100644
index 000000000..274e4d927
--- /dev/null
+++ b/public/icons/catppuccin/README.md
@@ -0,0 +1,8 @@
+# Catppuccin file icons
+
+This directory contains a selected subset of [Catppuccin Icons for VSCode](https://github.com/catppuccin/vscode-icons), version `v1.26.0` (`b6915da9f6889b683a110aa747de96c2820a537d`).
+
+- `latte/` is used in Pi Web's light theme.
+- `mocha/` is used in Pi Web's dark theme.
+
+The copied assets are licensed under the MIT License. See [LICENSE](./LICENSE).
diff --git a/public/icons/catppuccin/latte/_file.svg b/public/icons/catppuccin/latte/_file.svg
new file mode 100644
index 000000000..a3bd1d0ca
--- /dev/null
+++ b/public/icons/catppuccin/latte/_file.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round" d="M13.5 6.5v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h4.01m-.01 0 5 5h-4a1 1 0 01-1-1z" />
+</svg>
diff --git a/public/icons/catppuccin/latte/_folder.svg b/public/icons/catppuccin/latte/_folder.svg
new file mode 100644
index 000000000..de099faba
--- /dev/null
+++ b/public/icons/catppuccin/latte/_folder.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+</svg>
diff --git a/public/icons/catppuccin/latte/_folder_open.svg b/public/icons/catppuccin/latte/_folder_open.svg
new file mode 100644
index 000000000..0e3967c74
--- /dev/null
+++ b/public/icons/catppuccin/latte/_folder_open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round" d="m1.87 8 .7-2.74a1 1 0 01.96-.76h10.94a1 1 0 01.97 1.24l-1.75 7a1 1 0 01-.97.76H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+</svg>
diff --git a/public/icons/catppuccin/latte/bash.svg b/public/icons/catppuccin/latte/bash.svg
new file mode 100644
index 000000000..0224341e3
--- /dev/null
+++ b/public/icons/catppuccin/latte/bash.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#40a02b" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M2 15.5c-.7 0-1.5-.8-1.5-1.5V5c0-.7.8-1.5 1.5-1.5h9c.7 0 1.5.8 1.5 1.5v9c0 .7-.8 1.5-1.5 1.5z" />
+		<path d="m1.2 3.8 3.04-2.5S5.17.5 5.7.5h8.4c.66 0 1.4.73 1.4 1.4v7.73a2.7 2.7 0 01-.7 1.75l-2.68 3.51" />
+		<path d="M6 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S3.54 10 4.2 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25M4.5 6.5v1m0 5v1" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/bun-lock.svg b/public/icons/catppuccin/latte/bun-lock.svg
new file mode 100644
index 000000000..32b5b5f54
--- /dev/null
+++ b/public/icons/catppuccin/latte/bun-lock.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#8c8fa1" d="M15 11.51c.28 0 .5.23.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.27.22-.5.5-.5zm-4 0v-1.5a1.5 1.5 0 113 0v1.5" />
+		<path stroke="#dc8a78" d="M14.5 7.01c0-3.69-4.2-5.57-7-6.5-2.8.93-7 2.81-7 6.5 0 4.85 5.13 5.5 7 5.5" />
+		<path stroke="#e64553" d="M5.5 8.51h4c-.67.67-1.33 1-2 1s-1.33-.33-2-1" />
+		<path stroke="#4c4f69" d="M5 6.51a.5.5 0 100-1 .5.5 0 000 1m5 0a.5.5 0 100-1 .5.5 0 000 1" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/config.svg b/public/icons/catppuccin/latte/config.svg
new file mode 100644
index 000000000..5c59073b3
--- /dev/null
+++ b/public/icons/catppuccin/latte/config.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#8c8fa1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.711" d="m7.997 9.694a1.726 1.695 0 1 0 0-3.39 1.726 1.695 0 0 0 0 3.39m3.021-6.78 3.021 5.085-3.021 5.085h-6.042l-3.021-5.085 3.021-5.085z" />
+</svg>
diff --git a/public/icons/catppuccin/latte/css.svg b/public/icons/catppuccin/latte/css.svg
new file mode 100644
index 000000000..d3a631e4a
--- /dev/null
+++ b/public/icons/catppuccin/latte/css.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#8839ef" stroke-linecap="round" stroke-linejoin="round">
+		<path d="m4 1.5h8c1.38 0 2.5 1.12 2.5 2.5v8c0 1.38-1.12 2.5-2.5 2.5h-8c-1.38 0-2.5-1.12-2.5-2.5v-8c0-1.38 1.12-2.5 2.5-2.5z" />
+		<path stroke-width=".814" d="m 10.240861,11.529149 c 0,0.58011 0.437448,1.039154 0.96002,1.035371 l 0.451635,-0.0032 c 0.522572,-0.0036 0.949379,-0.451477 0.949379,-1.032848 0,-0.581372 -0.426807,-1.065638 -0.949379,-1.065638 l -0.451635,3.4e-5 c -0.522572,3.9e-5 -0.949379,-0.4855273 -0.949379,-1.0656374 0,-0.5801104 0.426807,-1.0378931 0.949379,-1.0378931 l 0.451635,2.825e-4 c 0.522572,3.267e-4 0.951743,0.4577827 0.951743,1.0378931 M 6.8003972,11.529149 c 0,0.58011 0.4374474,1.039154 0.9600196,1.035371 l 0.46464,-0.0032 c 0.5225722,-0.0035 0.9363738,-0.451477 0.9363738,-1.031587 0,-0.580111 -0.4090724,-1.065638 -0.9316446,-1.065638 l -0.4693692,3.4e-5 c -0.5225722,3.8e-5 -0.949379,-0.4855272 -0.949379,-1.0656373 0,-0.5801104 0.4268068,-1.0378931 0.949379,-1.0378931 h 0.4516348 c 0.5225722,0 0.9635665,0.4577827 0.9635665,1.0378931 M 3.4072246,11.529149 c 0,0.58011 0.4374474,1.051765 0.9600196,1.051765 H 4.818879 c 0.5225722,0 0.949379,-0.456521 0.949379,-1.037893 m 0.01129,-2.1312747 c 0,-0.5801103 -0.4374474,-1.037893 -0.9600196,-1.037893 L 4.3678939,8.3741358 C 3.8453217,8.3744624 3.4078743,8.8420074 3.4078743,9.4233788 v 2.1186642" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/database.svg b/public/icons/catppuccin/latte/database.svg
new file mode 100644
index 000000000..a94da60ff
--- /dev/null
+++ b/public/icons/catppuccin/latte/database.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round" d="M8 6.5c3.59 0 6.5-1.4 6.5-2.68S11.59 1.5 8 1.5 1.5 2.54 1.5 3.82 4.41 6.5 8 6.5M14.5 8c0 .83-1.24 1.79-3.25 2.2s-4.49.41-6.5 0S1.5 8.83 1.5 8m13 4.18c0 .83-1.24 1.6-3.25 2-2.01.42-4.49.42-6.5 0-2.01-.4-3.25-1.17-3.25-2m0-8.3v8.3m13-8.3v8.3" />
+</svg>
diff --git a/public/icons/catppuccin/latte/docker.svg b/public/icons/catppuccin/latte/docker.svg
new file mode 100644
index 000000000..e616b6e0c
--- /dev/null
+++ b/public/icons/catppuccin/latte/docker.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round" d="M.5 8.5H11l.75-.5a5.35 5.35 0 010-3.5c1 .6 1 1.88 1.74 2 .77-.09 1.23.01 2 .52 0 0-.97 1.77-2.5 1.98-1.93 3.65-4.5 5.5-6.98 5.5C0 14.5.5 8.5.5 8.5m1 0v-2m0 0h8m-6 2v-4m0 0h4m-2-2h2m-2 6v-6m2 6v-6m2 6v-2" />
+</svg>
diff --git a/public/icons/catppuccin/latte/env.svg b/public/icons/catppuccin/latte/env.svg
new file mode 100644
index 000000000..b71316d6d
--- /dev/null
+++ b/public/icons/catppuccin/latte/env.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round" d="M5.5 8.5V12m0-6.5V4m0 4.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3m5 3.5v-1.5m0-3V4m0 6.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+</svg>
diff --git a/public/icons/catppuccin/latte/eslint.svg b/public/icons/catppuccin/latte/eslint.svg
new file mode 100644
index 000000000..5420ddbcd
--- /dev/null
+++ b/public/icons/catppuccin/latte/eslint.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#8839ef" d="M11.71 1.5 15.42 8l-3.71 6.5H4.29L.58 8l3.71-6.5z" />
+		<path stroke="#7287fd" d="m8 4.07 3.5 1.97v3.92L8 11.93 4.5 9.96V6.04z" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/git.svg b/public/icons/catppuccin/latte/git.svg
new file mode 100644
index 000000000..25fe218af
--- /dev/null
+++ b/public/icons/catppuccin/latte/git.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#4c4f69" d="M8.5 10.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0-6a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m3 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-4-2v4m-1-6-1-1m4 4-1-1" />
+		<path stroke="#fe640b" d="m9.06 1.06 5.88 5.88a1.5 1.5 0 010 2.12l-5.88 5.88a1.5 1.5 0 01-2.12 0L1.06 9.06a1.5 1.5 0 010-2.12l5.88-5.88a1.5 1.5 0 012.12 0" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/go.svg b/public/icons/catppuccin/latte/go.svg
new file mode 100644
index 000000000..28b030702
--- /dev/null
+++ b/public/icons/catppuccin/latte/go.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#209fb5" stroke-linecap="round" stroke-linejoin="round" d="m15.48 8.06-4.85.48m4.85-.48a4.98 4.98 0 01-4.54 5.42 5 5 0 112.95-8.66l-1.7 1.84a2.5 2.5 0 00-4.18 2.06c.05.57.3 1.1.69 1.51.25.27 1 .83 1.78.82.8-.02 1.58-.25 2.07-.81 0 0 .8-.96.68-1.88M2.5 8.5l-2 .01m1.5 2h1.5m-2-3.99 2-.02" />
+</svg>
diff --git a/public/icons/catppuccin/latte/graphql.svg b/public/icons/catppuccin/latte/graphql.svg
new file mode 100644
index 000000000..d937a0add
--- /dev/null
+++ b/public/icons/catppuccin/latte/graphql.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#ea76cb" stroke-linecap="round" stroke-linejoin="round" d="M9 1.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0 7a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m11 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5.5-10a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-12 1v5m11-5v5m-10 1h9m-6 2.5-3-1.5m6 1.5 3-1.5m-9-2 4-8m5 8-4-8m-5 1 3-1.5m3 0 3 1.5" />
+</svg>
diff --git a/public/icons/catppuccin/latte/html.svg b/public/icons/catppuccin/latte/html.svg
new file mode 100644
index 000000000..09fe51166
--- /dev/null
+++ b/public/icons/catppuccin/latte/html.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#fe640b" d="M1.5 1.5h13L13 13l-5 2-5-2z" />
+		<path stroke="#4c4f69" d="M11 4.5H5l.25 3h5.5l-.25 3-2.5 1-2.5-1-.08-1" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/javascript-react.svg b/public/icons/catppuccin/latte/javascript-react.svg
new file mode 100644
index 000000000..be3e8428a
--- /dev/null
+++ b/public/icons/catppuccin/latte/javascript-react.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#04a5e5" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M8 10.8c4.14 0 7.5-1.25 7.5-2.8S12.14 5.2 8 5.2.5 6.45.5 8s3.36 2.8 7.5 2.8" />
+		<path d="M5.52 9.4c2.07 3.5 4.86 5.72 6.23 4.95 1.37-.78.8-4.24-1.27-7.75C8.41 3.1 5.62.88 4.25 1.65c-1.37.78-.8 4.24 1.27 7.75" />
+		<path d="M5.52 6.6c-2.07 3.5-2.64 6.97-1.27 7.75 1.37.77 4.16-1.45 6.23-4.95s2.64-6.97 1.27-7.75C10.38.88 7.59 3.1 5.52 6.6" />
+		<path d="M8.5 8a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/javascript.svg b/public/icons/catppuccin/latte/javascript.svg
new file mode 100644
index 000000000..6886c8126
--- /dev/null
+++ b/public/icons/catppuccin/latte/javascript.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M4.5 11c0 .828427.6715729 1.5 1.5 1.5.8284271 0 1.5-.671573 1.5-1.5V7.5M12.5 8.75C12.5 8.05964406 11.9627417 7.5 11.3 7.5L10.7 7.5C10.0372583 7.5 9.5 8.05964406 9.5 8.75 9.5 9.44035594 10.0372583 10 10.7 10L11.3 10C11.9627417 10 12.5 10.5596441 12.5 11.25 12.5 11.9403559 11.9627417 12.5 11.3 12.5L10.7 12.5C10.0372583 12.5 9.5 11.9403559 9.5 11.25" />
+		<path d="m 4,1.5 h 8 c 1.385,0 2.5,1.115 2.5,2.5 v 8 c 0,1.385 -1.115,2.5 -2.5,2.5 H 4 C 2.615,14.5 1.5,13.385 1.5,12 V 4 C 1.5,2.615 2.615,1.5 4,1.5 Z" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/json.svg b/public/icons/catppuccin/latte/json.svg
new file mode 100644
index 000000000..472329ca6
--- /dev/null
+++ b/public/icons/catppuccin/latte/json.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2 .83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1" />
+</svg>
diff --git a/public/icons/catppuccin/latte/lock.svg b/public/icons/catppuccin/latte/lock.svg
new file mode 100644
index 000000000..d9cabc21a
--- /dev/null
+++ b/public/icons/catppuccin/latte/lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#8c8fa1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.744" d="m12.36 7.104c0.4817 0 0.8722 0.3903 0.8722 0.8717v5.23c0 0.4814-0.3905 0.8717-0.8722 0.8717h-8.721c-0.4817 0-0.8722-0.3903-0.8722-0.8717v-5.23c0-0.4814 0.3905-0.8717 0.8722-0.8717zm-6.977 0v-2.616c0-1.445 1.172-2.616 2.617-2.616 1.445 0 2.617 1.171 2.617 2.616v2.616" />
+</svg>
diff --git a/public/icons/catppuccin/latte/markdown.svg b/public/icons/catppuccin/latte/markdown.svg
new file mode 100644
index 000000000..5c2de66fb
--- /dev/null
+++ b/public/icons/catppuccin/latte/markdown.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#209fb5" stroke-linecap="round" stroke-linejoin="round" d="m9.25 8.25 2.25 2.25 2.25-2.25M3.5 11V5.5l2.04 3 1.96-3V11m4-.5V5M1.65 2.5h12.7c.59 0 1.15.49 1.15 1v9c0 .51-.56 1-1.15 1H1.65c-.59 0-1.15-.49-1.15-1V3.58c0-.5.56-1.08 1.15-1.08" />
+</svg>
diff --git a/public/icons/catppuccin/latte/ms-word.svg b/public/icons/catppuccin/latte/ms-word.svg
new file mode 100644
index 000000000..7af20ae11
--- /dev/null
+++ b/public/icons/catppuccin/latte/ms-word.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M2.5 3.13c0-.77.86-1.63 1.62-1.63h9.76c.76 0 1.62.86 1.62 1.63v9.75c0 .76-.86 1.62-1.62 1.62H4.13c-.77 0-1.63-.86-1.63-1.62" />
+		<path d="m.5 5.5 1 5 1-5 1 5 .97-5m3.03 1h4m-4 3h4" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/next.svg b/public/icons/catppuccin/latte/next.svg
new file mode 100644
index 000000000..008a1b9a1
--- /dev/null
+++ b/public/icons/catppuccin/latte/next.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M12.33 12.85a6.5 6.5 0 111.55-2.08" />
+		<path d="M12.33 12.85 5.5 4.5v7m5-7v3" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/npm-lock.svg b/public/icons/catppuccin/latte/npm-lock.svg
new file mode 100644
index 000000000..d8f3abc9a
--- /dev/null
+++ b/public/icons/catppuccin/latte/npm-lock.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#8c8fa1" d="M15 11.5c.27 0 .5.22.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.28.22-.5.5-.5zm-4 0V10a1.5 1.5 0 013 0v1.5" />
+		<path stroke="#4c4f69" d="M9.5 9V5.5h-2v6h-4v-8h8v3" />
+		<path stroke="#d20f39" d="M7.54 13.5H3A1.5 1.5 0 011.5 12V3c0-.83.67-1.5 1.5-1.5h9c.83 0 1.5.67 1.5 1.5v3.5" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/pdf.svg b/public/icons/catppuccin/latte/pdf.svg
new file mode 100644
index 000000000..b8fef72a6
--- /dev/null
+++ b/public/icons/catppuccin/latte/pdf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#d20f39" stroke-linecap="round" stroke-linejoin="round" d="M2.8 14.34c1.81-1.25 3.02-3.16 3.91-5.5.9-2.33 1.86-4.33 1.44-6.63-.06-.36-.57-.73-.83-.7-1.02.06-.95 1.21-.85 1.9.24 1.71 1.56 3.7 2.84 5.56 1.27 1.87 2.32 2.16 3.78 2.26.5.03 1.25-.14 1.37-.58.77-2.8-9.02-.54-12.28 2.08-.4.33-.86 1-.6 1.46.2.36.87.4 1.23.15h0Z" />
+</svg>
diff --git a/public/icons/catppuccin/latte/python.svg b/public/icons/catppuccin/latte/python.svg
new file mode 100644
index 000000000..57ff32a5d
--- /dev/null
+++ b/public/icons/catppuccin/latte/python.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#1e66f5" d="M8.5 5.5h-3m6 0V3c0-.8-.7-1.5-1.5-1.5H7c-.8 0-1.5.7-1.5 1.5v2.5H3c-.8 0-1.5.7-1.5 1.5v2c0 .8.7 1.5 1.48 1.5" />
+		<path stroke="#df8e1d" d="M10.5 10.5h-3m-3 0V13c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5v-2.5H13c.8 0 1.5-.7 1.5-1.5V7c0-.8-.7-1.5-1.48-1.5H11.5c0 1.5 0 2-1 2h-2" />
+		<path stroke="#1e66f5" d="M2.98 10.5H4.5c0-1.5 0-2 1-2h2M7.5 3.5v0" />
+		<path stroke="#df8e1d" d="m 8.5,12.5 v 0" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/rust.svg b/public/icons/catppuccin/latte/rust.svg
new file mode 100644
index 000000000..6f604661e
--- /dev/null
+++ b/public/icons/catppuccin/latte/rust.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#fe640b" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M15.5 9.5Q8 13.505.5 9.5l1-1-1-2 2-.5V4.5h2l.5-2 1.5 1 1.5-2 1.5 2 1.5-1 .5 2h2V6l2 .5-1 2z" />
+		<path d="M6.5 7.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1M4 11.02c-.67.37-1.5.98-1.5 2.23s1.22 1.22 2 1.25v-2M12 11c.67.37 1.5 1 1.5 2.25s-1.22 1.22-2 1.25v-2" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/sass.svg b/public/icons/catppuccin/latte/sass.svg
new file mode 100644
index 000000000..d1ca68d67
--- /dev/null
+++ b/public/icons/catppuccin/latte/sass.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#ea76cb" stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.38c1.85 1.07 3.35.74 4.83-.2 1.5-.95 2.7-2.78 1.3-4.15-.7-.68-3.25-.8-5.62.19-2.36.99-4.59 3.02-4.74 4.11-.31 2.19 3.15 2.88 3.64 4.23s.28 1.98-.2 2.83c-.5.85-1.96 1.62-2.8.68-.83-.95 1.67-2.75 2.98-3.25 1.3-.5 3.1-.4 3.69.25.58.64-.07 1.79-.03 1.79" />
+</svg>
diff --git a/public/icons/catppuccin/latte/terraform.svg b/public/icons/catppuccin/latte/terraform.svg
new file mode 100644
index 000000000..80b3c9363
--- /dev/null
+++ b/public/icons/catppuccin/latte/terraform.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#8839ef" stroke-linecap="round" stroke-linejoin="round" d="m1.5 6 8 4.25 4-2.25m-12-2V1.5l8 4.25 4-2.25V8m-4-2.25v8.75M5.53 3.82 5.5 12.5l4 2" />
+</svg>
diff --git a/public/icons/catppuccin/latte/toml.svg b/public/icons/catppuccin/latte/toml.svg
new file mode 100644
index 000000000..2290522ef
--- /dev/null
+++ b/public/icons/catppuccin/latte/toml.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#e64553" stroke-linecap="round" stroke-linejoin="round" d="M3.5 1.5h-2v13h2m9-13h2v13h-2m-8-11h7v3h-2v6h-3v-6h-2z" />
+</svg>
diff --git a/public/icons/catppuccin/latte/typescript-react.svg b/public/icons/catppuccin/latte/typescript-react.svg
new file mode 100644
index 000000000..a63329ba6
--- /dev/null
+++ b/public/icons/catppuccin/latte/typescript-react.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M8 11.3c4.14 0 7.5-1.28 7.5-2.86S12.14 5.58 8 5.58.5 6.86.5 8.44s3.36 2.87 7.5 2.87Z" />
+		<path d="M5.52 9.87c2.07 3.6 4.86 5.86 6.23 5.07 1.37-.8.8-4.34-1.27-7.93S5.62 1.16 4.25 1.95s-.8 4.34 1.27 7.92" />
+		<path d="M5.52 7.01c-2.07 3.59-2.64 7.14-1.27 7.93s4.16-1.48 6.23-5.07c2.07-3.58 2.64-7.13 1.27-7.92-1.37-.8-4.16 1.47-6.23 5.06" />
+		<path d="M8.5 8.44a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/typescript.svg b/public/icons/catppuccin/latte/typescript.svg
new file mode 100644
index 000000000..18d0b1ad5
--- /dev/null
+++ b/public/icons/catppuccin/latte/typescript.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+		<path d="M12.5 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S10.04 10 10.7 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25m-3-3.75v5M5 7.5h3" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/latte/yaml.svg b/public/icons/catppuccin/latte/yaml.svg
new file mode 100644
index 000000000..75261fbf6
--- /dev/null
+++ b/public/icons/catppuccin/latte/yaml.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#d20f39" stroke-linecap="round" stroke-linejoin="round" d="M2.5 1.5h3l3 4 3-4h3l-9 13h-3L7 8z" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/_file.svg b/public/icons/catppuccin/mocha/_file.svg
new file mode 100644
index 000000000..02ad12fe2
--- /dev/null
+++ b/public/icons/catppuccin/mocha/_file.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round" d="M13.5 6.5v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h4.01m-.01 0 5 5h-4a1 1 0 01-1-1z" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/_folder.svg b/public/icons/catppuccin/mocha/_folder.svg
new file mode 100644
index 000000000..6a5216982
--- /dev/null
+++ b/public/icons/catppuccin/mocha/_folder.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/_folder_open.svg b/public/icons/catppuccin/mocha/_folder_open.svg
new file mode 100644
index 000000000..e66842a24
--- /dev/null
+++ b/public/icons/catppuccin/mocha/_folder_open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round" d="m1.87 8 .7-2.74a1 1 0 01.96-.76h10.94a1 1 0 01.97 1.24l-1.75 7a1 1 0 01-.97.76H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/bash.svg b/public/icons/catppuccin/mocha/bash.svg
new file mode 100644
index 000000000..cd7f25b93
--- /dev/null
+++ b/public/icons/catppuccin/mocha/bash.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#a6e3a1" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M2 15.5c-.7 0-1.5-.8-1.5-1.5V5c0-.7.8-1.5 1.5-1.5h9c.7 0 1.5.8 1.5 1.5v9c0 .7-.8 1.5-1.5 1.5z" />
+		<path d="m1.2 3.8 3.04-2.5S5.17.5 5.7.5h8.4c.66 0 1.4.73 1.4 1.4v7.73a2.7 2.7 0 01-.7 1.75l-2.68 3.51" />
+		<path d="M6 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S3.54 10 4.2 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25M4.5 6.5v1m0 5v1" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/bun-lock.svg b/public/icons/catppuccin/mocha/bun-lock.svg
new file mode 100644
index 000000000..91474632e
--- /dev/null
+++ b/public/icons/catppuccin/mocha/bun-lock.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#7f849c" d="M15 11.51c.28 0 .5.23.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.27.22-.5.5-.5zm-4 0v-1.5a1.5 1.5 0 113 0v1.5" />
+		<path stroke="#f5e0dc" d="M14.5 7.01c0-3.69-4.2-5.57-7-6.5-2.8.93-7 2.81-7 6.5 0 4.85 5.13 5.5 7 5.5" />
+		<path stroke="#eba0ac" d="M5.5 8.51h4c-.67.67-1.33 1-2 1s-1.33-.33-2-1" />
+		<path stroke="#cdd6f4" d="M5 6.51a.5.5 0 100-1 .5.5 0 000 1m5 0a.5.5 0 100-1 .5.5 0 000 1" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/config.svg b/public/icons/catppuccin/mocha/config.svg
new file mode 100644
index 000000000..b54c7f89c
--- /dev/null
+++ b/public/icons/catppuccin/mocha/config.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#7f849c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.711" d="m7.997 9.694a1.726 1.695 0 1 0 0-3.39 1.726 1.695 0 0 0 0 3.39m3.021-6.78 3.021 5.085-3.021 5.085h-6.042l-3.021-5.085 3.021-5.085z" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/css.svg b/public/icons/catppuccin/mocha/css.svg
new file mode 100644
index 000000000..e263e090c
--- /dev/null
+++ b/public/icons/catppuccin/mocha/css.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#cba6f7" stroke-linecap="round" stroke-linejoin="round">
+		<path d="m4 1.5h8c1.38 0 2.5 1.12 2.5 2.5v8c0 1.38-1.12 2.5-2.5 2.5h-8c-1.38 0-2.5-1.12-2.5-2.5v-8c0-1.38 1.12-2.5 2.5-2.5z" />
+		<path stroke-width=".814" d="m 10.240861,11.529149 c 0,0.58011 0.437448,1.039154 0.96002,1.035371 l 0.451635,-0.0032 c 0.522572,-0.0036 0.949379,-0.451477 0.949379,-1.032848 0,-0.581372 -0.426807,-1.065638 -0.949379,-1.065638 l -0.451635,3.4e-5 c -0.522572,3.9e-5 -0.949379,-0.4855273 -0.949379,-1.0656374 0,-0.5801104 0.426807,-1.0378931 0.949379,-1.0378931 l 0.451635,2.825e-4 c 0.522572,3.267e-4 0.951743,0.4577827 0.951743,1.0378931 M 6.8003972,11.529149 c 0,0.58011 0.4374474,1.039154 0.9600196,1.035371 l 0.46464,-0.0032 c 0.5225722,-0.0035 0.9363738,-0.451477 0.9363738,-1.031587 0,-0.580111 -0.4090724,-1.065638 -0.9316446,-1.065638 l -0.4693692,3.4e-5 c -0.5225722,3.8e-5 -0.949379,-0.4855272 -0.949379,-1.0656373 0,-0.5801104 0.4268068,-1.0378931 0.949379,-1.0378931 h 0.4516348 c 0.5225722,0 0.9635665,0.4577827 0.9635665,1.0378931 M 3.4072246,11.529149 c 0,0.58011 0.4374474,1.051765 0.9600196,1.051765 H 4.818879 c 0.5225722,0 0.949379,-0.456521 0.949379,-1.037893 m 0.01129,-2.1312747 c 0,-0.5801103 -0.4374474,-1.037893 -0.9600196,-1.037893 L 4.3678939,8.3741358 C 3.8453217,8.3744624 3.4078743,8.8420074 3.4078743,9.4233788 v 2.1186642" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/database.svg b/public/icons/catppuccin/mocha/database.svg
new file mode 100644
index 000000000..44cd9b16b
--- /dev/null
+++ b/public/icons/catppuccin/mocha/database.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round" d="M8 6.5c3.59 0 6.5-1.4 6.5-2.68S11.59 1.5 8 1.5 1.5 2.54 1.5 3.82 4.41 6.5 8 6.5M14.5 8c0 .83-1.24 1.79-3.25 2.2s-4.49.41-6.5 0S1.5 8.83 1.5 8m13 4.18c0 .83-1.24 1.6-3.25 2-2.01.42-4.49.42-6.5 0-2.01-.4-3.25-1.17-3.25-2m0-8.3v8.3m13-8.3v8.3" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/docker.svg b/public/icons/catppuccin/mocha/docker.svg
new file mode 100644
index 000000000..02a916178
--- /dev/null
+++ b/public/icons/catppuccin/mocha/docker.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round" d="M.5 8.5H11l.75-.5a5.35 5.35 0 010-3.5c1 .6 1 1.88 1.74 2 .77-.09 1.23.01 2 .52 0 0-.97 1.77-2.5 1.98-1.93 3.65-4.5 5.5-6.98 5.5C0 14.5.5 8.5.5 8.5m1 0v-2m0 0h8m-6 2v-4m0 0h4m-2-2h2m-2 6v-6m2 6v-6m2 6v-2" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/env.svg b/public/icons/catppuccin/mocha/env.svg
new file mode 100644
index 000000000..4a444fda7
--- /dev/null
+++ b/public/icons/catppuccin/mocha/env.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round" d="M5.5 8.5V12m0-6.5V4m0 4.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3m5 3.5v-1.5m0-3V4m0 6.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/eslint.svg b/public/icons/catppuccin/mocha/eslint.svg
new file mode 100644
index 000000000..1543d1b15
--- /dev/null
+++ b/public/icons/catppuccin/mocha/eslint.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#cba6f7" d="M11.71 1.5 15.42 8l-3.71 6.5H4.29L.58 8l3.71-6.5z" />
+		<path stroke="#b4befe" d="m8 4.07 3.5 1.97v3.92L8 11.93 4.5 9.96V6.04z" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/git.svg b/public/icons/catppuccin/mocha/git.svg
new file mode 100644
index 000000000..f66c6e510
--- /dev/null
+++ b/public/icons/catppuccin/mocha/git.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#cdd6f4" d="M8.5 10.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0-6a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m3 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-4-2v4m-1-6-1-1m4 4-1-1" />
+		<path stroke="#fab387" d="m9.06 1.06 5.88 5.88a1.5 1.5 0 010 2.12l-5.88 5.88a1.5 1.5 0 01-2.12 0L1.06 9.06a1.5 1.5 0 010-2.12l5.88-5.88a1.5 1.5 0 012.12 0" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/go.svg b/public/icons/catppuccin/mocha/go.svg
new file mode 100644
index 000000000..9c402b3eb
--- /dev/null
+++ b/public/icons/catppuccin/mocha/go.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#74c7ec" stroke-linecap="round" stroke-linejoin="round" d="m15.48 8.06-4.85.48m4.85-.48a4.98 4.98 0 01-4.54 5.42 5 5 0 112.95-8.66l-1.7 1.84a2.5 2.5 0 00-4.18 2.06c.05.57.3 1.1.69 1.51.25.27 1 .83 1.78.82.8-.02 1.58-.25 2.07-.81 0 0 .8-.96.68-1.88M2.5 8.5l-2 .01m1.5 2h1.5m-2-3.99 2-.02" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/graphql.svg b/public/icons/catppuccin/mocha/graphql.svg
new file mode 100644
index 000000000..6425cd4ba
--- /dev/null
+++ b/public/icons/catppuccin/mocha/graphql.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f5c2e7" stroke-linecap="round" stroke-linejoin="round" d="M9 1.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0 7a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m11 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5.5-10a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-12 1v5m11-5v5m-10 1h9m-6 2.5-3-1.5m6 1.5 3-1.5m-9-2 4-8m5 8-4-8m-5 1 3-1.5m3 0 3 1.5" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/html.svg b/public/icons/catppuccin/mocha/html.svg
new file mode 100644
index 000000000..756a2515d
--- /dev/null
+++ b/public/icons/catppuccin/mocha/html.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#fab387" d="M1.5 1.5h13L13 13l-5 2-5-2z" />
+		<path stroke="#cdd6f4" d="M11 4.5H5l.25 3h5.5l-.25 3-2.5 1-2.5-1-.08-1" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/javascript-react.svg b/public/icons/catppuccin/mocha/javascript-react.svg
new file mode 100644
index 000000000..f350d827c
--- /dev/null
+++ b/public/icons/catppuccin/mocha/javascript-react.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#89dceb" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M8 10.8c4.14 0 7.5-1.25 7.5-2.8S12.14 5.2 8 5.2.5 6.45.5 8s3.36 2.8 7.5 2.8" />
+		<path d="M5.52 9.4c2.07 3.5 4.86 5.72 6.23 4.95 1.37-.78.8-4.24-1.27-7.75C8.41 3.1 5.62.88 4.25 1.65c-1.37.78-.8 4.24 1.27 7.75" />
+		<path d="M5.52 6.6c-2.07 3.5-2.64 6.97-1.27 7.75 1.37.77 4.16-1.45 6.23-4.95s2.64-6.97 1.27-7.75C10.38.88 7.59 3.1 5.52 6.6" />
+		<path d="M8.5 8a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/javascript.svg b/public/icons/catppuccin/mocha/javascript.svg
new file mode 100644
index 000000000..8647aee9c
--- /dev/null
+++ b/public/icons/catppuccin/mocha/javascript.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M4.5 11c0 .828427.6715729 1.5 1.5 1.5.8284271 0 1.5-.671573 1.5-1.5V7.5M12.5 8.75C12.5 8.05964406 11.9627417 7.5 11.3 7.5L10.7 7.5C10.0372583 7.5 9.5 8.05964406 9.5 8.75 9.5 9.44035594 10.0372583 10 10.7 10L11.3 10C11.9627417 10 12.5 10.5596441 12.5 11.25 12.5 11.9403559 11.9627417 12.5 11.3 12.5L10.7 12.5C10.0372583 12.5 9.5 11.9403559 9.5 11.25" />
+		<path d="m 4,1.5 h 8 c 1.385,0 2.5,1.115 2.5,2.5 v 8 c 0,1.385 -1.115,2.5 -2.5,2.5 H 4 C 2.615,14.5 1.5,13.385 1.5,12 V 4 C 1.5,2.615 2.615,1.5 4,1.5 Z" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/json.svg b/public/icons/catppuccin/mocha/json.svg
new file mode 100644
index 000000000..1b7b2bd72
--- /dev/null
+++ b/public/icons/catppuccin/mocha/json.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2 .83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/lock.svg b/public/icons/catppuccin/mocha/lock.svg
new file mode 100644
index 000000000..44ed745b0
--- /dev/null
+++ b/public/icons/catppuccin/mocha/lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#7f849c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.744" d="m12.36 7.104c0.4817 0 0.8722 0.3903 0.8722 0.8717v5.23c0 0.4814-0.3905 0.8717-0.8722 0.8717h-8.721c-0.4817 0-0.8722-0.3903-0.8722-0.8717v-5.23c0-0.4814 0.3905-0.8717 0.8722-0.8717zm-6.977 0v-2.616c0-1.445 1.172-2.616 2.617-2.616 1.445 0 2.617 1.171 2.617 2.616v2.616" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/markdown.svg b/public/icons/catppuccin/mocha/markdown.svg
new file mode 100644
index 000000000..5aef18a99
--- /dev/null
+++ b/public/icons/catppuccin/mocha/markdown.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#74c7ec" stroke-linecap="round" stroke-linejoin="round" d="m9.25 8.25 2.25 2.25 2.25-2.25M3.5 11V5.5l2.04 3 1.96-3V11m4-.5V5M1.65 2.5h12.7c.59 0 1.15.49 1.15 1v9c0 .51-.56 1-1.15 1H1.65c-.59 0-1.15-.49-1.15-1V3.58c0-.5.56-1.08 1.15-1.08" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/ms-word.svg b/public/icons/catppuccin/mocha/ms-word.svg
new file mode 100644
index 000000000..5c86c1724
--- /dev/null
+++ b/public/icons/catppuccin/mocha/ms-word.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M2.5 3.13c0-.77.86-1.63 1.62-1.63h9.76c.76 0 1.62.86 1.62 1.63v9.75c0 .76-.86 1.62-1.62 1.62H4.13c-.77 0-1.63-.86-1.63-1.62" />
+		<path d="m.5 5.5 1 5 1-5 1 5 .97-5m3.03 1h4m-4 3h4" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/next.svg b/public/icons/catppuccin/mocha/next.svg
new file mode 100644
index 000000000..f5ccf1571
--- /dev/null
+++ b/public/icons/catppuccin/mocha/next.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M12.33 12.85a6.5 6.5 0 111.55-2.08" />
+		<path d="M12.33 12.85 5.5 4.5v7m5-7v3" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/npm-lock.svg b/public/icons/catppuccin/mocha/npm-lock.svg
new file mode 100644
index 000000000..9e1312686
--- /dev/null
+++ b/public/icons/catppuccin/mocha/npm-lock.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#7f849c" d="M15 11.5c.27 0 .5.22.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.28.22-.5.5-.5zm-4 0V10a1.5 1.5 0 013 0v1.5" />
+		<path stroke="#cdd6f4" d="M9.5 9V5.5h-2v6h-4v-8h8v3" />
+		<path stroke="#f38ba8" d="M7.54 13.5H3A1.5 1.5 0 011.5 12V3c0-.83.67-1.5 1.5-1.5h9c.83 0 1.5.67 1.5 1.5v3.5" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/pdf.svg b/public/icons/catppuccin/mocha/pdf.svg
new file mode 100644
index 000000000..c5c055ebe
--- /dev/null
+++ b/public/icons/catppuccin/mocha/pdf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f38ba8" stroke-linecap="round" stroke-linejoin="round" d="M2.8 14.34c1.81-1.25 3.02-3.16 3.91-5.5.9-2.33 1.86-4.33 1.44-6.63-.06-.36-.57-.73-.83-.7-1.02.06-.95 1.21-.85 1.9.24 1.71 1.56 3.7 2.84 5.56 1.27 1.87 2.32 2.16 3.78 2.26.5.03 1.25-.14 1.37-.58.77-2.8-9.02-.54-12.28 2.08-.4.33-.86 1-.6 1.46.2.36.87.4 1.23.15h0Z" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/python.svg b/public/icons/catppuccin/mocha/python.svg
new file mode 100644
index 000000000..c7100c09e
--- /dev/null
+++ b/public/icons/catppuccin/mocha/python.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+		<path stroke="#89b4fa" d="M8.5 5.5h-3m6 0V3c0-.8-.7-1.5-1.5-1.5H7c-.8 0-1.5.7-1.5 1.5v2.5H3c-.8 0-1.5.7-1.5 1.5v2c0 .8.7 1.5 1.48 1.5" />
+		<path stroke="#f9e2af" d="M10.5 10.5h-3m-3 0V13c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5v-2.5H13c.8 0 1.5-.7 1.5-1.5V7c0-.8-.7-1.5-1.48-1.5H11.5c0 1.5 0 2-1 2h-2" />
+		<path stroke="#89b4fa" d="M2.98 10.5H4.5c0-1.5 0-2 1-2h2M7.5 3.5v0" />
+		<path stroke="#f9e2af" d="m 8.5,12.5 v 0" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/rust.svg b/public/icons/catppuccin/mocha/rust.svg
new file mode 100644
index 000000000..898f91cb4
--- /dev/null
+++ b/public/icons/catppuccin/mocha/rust.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#fab387" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M15.5 9.5Q8 13.505.5 9.5l1-1-1-2 2-.5V4.5h2l.5-2 1.5 1 1.5-2 1.5 2 1.5-1 .5 2h2V6l2 .5-1 2z" />
+		<path d="M6.5 7.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1M4 11.02c-.67.37-1.5.98-1.5 2.23s1.22 1.22 2 1.25v-2M12 11c.67.37 1.5 1 1.5 2.25s-1.22 1.22-2 1.25v-2" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/sass.svg b/public/icons/catppuccin/mocha/sass.svg
new file mode 100644
index 000000000..314f7a84c
--- /dev/null
+++ b/public/icons/catppuccin/mocha/sass.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f5c2e7" stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.38c1.85 1.07 3.35.74 4.83-.2 1.5-.95 2.7-2.78 1.3-4.15-.7-.68-3.25-.8-5.62.19-2.36.99-4.59 3.02-4.74 4.11-.31 2.19 3.15 2.88 3.64 4.23s.28 1.98-.2 2.83c-.5.85-1.96 1.62-2.8.68-.83-.95 1.67-2.75 2.98-3.25 1.3-.5 3.1-.4 3.69.25.58.64-.07 1.79-.03 1.79" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/terraform.svg b/public/icons/catppuccin/mocha/terraform.svg
new file mode 100644
index 000000000..e9e082ea5
--- /dev/null
+++ b/public/icons/catppuccin/mocha/terraform.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#cba6f7" stroke-linecap="round" stroke-linejoin="round" d="m1.5 6 8 4.25 4-2.25m-12-2V1.5l8 4.25 4-2.25V8m-4-2.25v8.75M5.53 3.82 5.5 12.5l4 2" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/toml.svg b/public/icons/catppuccin/mocha/toml.svg
new file mode 100644
index 000000000..6253d3544
--- /dev/null
+++ b/public/icons/catppuccin/mocha/toml.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#eba0ac" stroke-linecap="round" stroke-linejoin="round" d="M3.5 1.5h-2v13h2m9-13h2v13h-2m-8-11h7v3h-2v6h-3v-6h-2z" />
+</svg>
diff --git a/public/icons/catppuccin/mocha/typescript-react.svg b/public/icons/catppuccin/mocha/typescript-react.svg
new file mode 100644
index 000000000..d49514411
--- /dev/null
+++ b/public/icons/catppuccin/mocha/typescript-react.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M8 11.3c4.14 0 7.5-1.28 7.5-2.86S12.14 5.58 8 5.58.5 6.86.5 8.44s3.36 2.87 7.5 2.87Z" />
+		<path d="M5.52 9.87c2.07 3.6 4.86 5.86 6.23 5.07 1.37-.8.8-4.34-1.27-7.93S5.62 1.16 4.25 1.95s-.8 4.34 1.27 7.92" />
+		<path d="M5.52 7.01c-2.07 3.59-2.64 7.14-1.27 7.93s4.16-1.48 6.23-5.07c2.07-3.58 2.64-7.13 1.27-7.92-1.37-.8-4.16 1.47-6.23 5.06" />
+		<path d="M8.5 8.44a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/typescript.svg b/public/icons/catppuccin/mocha/typescript.svg
new file mode 100644
index 000000000..2ddb5d732
--- /dev/null
+++ b/public/icons/catppuccin/mocha/typescript.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<g fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+		<path d="M12.5 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S10.04 10 10.7 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25m-3-3.75v5M5 7.5h3" />
+	</g>
+</svg>
diff --git a/public/icons/catppuccin/mocha/yaml.svg b/public/icons/catppuccin/mocha/yaml.svg
new file mode 100644
index 000000000..74a560e30
--- /dev/null
+++ b/public/icons/catppuccin/mocha/yaml.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path fill="none" stroke="#f38ba8" stroke-linecap="round" stroke-linejoin="round" d="M2.5 1.5h3l3 4 3-4h3l-9 13h-3L7 8z" />
+</svg>