Catppuccin Mocha Colorscheme

[SomeEmptyBox]

this is auto generated by https://github.com/danth/stylix i'm just here to share. you need to put it in userChrome.css

:root {
  /* Palette */
  --gnome-palette-blue-1: #89b4fa;
  --gnome-palette-blue-2: #89b4fa;
  --gnome-palette-blue-3: #89b4fa;
  --gnome-palette-blue-4: #89b4fa;
  --gnome-palette-blue-5: #89b4fa;
  --gnome-palette-green-1: #a6e3a1;
  --gnome-palette-green-2: #a6e3a1;
  --gnome-palette-green-3: #a6e3a1;
  --gnome-palette-green-4: #a6e3a1;
  --gnome-palette-green-5: #a6e3a1;
  --gnome-palette-yellow-1: #f9e2af;
  --gnome-palette-yellow-2: #f9e2af;
  --gnome-palette-yellow-3: #f9e2af;
  --gnome-palette-yellow-4: #f9e2af;
  --gnome-palette-yellow-5: #f9e2af;
  --gnome-palette-orange-1: #fab387;
  --gnome-palette-orange-2: #fab387;
  --gnome-palette-orange-3: #fab387;
  --gnome-palette-orange-4: #fab387;
  --gnome-palette-orange-5: #fab387;
  --gnome-palette-red-1: #f38ba8;
  --gnome-palette-red-2: #f38ba8;
  --gnome-palette-red-3: #f38ba8;
  --gnome-palette-red-4: #f38ba8;
  --gnome-palette-red-5: #f38ba8;
  --gnome-palette-purple-1: #cba6f7;
  --gnome-palette-purple-2: #cba6f7;
  --gnome-palette-purple-3: #cba6f7;
  --gnome-palette-purple-4: #cba6f7;
  --gnome-palette-purple-5: #cba6f7;
  --gnome-palette-brown-1: #f2cdcd;
  --gnome-palette-brown-2: #f2cdcd;
  --gnome-palette-brown-3: #f2cdcd;
  --gnome-palette-brown-4: #f2cdcd;
  --gnome-palette-brown-5: #f2cdcd;
  --gnome-palette-light-1: #181825;
  --gnome-palette-light-2: #181825;
  --gnome-palette-light-3: #181825;
  --gnome-palette-light-4: #181825;
  --gnome-palette-light-5: #181825;
  --gnome-palette-dark-1: #181825;
  --gnome-palette-dark-2: #181825;
  --gnome-palette-dark-3: #181825;
  --gnome-palette-dark-4: #181825;
  --gnome-palette-dark-5: #181825;

  /* Colors */
  --gnome-warning-bg: #cba6f7;

  /* Window */
  --gnome-window-background: #1e1e2e;
  --gnome-window-color: #cdd6f4;
  --gnome-view-background: #1e1e2e;
  --gnome-sidebar-background: #181825;
  --gnome-secondary-sidebar-background: #181825;

  /* Card */
  --gnome-card-background: #181825;
  --gnome-card-shade-color: rgba(0, 0, 0, 0.07);

  /* Menu */
  --gnome-menu-background: #181825;

  /* Headerbar */
  --gnome-headerbar-background: #181825;
  --gnome-headerbar-shade-color: rgba(0, 0, 0, 0.07);

  /* Toolbar */
  --gnome-toolbar-icon-fill: #cdd6f4;

  /* Tabs */
  --gnome-tabbar-tab-hover-background: color-mix(in srgb, #181825, #313244 75%);
  --gnome-tabbar-tab-active-background: #313244;
  --gnome-tabbar-tab-active-background-contrast: #313244;
  --gnome-tabbar-tab-active-hover-background: color-mix(in srgb, #313244, #45475a 25%);

  /* Private Tabs */
  --gnome-private-wordmark: #585b70;
  --gnome-private-in-content-page-background: #1e1e2e;
  --gnome-private-text-primary-color: #585b70;

  &:-moz-window-inactive {
    --gnome-tabbar-tab-hover-background: var(--gnome-tabbar-tab-hover-background);
    --gnome-tabbar-tab-active-background: var(--gnome-tabbar-tab-active-background);
  }
}