Catppuccin Pallette

[larkin1]

Created a Catppuccin Mocha Theme based on #5803. Enjoy!

Looks:

How do I install it?

Go to Settings>System and paste it in the Additional style box under General

CSS:

:root {
  /* Base Colors */
  --background: #181825;
  --foreground: #cdd6f4;

  /* Surface / Card */
  --card: #1e1e2e;
  --card-foreground: #cdd6f4;

  /* Popovers */
  --popover: #11111b;
  --popover-foreground: #cdd6f4;

  /* Primary (Blue) */
  --primary: #89b4fa;
  --primary-foreground: #11111b;

  /* Secondary */
  --secondary: #585b70;
  --secondary-foreground: #cdd6f4;

  /* Muted */
  --muted: #45475a;
  --muted-foreground: #a6adc8;

  /* Accent */
  --accent: #1e1e2e;
  --accent-foreground: #cdd6f4;

  /* Destructive */
  --destructive: #f38ba8;
  --destructive-foreground: #11111b;

  /* Borders */
  --border: #313244;
  --input: #1e1e2e;
  --ring: #585b70;

  /* Sidebar */
  --sidebar: #11111b;
  --sidebar-foreground: #bac2de;
  --sidebar-accent: #313244;
  --sidebar-accent-foreground: #cdd6f4;
}

/* Headers */
h1, .memo-content h1, .markdown-content h1, .prose h1 {
  color: #f9e2af;
}

h2, .memo-content h2, .markdown-content h2, .prose h2 {
  color: #fab387;
}

h3, .memo-content h3, .markdown-content h3, .prose h3 {
  color: #f5c2e7;
}

h4, .memo-content h4, .markdown-content h4, .prose h4 {
  color: #cba6f7;
}

h5, .memo-content h5, .markdown-content h5, .prose h5 {
  color: #89b4fa;
}

h6, .memo-content h6, .markdown-content h6, .prose h6 {
  color: #f38ba8;
}

html,
body {
  color-scheme: dark;
}

.scroll-area {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #585b70 #181825;
}

@media (forced-colors: active) {
  .scroll-area {
    scrollbar-color: auto;
  }
}

.memo-tags .tag,
.memo-tag,
a[href*="/tags/"],
span[class*="tag"] {
  border: none !important;
  box-shadow: none !important;
  color: #7f849c !important;
}