From 2419c8cbaceb40030f59155f42bf5c89292e2dc9 Mon Sep 17 00:00:00 2001
From: CherryKitten <git@cherrykitten.dev>
Date: Sat, 8 Jul 2023 14:23:29 +0200
Subject: [PATCH] Add themes

---
 public/css/theme-catppuccin-frappe-blue.css   | 700 ++++++++++++++++++
 .../css/theme-catppuccin-frappe-flamingo.css  | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-green.css  | 700 ++++++++++++++++++
 .../css/theme-catppuccin-frappe-lavender.css  | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-maroon.css | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-mauve.css  | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-peach.css  | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-pink.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-red.css    | 700 ++++++++++++++++++
 .../css/theme-catppuccin-frappe-rosewater.css | 700 ++++++++++++++++++
 .../css/theme-catppuccin-frappe-sapphire.css  | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-sky.css    | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-teal.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-frappe-yellow.css | 700 ++++++++++++++++++
 public/css/theme-catppuccin-latte-blue.css    | 676 +++++++++++++++++
 .../css/theme-catppuccin-latte-flamingo.css   | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-green.css   | 676 +++++++++++++++++
 .../css/theme-catppuccin-latte-lavender.css   | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-maroon.css  | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-mauve.css   | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-peach.css   | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-pink.css    | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-red.css     | 676 +++++++++++++++++
 .../css/theme-catppuccin-latte-rosewater.css  | 676 +++++++++++++++++
 .../css/theme-catppuccin-latte-sapphire.css   | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-sky.css     | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-teal.css    | 676 +++++++++++++++++
 public/css/theme-catppuccin-latte-yellow.css  | 676 +++++++++++++++++
 .../css/theme-catppuccin-macchiato-blue.css   | 700 ++++++++++++++++++
 .../theme-catppuccin-macchiato-flamingo.css   | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-green.css  | 700 ++++++++++++++++++
 .../theme-catppuccin-macchiato-lavender.css   | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-maroon.css | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-mauve.css  | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-peach.css  | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-pink.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-macchiato-red.css | 700 ++++++++++++++++++
 .../theme-catppuccin-macchiato-rosewater.css  | 700 ++++++++++++++++++
 .../theme-catppuccin-macchiato-sapphire.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-macchiato-sky.css | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-teal.css   | 700 ++++++++++++++++++
 .../css/theme-catppuccin-macchiato-yellow.css | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-blue.css    | 700 ++++++++++++++++++
 .../css/theme-catppuccin-mocha-flamingo.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-green.css   | 700 ++++++++++++++++++
 .../css/theme-catppuccin-mocha-lavender.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-maroon.css  | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-mauve.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-peach.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-pink.css    | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-red.css     | 700 ++++++++++++++++++
 .../css/theme-catppuccin-mocha-rosewater.css  | 700 ++++++++++++++++++
 .../css/theme-catppuccin-mocha-sapphire.css   | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-sky.css     | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-teal.css    | 700 ++++++++++++++++++
 public/css/theme-catppuccin-mocha-yellow.css  | 700 ++++++++++++++++++
 56 files changed, 38864 insertions(+)
 create mode 100644 public/css/theme-catppuccin-frappe-blue.css
 create mode 100644 public/css/theme-catppuccin-frappe-flamingo.css
 create mode 100644 public/css/theme-catppuccin-frappe-green.css
 create mode 100644 public/css/theme-catppuccin-frappe-lavender.css
 create mode 100644 public/css/theme-catppuccin-frappe-maroon.css
 create mode 100644 public/css/theme-catppuccin-frappe-mauve.css
 create mode 100644 public/css/theme-catppuccin-frappe-peach.css
 create mode 100644 public/css/theme-catppuccin-frappe-pink.css
 create mode 100644 public/css/theme-catppuccin-frappe-red.css
 create mode 100644 public/css/theme-catppuccin-frappe-rosewater.css
 create mode 100644 public/css/theme-catppuccin-frappe-sapphire.css
 create mode 100644 public/css/theme-catppuccin-frappe-sky.css
 create mode 100644 public/css/theme-catppuccin-frappe-teal.css
 create mode 100644 public/css/theme-catppuccin-frappe-yellow.css
 create mode 100644 public/css/theme-catppuccin-latte-blue.css
 create mode 100644 public/css/theme-catppuccin-latte-flamingo.css
 create mode 100644 public/css/theme-catppuccin-latte-green.css
 create mode 100644 public/css/theme-catppuccin-latte-lavender.css
 create mode 100644 public/css/theme-catppuccin-latte-maroon.css
 create mode 100644 public/css/theme-catppuccin-latte-mauve.css
 create mode 100644 public/css/theme-catppuccin-latte-peach.css
 create mode 100644 public/css/theme-catppuccin-latte-pink.css
 create mode 100644 public/css/theme-catppuccin-latte-red.css
 create mode 100644 public/css/theme-catppuccin-latte-rosewater.css
 create mode 100644 public/css/theme-catppuccin-latte-sapphire.css
 create mode 100644 public/css/theme-catppuccin-latte-sky.css
 create mode 100644 public/css/theme-catppuccin-latte-teal.css
 create mode 100644 public/css/theme-catppuccin-latte-yellow.css
 create mode 100644 public/css/theme-catppuccin-macchiato-blue.css
 create mode 100644 public/css/theme-catppuccin-macchiato-flamingo.css
 create mode 100644 public/css/theme-catppuccin-macchiato-green.css
 create mode 100644 public/css/theme-catppuccin-macchiato-lavender.css
 create mode 100644 public/css/theme-catppuccin-macchiato-maroon.css
 create mode 100644 public/css/theme-catppuccin-macchiato-mauve.css
 create mode 100644 public/css/theme-catppuccin-macchiato-peach.css
 create mode 100644 public/css/theme-catppuccin-macchiato-pink.css
 create mode 100644 public/css/theme-catppuccin-macchiato-red.css
 create mode 100644 public/css/theme-catppuccin-macchiato-rosewater.css
 create mode 100644 public/css/theme-catppuccin-macchiato-sapphire.css
 create mode 100644 public/css/theme-catppuccin-macchiato-sky.css
 create mode 100644 public/css/theme-catppuccin-macchiato-teal.css
 create mode 100644 public/css/theme-catppuccin-macchiato-yellow.css
 create mode 100644 public/css/theme-catppuccin-mocha-blue.css
 create mode 100644 public/css/theme-catppuccin-mocha-flamingo.css
 create mode 100644 public/css/theme-catppuccin-mocha-green.css
 create mode 100644 public/css/theme-catppuccin-mocha-lavender.css
 create mode 100644 public/css/theme-catppuccin-mocha-maroon.css
 create mode 100644 public/css/theme-catppuccin-mocha-mauve.css
 create mode 100644 public/css/theme-catppuccin-mocha-peach.css
 create mode 100644 public/css/theme-catppuccin-mocha-pink.css
 create mode 100644 public/css/theme-catppuccin-mocha-red.css
 create mode 100644 public/css/theme-catppuccin-mocha-rosewater.css
 create mode 100644 public/css/theme-catppuccin-mocha-sapphire.css
 create mode 100644 public/css/theme-catppuccin-mocha-sky.css
 create mode 100644 public/css/theme-catppuccin-mocha-teal.css
 create mode 100644 public/css/theme-catppuccin-mocha-yellow.css

diff --git a/public/css/theme-catppuccin-frappe-blue.css b/public/css/theme-catppuccin-frappe-blue.css
new file mode 100644
index 0000000..1b85299
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-blue.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #8caaee;
+  --color-primary: #8caaee;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #7fa0ec;
+  --color-primary-dark-2: #7196ea;
+  --color-primary-dark-3: #648ce8;
+  --color-primary-dark-4: #5783e6;
+  --color-primary-dark-5: #4979e4;
+  --color-primary-dark-6: #3c6fe2;
+  --color-primary-dark-7: #2f65e0;
+  --color-primary-light-1: #99b4f0;
+  --color-primary-light-2: #a7bef2;
+  --color-primary-light-3: #b4c8f4;
+  --color-primary-light-4: #c1d1f6;
+  --color-primary-light-5: #cfdbf8;
+  --color-primary-light-6: #dce5fa;
+  --color-primary-light-7: #e9effc;
+  --color-primary-alpha-10: rgba(140, 170, 238, 0.1);
+  --color-primary-alpha-20: rgba(140, 170, 238, 0.2);
+  --color-primary-alpha-30: rgba(140, 170, 238, 0.3);
+  --color-primary-alpha-40: rgba(140, 170, 238, 0.4);
+  --color-primary-alpha-50: rgba(140, 170, 238, 0.5);
+  --color-primary-alpha-60: rgba(140, 170, 238, 0.6);
+  --color-primary-alpha-70: rgba(140, 170, 238, 0.7);
+  --color-primary-alpha-80: rgba(140, 170, 238, 0.8);
+  --color-primary-alpha-90: rgba(140, 170, 238, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-flamingo.css b/public/css/theme-catppuccin-frappe-flamingo.css
new file mode 100644
index 0000000..3c49f19
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-flamingo.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #eebebe;
+  --color-primary: #eebebe;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #ebb2b2;
+  --color-primary-dark-2: #e8a6a6;
+  --color-primary-dark-3: #e49a9a;
+  --color-primary-dark-4: #e18d8d;
+  --color-primary-dark-5: #de8181;
+  --color-primary-dark-6: #db7575;
+  --color-primary-dark-7: #d86969;
+  --color-primary-light-1: #f1caca;
+  --color-primary-light-2: #f4d6d6;
+  --color-primary-light-3: #f8e2e2;
+  --color-primary-light-4: #fbefef;
+  --color-primary-light-5: #fefbfb;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(238, 190, 190, 0.1);
+  --color-primary-alpha-20: rgba(238, 190, 190, 0.2);
+  --color-primary-alpha-30: rgba(238, 190, 190, 0.3);
+  --color-primary-alpha-40: rgba(238, 190, 190, 0.4);
+  --color-primary-alpha-50: rgba(238, 190, 190, 0.5);
+  --color-primary-alpha-60: rgba(238, 190, 190, 0.6);
+  --color-primary-alpha-70: rgba(238, 190, 190, 0.7);
+  --color-primary-alpha-80: rgba(238, 190, 190, 0.8);
+  --color-primary-alpha-90: rgba(238, 190, 190, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-green.css b/public/css/theme-catppuccin-frappe-green.css
new file mode 100644
index 0000000..c7f1392
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-green.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #a6d189;
+  --color-primary: #a6d189;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #9ecd7e;
+  --color-primary-dark-2: #95c873;
+  --color-primary-dark-3: #8dc468;
+  --color-primary-dark-4: #85c05d;
+  --color-primary-dark-5: #7cbc52;
+  --color-primary-dark-6: #74b747;
+  --color-primary-dark-7: #6dac43;
+  --color-primary-light-1: #aed594;
+  --color-primary-light-2: #b7da9f;
+  --color-primary-light-3: #bfdeaa;
+  --color-primary-light-4: #c7e2b5;
+  --color-primary-light-5: #d0e6c0;
+  --color-primary-light-6: #d8ebcb;
+  --color-primary-light-7: #e0efd6;
+  --color-primary-alpha-10: rgba(166, 209, 137, 0.1);
+  --color-primary-alpha-20: rgba(166, 209, 137, 0.2);
+  --color-primary-alpha-30: rgba(166, 209, 137, 0.3);
+  --color-primary-alpha-40: rgba(166, 209, 137, 0.4);
+  --color-primary-alpha-50: rgba(166, 209, 137, 0.5);
+  --color-primary-alpha-60: rgba(166, 209, 137, 0.6);
+  --color-primary-alpha-70: rgba(166, 209, 137, 0.7);
+  --color-primary-alpha-80: rgba(166, 209, 137, 0.8);
+  --color-primary-alpha-90: rgba(166, 209, 137, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-lavender.css b/public/css/theme-catppuccin-frappe-lavender.css
new file mode 100644
index 0000000..8cba4e2
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-lavender.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #babbf1;
+  --color-primary: #babbf1;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #adaeee;
+  --color-primary-dark-2: #a1a2ec;
+  --color-primary-dark-3: #9495e9;
+  --color-primary-dark-4: #8789e7;
+  --color-primary-dark-5: #7a7ce4;
+  --color-primary-dark-6: #6e70e2;
+  --color-primary-dark-7: #6163df;
+  --color-primary-light-1: #c7c8f4;
+  --color-primary-light-2: #d3d4f6;
+  --color-primary-light-3: #e0e1f9;
+  --color-primary-light-4: #ededfb;
+  --color-primary-light-5: #fafafe;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(186, 187, 241, 0.1);
+  --color-primary-alpha-20: rgba(186, 187, 241, 0.2);
+  --color-primary-alpha-30: rgba(186, 187, 241, 0.3);
+  --color-primary-alpha-40: rgba(186, 187, 241, 0.4);
+  --color-primary-alpha-50: rgba(186, 187, 241, 0.5);
+  --color-primary-alpha-60: rgba(186, 187, 241, 0.6);
+  --color-primary-alpha-70: rgba(186, 187, 241, 0.7);
+  --color-primary-alpha-80: rgba(186, 187, 241, 0.8);
+  --color-primary-alpha-90: rgba(186, 187, 241, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-maroon.css b/public/css/theme-catppuccin-frappe-maroon.css
new file mode 100644
index 0000000..b5b6a30
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-maroon.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ea999c;
+  --color-primary: #ea999c;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #e78c90;
+  --color-primary-dark-2: #e58083;
+  --color-primary-dark-3: #e27377;
+  --color-primary-dark-4: #e0666b;
+  --color-primary-dark-5: #dd5a5e;
+  --color-primary-dark-6: #da4d52;
+  --color-primary-dark-7: #d84046;
+  --color-primary-light-1: #eda6a8;
+  --color-primary-light-2: #efb2b5;
+  --color-primary-light-3: #f2bfc1;
+  --color-primary-light-4: #f4cccd;
+  --color-primary-light-5: #f7d8da;
+  --color-primary-light-6: #fae5e6;
+  --color-primary-light-7: #fcf2f2;
+  --color-primary-alpha-10: rgba(234, 153, 156, 0.1);
+  --color-primary-alpha-20: rgba(234, 153, 156, 0.2);
+  --color-primary-alpha-30: rgba(234, 153, 156, 0.3);
+  --color-primary-alpha-40: rgba(234, 153, 156, 0.4);
+  --color-primary-alpha-50: rgba(234, 153, 156, 0.5);
+  --color-primary-alpha-60: rgba(234, 153, 156, 0.6);
+  --color-primary-alpha-70: rgba(234, 153, 156, 0.7);
+  --color-primary-alpha-80: rgba(234, 153, 156, 0.8);
+  --color-primary-alpha-90: rgba(234, 153, 156, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-mauve.css b/public/css/theme-catppuccin-frappe-mauve.css
new file mode 100644
index 0000000..31307db
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-mauve.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ca9ee6;
+  --color-primary: #ca9ee6;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #c392e3;
+  --color-primary-dark-2: #bd86e0;
+  --color-primary-dark-3: #b67add;
+  --color-primary-dark-4: #af6dd9;
+  --color-primary-dark-5: #a961d6;
+  --color-primary-dark-6: #a255d3;
+  --color-primary-dark-7: #9b49d0;
+  --color-primary-light-1: #d1aae9;
+  --color-primary-light-2: #d7b6ec;
+  --color-primary-light-3: #dec2ef;
+  --color-primary-light-4: #e5cff3;
+  --color-primary-light-5: #ebdbf6;
+  --color-primary-light-6: #f2e7f9;
+  --color-primary-light-7: #f9f3fc;
+  --color-primary-alpha-10: rgba(202, 158, 230, 0.1);
+  --color-primary-alpha-20: rgba(202, 158, 230, 0.2);
+  --color-primary-alpha-30: rgba(202, 158, 230, 0.3);
+  --color-primary-alpha-40: rgba(202, 158, 230, 0.4);
+  --color-primary-alpha-50: rgba(202, 158, 230, 0.5);
+  --color-primary-alpha-60: rgba(202, 158, 230, 0.6);
+  --color-primary-alpha-70: rgba(202, 158, 230, 0.7);
+  --color-primary-alpha-80: rgba(202, 158, 230, 0.8);
+  --color-primary-alpha-90: rgba(202, 158, 230, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-peach.css b/public/css/theme-catppuccin-frappe-peach.css
new file mode 100644
index 0000000..2c02acc
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-peach.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ef9f76;
+  --color-primary: #ef9f76;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #ed9568;
+  --color-primary-dark-2: #ec8c5b;
+  --color-primary-dark-3: #ea824d;
+  --color-primary-dark-4: #e9793f;
+  --color-primary-dark-5: #e76f32;
+  --color-primary-dark-6: #e56524;
+  --color-primary-dark-7: #e05d1a;
+  --color-primary-light-1: #f1a984;
+  --color-primary-light-2: #f2b291;
+  --color-primary-light-3: #f4bc9f;
+  --color-primary-light-4: #f5c5ad;
+  --color-primary-light-5: #f7cfbb;
+  --color-primary-light-6: #f9d9c8;
+  --color-primary-light-7: #fae2d6;
+  --color-primary-alpha-10: rgba(239, 159, 118, 0.1);
+  --color-primary-alpha-20: rgba(239, 159, 118, 0.2);
+  --color-primary-alpha-30: rgba(239, 159, 118, 0.3);
+  --color-primary-alpha-40: rgba(239, 159, 118, 0.4);
+  --color-primary-alpha-50: rgba(239, 159, 118, 0.5);
+  --color-primary-alpha-60: rgba(239, 159, 118, 0.6);
+  --color-primary-alpha-70: rgba(239, 159, 118, 0.7);
+  --color-primary-alpha-80: rgba(239, 159, 118, 0.8);
+  --color-primary-alpha-90: rgba(239, 159, 118, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-pink.css b/public/css/theme-catppuccin-frappe-pink.css
new file mode 100644
index 0000000..e8f64b3
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-pink.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f4b8e4;
+  --color-primary: #f4b8e4;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #f2abdf;
+  --color-primary-dark-2: #f09eda;
+  --color-primary-dark-3: #ee90d5;
+  --color-primary-dark-4: #ec83d0;
+  --color-primary-dark-5: #ea76cb;
+  --color-primary-dark-6: #e869c6;
+  --color-primary-dark-7: #e65bc1;
+  --color-primary-light-1: #f6c5e9;
+  --color-primary-light-2: #f8d2ee;
+  --color-primary-light-3: #fae0f3;
+  --color-primary-light-4: #fcedf8;
+  --color-primary-light-5: #fefafd;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(244, 184, 228, 0.1);
+  --color-primary-alpha-20: rgba(244, 184, 228, 0.2);
+  --color-primary-alpha-30: rgba(244, 184, 228, 0.3);
+  --color-primary-alpha-40: rgba(244, 184, 228, 0.4);
+  --color-primary-alpha-50: rgba(244, 184, 228, 0.5);
+  --color-primary-alpha-60: rgba(244, 184, 228, 0.6);
+  --color-primary-alpha-70: rgba(244, 184, 228, 0.7);
+  --color-primary-alpha-80: rgba(244, 184, 228, 0.8);
+  --color-primary-alpha-90: rgba(244, 184, 228, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-red.css b/public/css/theme-catppuccin-frappe-red.css
new file mode 100644
index 0000000..b76620e
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-red.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #e78284;
+  --color-primary: #e78284;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #e57577;
+  --color-primary-dark-2: #e2686b;
+  --color-primary-dark-3: #e05b5e;
+  --color-primary-dark-4: #dd4f51;
+  --color-primary-dark-5: #db4245;
+  --color-primary-dark-6: #d83538;
+  --color-primary-dark-7: #d5292c;
+  --color-primary-light-1: #e98f91;
+  --color-primary-light-2: #ec9c9d;
+  --color-primary-light-3: #eea9aa;
+  --color-primary-light-4: #f1b5b7;
+  --color-primary-light-5: #f3c2c3;
+  --color-primary-light-6: #f6cfd0;
+  --color-primary-light-7: #f8dcdc;
+  --color-primary-alpha-10: rgba(231, 130, 132, 0.1);
+  --color-primary-alpha-20: rgba(231, 130, 132, 0.2);
+  --color-primary-alpha-30: rgba(231, 130, 132, 0.3);
+  --color-primary-alpha-40: rgba(231, 130, 132, 0.4);
+  --color-primary-alpha-50: rgba(231, 130, 132, 0.5);
+  --color-primary-alpha-60: rgba(231, 130, 132, 0.6);
+  --color-primary-alpha-70: rgba(231, 130, 132, 0.7);
+  --color-primary-alpha-80: rgba(231, 130, 132, 0.8);
+  --color-primary-alpha-90: rgba(231, 130, 132, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-rosewater.css b/public/css/theme-catppuccin-frappe-rosewater.css
new file mode 100644
index 0000000..90c62b8
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-rosewater.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f2d5cf;
+  --color-primary: #f2d5cf;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #efcac3;
+  --color-primary-dark-2: #ebc0b7;
+  --color-primary-dark-3: #e8b5ab;
+  --color-primary-dark-4: #e5ab9f;
+  --color-primary-dark-5: #e2a093;
+  --color-primary-dark-6: #de9687;
+  --color-primary-dark-7: #db8b7b;
+  --color-primary-light-1: #f5e0db;
+  --color-primary-light-2: #f9eae7;
+  --color-primary-light-3: #fcf5f3;
+  --color-primary-light-4: white;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(242, 213, 207, 0.1);
+  --color-primary-alpha-20: rgba(242, 213, 207, 0.2);
+  --color-primary-alpha-30: rgba(242, 213, 207, 0.3);
+  --color-primary-alpha-40: rgba(242, 213, 207, 0.4);
+  --color-primary-alpha-50: rgba(242, 213, 207, 0.5);
+  --color-primary-alpha-60: rgba(242, 213, 207, 0.6);
+  --color-primary-alpha-70: rgba(242, 213, 207, 0.7);
+  --color-primary-alpha-80: rgba(242, 213, 207, 0.8);
+  --color-primary-alpha-90: rgba(242, 213, 207, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-sapphire.css b/public/css/theme-catppuccin-frappe-sapphire.css
new file mode 100644
index 0000000..55f029b
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-sapphire.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #85c1dc;
+  --color-primary: #85c1dc;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #79bbd9;
+  --color-primary-dark-2: #6db5d5;
+  --color-primary-dark-3: #61afd2;
+  --color-primary-dark-4: #55a9ce;
+  --color-primary-dark-5: #4aa3cb;
+  --color-primary-dark-6: #3e9dc8;
+  --color-primary-dark-7: #3795bf;
+  --color-primary-light-1: #91c7df;
+  --color-primary-light-2: #9dcde3;
+  --color-primary-light-3: #a9d3e6;
+  --color-primary-light-4: #b5d9ea;
+  --color-primary-light-5: #c0dfed;
+  --color-primary-light-6: #cce5f0;
+  --color-primary-light-7: #d8ebf4;
+  --color-primary-alpha-10: rgba(133, 193, 220, 0.1);
+  --color-primary-alpha-20: rgba(133, 193, 220, 0.2);
+  --color-primary-alpha-30: rgba(133, 193, 220, 0.3);
+  --color-primary-alpha-40: rgba(133, 193, 220, 0.4);
+  --color-primary-alpha-50: rgba(133, 193, 220, 0.5);
+  --color-primary-alpha-60: rgba(133, 193, 220, 0.6);
+  --color-primary-alpha-70: rgba(133, 193, 220, 0.7);
+  --color-primary-alpha-80: rgba(133, 193, 220, 0.8);
+  --color-primary-alpha-90: rgba(133, 193, 220, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-sky.css b/public/css/theme-catppuccin-frappe-sky.css
new file mode 100644
index 0000000..d24a8c8
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-sky.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #99d1db;
+  --color-primary: #99d1db;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #8eccd7;
+  --color-primary-dark-2: #82c7d3;
+  --color-primary-dark-3: #77c2cf;
+  --color-primary-dark-4: #6cbdcb;
+  --color-primary-dark-5: #60b8c7;
+  --color-primary-dark-6: #55b2c3;
+  --color-primary-dark-7: #4aadbf;
+  --color-primary-light-1: #a4d6df;
+  --color-primary-light-2: #b0dbe3;
+  --color-primary-light-3: #bbe0e7;
+  --color-primary-light-4: #c6e5eb;
+  --color-primary-light-5: #d2ebef;
+  --color-primary-light-6: #ddf0f3;
+  --color-primary-light-7: #e8f5f7;
+  --color-primary-alpha-10: rgba(153, 209, 219, 0.1);
+  --color-primary-alpha-20: rgba(153, 209, 219, 0.2);
+  --color-primary-alpha-30: rgba(153, 209, 219, 0.3);
+  --color-primary-alpha-40: rgba(153, 209, 219, 0.4);
+  --color-primary-alpha-50: rgba(153, 209, 219, 0.5);
+  --color-primary-alpha-60: rgba(153, 209, 219, 0.6);
+  --color-primary-alpha-70: rgba(153, 209, 219, 0.7);
+  --color-primary-alpha-80: rgba(153, 209, 219, 0.8);
+  --color-primary-alpha-90: rgba(153, 209, 219, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-teal.css b/public/css/theme-catppuccin-frappe-teal.css
new file mode 100644
index 0000000..3c9d465
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-teal.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #81c8be;
+  --color-primary: #81c8be;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #76c3b9;
+  --color-primary-dark-2: #6cbfb3;
+  --color-primary-dark-3: #61baae;
+  --color-primary-dark-4: #56b5a8;
+  --color-primary-dark-5: #4db0a2;
+  --color-primary-dark-6: #48a598;
+  --color-primary-dark-7: #439a8e;
+  --color-primary-light-1: #8ccdc3;
+  --color-primary-light-2: #96d1c9;
+  --color-primary-light-3: #a1d6ce;
+  --color-primary-light-4: #acdbd4;
+  --color-primary-light-5: #b6dfd9;
+  --color-primary-light-6: #c1e4df;
+  --color-primary-light-7: #cce9e4;
+  --color-primary-alpha-10: rgba(129, 200, 190, 0.1);
+  --color-primary-alpha-20: rgba(129, 200, 190, 0.2);
+  --color-primary-alpha-30: rgba(129, 200, 190, 0.3);
+  --color-primary-alpha-40: rgba(129, 200, 190, 0.4);
+  --color-primary-alpha-50: rgba(129, 200, 190, 0.5);
+  --color-primary-alpha-60: rgba(129, 200, 190, 0.6);
+  --color-primary-alpha-70: rgba(129, 200, 190, 0.7);
+  --color-primary-alpha-80: rgba(129, 200, 190, 0.8);
+  --color-primary-alpha-90: rgba(129, 200, 190, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-frappe-yellow.css b/public/css/theme-catppuccin-frappe-yellow.css
new file mode 100644
index 0000000..e57e7aa
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe-yellow.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #e5c890;
+  --color-primary: #e5c890;
+  --color-primary-contrast: #232634;
+  --color-primary-dark-1: #e2c284;
+  --color-primary-dark-2: #dfbc77;
+  --color-primary-dark-3: #dcb66b;
+  --color-primary-dark-4: #d9af5e;
+  --color-primary-dark-5: #d6a952;
+  --color-primary-dark-6: #d4a346;
+  --color-primary-dark-7: #d19d39;
+  --color-primary-light-1: #e8ce9c;
+  --color-primary-light-2: #ebd4a9;
+  --color-primary-light-3: #eedab5;
+  --color-primary-light-4: #f1e1c2;
+  --color-primary-light-5: #f4e7ce;
+  --color-primary-light-6: #f6edda;
+  --color-primary-light-7: #f9f3e7;
+  --color-primary-alpha-10: rgba(229, 200, 144, 0.1);
+  --color-primary-alpha-20: rgba(229, 200, 144, 0.2);
+  --color-primary-alpha-30: rgba(229, 200, 144, 0.3);
+  --color-primary-alpha-40: rgba(229, 200, 144, 0.4);
+  --color-primary-alpha-50: rgba(229, 200, 144, 0.5);
+  --color-primary-alpha-60: rgba(229, 200, 144, 0.6);
+  --color-primary-alpha-70: rgba(229, 200, 144, 0.7);
+  --color-primary-alpha-80: rgba(229, 200, 144, 0.8);
+  --color-primary-alpha-90: rgba(229, 200, 144, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: #474c62;
+  --color-secondary-dark-2: #4e536b;
+  --color-secondary-dark-3: #545a74;
+  --color-secondary-dark-4: #5b607c;
+  --color-secondary-dark-5: #616785;
+  --color-secondary-dark-6: #686e8e;
+  --color-secondary-dark-7: #6f7696;
+  --color-secondary-dark-8: #787e9c;
+  --color-secondary-dark-9: #8187a3;
+  --color-secondary-dark-10: #8a8fa9;
+  --color-secondary-dark-11: #9397b0;
+  --color-secondary-dark-12: #9ba0b6;
+  --color-secondary-dark-13: #a4a8bd;
+  --color-secondary-light-1: #3b3e50;
+  --color-secondary-light-2: #343747;
+  --color-secondary-light-3: #2e303e;
+  --color-secondary-light-4: #272a36;
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #df575a;
+  --color-orange-light: #ea7f48;
+  --color-yellow-light: #dbb467;
+  --color-olive-light: #8ac364;
+  --color-green-light: #8ac364;
+  --color-teal-light: #5db9ac;
+  --color-blue-light: #6089e7;
+  --color-violet-light: #9091e8;
+  --color-purple-light: #b475dc;
+  --color-pink-light: #ed8cd3;
+  --color-brown-light: #e39696;
+  --color-grey-light: #757fa7;
+  --color-black-light: #14161e;
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: #e36d6f;
+  --color-error-bg-hover: #df575a;
+  --color-error-text: #232634;
+  --color-success-border: #8ac364;
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: #dbb467;
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: #6089e7;
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: #df575a;
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: #e36d6f;
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #232634;
+  --color-green-badge-hover-bg: #98ca77;
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: #e0be7b;
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: #ec8f5f;
+  --color-git: #ef9f76;
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.1);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #626880;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #292c3c;
+  --color-label-active-bg: #626880;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-blue.css b/public/css/theme-catppuccin-latte-blue.css
new file mode 100644
index 0000000..fe82b10
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-blue.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #1e66f5;
+  --color-primary: #1e66f5;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #2d70f6;
+  --color-primary-dark-2: #3b7af6;
+  --color-primary-dark-3: #4a84f7;
+  --color-primary-dark-4: #598ef8;
+  --color-primary-dark-5: #6798f8;
+  --color-primary-dark-6: #76a2f9;
+  --color-primary-dark-7: #85acfa;
+  --color-primary-light-1: #0f5cf4;
+  --color-primary-light-2: #0a55ea;
+  --color-primary-light-3: #0a50db;
+  --color-primary-light-4: #094bcd;
+  --color-primary-light-5: #0845be;
+  --color-primary-light-6: #0840af;
+  --color-primary-light-7: #073ba1;
+  --color-primary-alpha-10: rgba(30, 102, 245, 0.1);
+  --color-primary-alpha-20: rgba(30, 102, 245, 0.2);
+  --color-primary-alpha-30: rgba(30, 102, 245, 0.3);
+  --color-primary-alpha-40: rgba(30, 102, 245, 0.4);
+  --color-primary-alpha-50: rgba(30, 102, 245, 0.5);
+  --color-primary-alpha-60: rgba(30, 102, 245, 0.6);
+  --color-primary-alpha-70: rgba(30, 102, 245, 0.7);
+  --color-primary-alpha-80: rgba(30, 102, 245, 0.8);
+  --color-primary-alpha-90: rgba(30, 102, 245, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-flamingo.css b/public/css/theme-catppuccin-latte-flamingo.css
new file mode 100644
index 0000000..ff82d3d
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-flamingo.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #dd7878;
+  --color-primary: #dd7878;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #e08484;
+  --color-primary-dark-2: #e39090;
+  --color-primary-dark-3: #e69d9d;
+  --color-primary-dark-4: #e9a9a9;
+  --color-primary-dark-5: #ecb5b5;
+  --color-primary-dark-6: #efc1c1;
+  --color-primary-dark-7: #f3cece;
+  --color-primary-light-1: #da6c6c;
+  --color-primary-light-2: #d76060;
+  --color-primary-light-3: #d45353;
+  --color-primary-light-4: #d14747;
+  --color-primary-light-5: #ce3b3b;
+  --color-primary-light-6: #c73232;
+  --color-primary-light-7: #bb2f2f;
+  --color-primary-alpha-10: rgba(221, 120, 120, 0.1);
+  --color-primary-alpha-20: rgba(221, 120, 120, 0.2);
+  --color-primary-alpha-30: rgba(221, 120, 120, 0.3);
+  --color-primary-alpha-40: rgba(221, 120, 120, 0.4);
+  --color-primary-alpha-50: rgba(221, 120, 120, 0.5);
+  --color-primary-alpha-60: rgba(221, 120, 120, 0.6);
+  --color-primary-alpha-70: rgba(221, 120, 120, 0.7);
+  --color-primary-alpha-80: rgba(221, 120, 120, 0.8);
+  --color-primary-alpha-90: rgba(221, 120, 120, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-green.css b/public/css/theme-catppuccin-latte-green.css
new file mode 100644
index 0000000..d6d57b2
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-green.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #40a02b;
+  --color-primary: #40a02b;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #45ac2e;
+  --color-primary-dark-2: #4ab831;
+  --color-primary-dark-3: #4ec435;
+  --color-primary-dark-4: #57cb3d;
+  --color-primary-dark-5: #61ce49;
+  --color-primary-dark-6: #6cd155;
+  --color-primary-dark-7: #76d561;
+  --color-primary-light-1: #3b9428;
+  --color-primary-light-2: #368825;
+  --color-primary-light-3: #327c21;
+  --color-primary-light-4: #2d701e;
+  --color-primary-light-5: #28641b;
+  --color-primary-light-6: #235818;
+  --color-primary-light-7: #1e4c14;
+  --color-primary-alpha-10: rgba(64, 160, 43, 0.1);
+  --color-primary-alpha-20: rgba(64, 160, 43, 0.2);
+  --color-primary-alpha-30: rgba(64, 160, 43, 0.3);
+  --color-primary-alpha-40: rgba(64, 160, 43, 0.4);
+  --color-primary-alpha-50: rgba(64, 160, 43, 0.5);
+  --color-primary-alpha-60: rgba(64, 160, 43, 0.6);
+  --color-primary-alpha-70: rgba(64, 160, 43, 0.7);
+  --color-primary-alpha-80: rgba(64, 160, 43, 0.8);
+  --color-primary-alpha-90: rgba(64, 160, 43, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-lavender.css b/public/css/theme-catppuccin-latte-lavender.css
new file mode 100644
index 0000000..74e8e0e
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-lavender.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #7287fd;
+  --color-primary: #7287fd;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #8194fd;
+  --color-primary-dark-2: #90a1fd;
+  --color-primary-dark-3: #9faefe;
+  --color-primary-dark-4: #aebafe;
+  --color-primary-dark-5: #bdc7fe;
+  --color-primary-dark-6: #cdd4fe;
+  --color-primary-dark-7: #dce1fe;
+  --color-primary-light-1: #637afd;
+  --color-primary-light-2: #546dfd;
+  --color-primary-light-3: #4560fc;
+  --color-primary-light-4: #3654fc;
+  --color-primary-light-5: #2747fc;
+  --color-primary-light-6: #173afc;
+  --color-primary-light-7: #082dfc;
+  --color-primary-alpha-10: rgba(114, 135, 253, 0.1);
+  --color-primary-alpha-20: rgba(114, 135, 253, 0.2);
+  --color-primary-alpha-30: rgba(114, 135, 253, 0.3);
+  --color-primary-alpha-40: rgba(114, 135, 253, 0.4);
+  --color-primary-alpha-50: rgba(114, 135, 253, 0.5);
+  --color-primary-alpha-60: rgba(114, 135, 253, 0.6);
+  --color-primary-alpha-70: rgba(114, 135, 253, 0.7);
+  --color-primary-alpha-80: rgba(114, 135, 253, 0.8);
+  --color-primary-alpha-90: rgba(114, 135, 253, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-maroon.css b/public/css/theme-catppuccin-latte-maroon.css
new file mode 100644
index 0000000..9d2f018
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-maroon.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #e64553;
+  --color-primary: #e64553;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #e8525f;
+  --color-primary-dark-2: #ea606c;
+  --color-primary-dark-3: #eb6d78;
+  --color-primary-dark-4: #ed7b85;
+  --color-primary-dark-5: #ef8891;
+  --color-primary-dark-6: #f1969e;
+  --color-primary-dark-7: #f3a3aa;
+  --color-primary-light-1: #e43847;
+  --color-primary-light-2: #e22a3a;
+  --color-primary-light-3: #df1e2f;
+  --color-primary-light-4: #d21c2c;
+  --color-primary-light-5: #c41a29;
+  --color-primary-light-6: #b71926;
+  --color-primary-light-7: #a91723;
+  --color-primary-alpha-10: rgba(230, 69, 83, 0.1);
+  --color-primary-alpha-20: rgba(230, 69, 83, 0.2);
+  --color-primary-alpha-30: rgba(230, 69, 83, 0.3);
+  --color-primary-alpha-40: rgba(230, 69, 83, 0.4);
+  --color-primary-alpha-50: rgba(230, 69, 83, 0.5);
+  --color-primary-alpha-60: rgba(230, 69, 83, 0.6);
+  --color-primary-alpha-70: rgba(230, 69, 83, 0.7);
+  --color-primary-alpha-80: rgba(230, 69, 83, 0.8);
+  --color-primary-alpha-90: rgba(230, 69, 83, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-mauve.css b/public/css/theme-catppuccin-latte-mauve.css
new file mode 100644
index 0000000..1fd86dc
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-mauve.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #8839ef;
+  --color-primary: #8839ef;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #9147f0;
+  --color-primary-dark-2: #9955f1;
+  --color-primary-dark-3: #a263f2;
+  --color-primary-dark-4: #aa72f4;
+  --color-primary-dark-5: #b380f5;
+  --color-primary-dark-6: #bb8ef6;
+  --color-primary-dark-7: #c49cf7;
+  --color-primary-light-1: #7f2bee;
+  --color-primary-light-2: #771ded;
+  --color-primary-light-3: #6f13e7;
+  --color-primary-light-4: #6812d9;
+  --color-primary-light-5: #6110cb;
+  --color-primary-light-6: #5b0fbd;
+  --color-primary-light-7: #540eaf;
+  --color-primary-alpha-10: rgba(136, 57, 239, 0.1);
+  --color-primary-alpha-20: rgba(136, 57, 239, 0.2);
+  --color-primary-alpha-30: rgba(136, 57, 239, 0.3);
+  --color-primary-alpha-40: rgba(136, 57, 239, 0.4);
+  --color-primary-alpha-50: rgba(136, 57, 239, 0.5);
+  --color-primary-alpha-60: rgba(136, 57, 239, 0.6);
+  --color-primary-alpha-70: rgba(136, 57, 239, 0.7);
+  --color-primary-alpha-80: rgba(136, 57, 239, 0.8);
+  --color-primary-alpha-90: rgba(136, 57, 239, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-peach.css b/public/css/theme-catppuccin-latte-peach.css
new file mode 100644
index 0000000..0a7b989
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-peach.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #fe640b;
+  --color-primary: #fe640b;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #fe6e1a;
+  --color-primary-dark-2: #fe7729;
+  --color-primary-dark-3: #fe8139;
+  --color-primary-dark-4: #fe8b48;
+  --color-primary-dark-5: #fe9457;
+  --color-primary-dark-6: #fe9e66;
+  --color-primary-dark-7: #fea876;
+  --color-primary-light-1: #f95c01;
+  --color-primary-light-2: #e95601;
+  --color-primary-light-3: #da5001;
+  --color-primary-light-4: #cb4b01;
+  --color-primary-light-5: #bc4501;
+  --color-primary-light-6: #ac4001;
+  --color-primary-light-7: #9d3a01;
+  --color-primary-alpha-10: rgba(254, 100, 11, 0.1);
+  --color-primary-alpha-20: rgba(254, 100, 11, 0.2);
+  --color-primary-alpha-30: rgba(254, 100, 11, 0.3);
+  --color-primary-alpha-40: rgba(254, 100, 11, 0.4);
+  --color-primary-alpha-50: rgba(254, 100, 11, 0.5);
+  --color-primary-alpha-60: rgba(254, 100, 11, 0.6);
+  --color-primary-alpha-70: rgba(254, 100, 11, 0.7);
+  --color-primary-alpha-80: rgba(254, 100, 11, 0.8);
+  --color-primary-alpha-90: rgba(254, 100, 11, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-pink.css b/public/css/theme-catppuccin-latte-pink.css
new file mode 100644
index 0000000..ffc2fff
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-pink.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #ea76cb;
+  --color-primary: #ea76cb;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #ec83d0;
+  --color-primary-dark-2: #ee91d5;
+  --color-primary-dark-3: #f09eda;
+  --color-primary-dark-4: #f2abdf;
+  --color-primary-dark-5: #f4b8e4;
+  --color-primary-dark-6: #f6c6e9;
+  --color-primary-dark-7: #f8d3ee;
+  --color-primary-light-1: #e869c6;
+  --color-primary-light-2: #e65bc1;
+  --color-primary-light-3: #e44ebc;
+  --color-primary-light-4: #e241b7;
+  --color-primary-light-5: #e034b2;
+  --color-primary-light-6: #de26ad;
+  --color-primary-light-7: #d421a4;
+  --color-primary-alpha-10: rgba(234, 118, 203, 0.1);
+  --color-primary-alpha-20: rgba(234, 118, 203, 0.2);
+  --color-primary-alpha-30: rgba(234, 118, 203, 0.3);
+  --color-primary-alpha-40: rgba(234, 118, 203, 0.4);
+  --color-primary-alpha-50: rgba(234, 118, 203, 0.5);
+  --color-primary-alpha-60: rgba(234, 118, 203, 0.6);
+  --color-primary-alpha-70: rgba(234, 118, 203, 0.7);
+  --color-primary-alpha-80: rgba(234, 118, 203, 0.8);
+  --color-primary-alpha-90: rgba(234, 118, 203, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-red.css b/public/css/theme-catppuccin-latte-red.css
new file mode 100644
index 0000000..a839bc7
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-red.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #d20f39;
+  --color-primary: #d20f39;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #e0103d;
+  --color-primary-dark-2: #ee1241;
+  --color-primary-dark-3: #ef204c;
+  --color-primary-dark-4: #f02e58;
+  --color-primary-dark-5: #f13c63;
+  --color-primary-dark-6: #f24b6f;
+  --color-primary-dark-7: #f3597a;
+  --color-primary-light-1: #c40e35;
+  --color-primary-light-2: #b50d31;
+  --color-primary-light-3: #a70c2d;
+  --color-primary-light-4: #990b29;
+  --color-primary-light-5: #8b0a26;
+  --color-primary-light-6: #7c0922;
+  --color-primary-light-7: #6e081e;
+  --color-primary-alpha-10: rgba(210, 15, 57, 0.1);
+  --color-primary-alpha-20: rgba(210, 15, 57, 0.2);
+  --color-primary-alpha-30: rgba(210, 15, 57, 0.3);
+  --color-primary-alpha-40: rgba(210, 15, 57, 0.4);
+  --color-primary-alpha-50: rgba(210, 15, 57, 0.5);
+  --color-primary-alpha-60: rgba(210, 15, 57, 0.6);
+  --color-primary-alpha-70: rgba(210, 15, 57, 0.7);
+  --color-primary-alpha-80: rgba(210, 15, 57, 0.8);
+  --color-primary-alpha-90: rgba(210, 15, 57, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-rosewater.css b/public/css/theme-catppuccin-latte-rosewater.css
new file mode 100644
index 0000000..f90983d
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-rosewater.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #dc8a78;
+  --color-primary: #dc8a78;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #df9584;
+  --color-primary-dark-2: #e29f90;
+  --color-primary-dark-3: #e5aa9c;
+  --color-primary-dark-4: #e9b4a9;
+  --color-primary-dark-5: #ecbfb5;
+  --color-primary-dark-6: #efc9c1;
+  --color-primary-dark-7: #f2d4cd;
+  --color-primary-light-1: #d97f6c;
+  --color-primary-light-2: #d67560;
+  --color-primary-light-3: #d36a54;
+  --color-primary-light-4: #cf6047;
+  --color-primary-light-5: #cc553b;
+  --color-primary-light-6: #c54d33;
+  --color-primary-light-7: #b94930;
+  --color-primary-alpha-10: rgba(220, 138, 120, 0.1);
+  --color-primary-alpha-20: rgba(220, 138, 120, 0.2);
+  --color-primary-alpha-30: rgba(220, 138, 120, 0.3);
+  --color-primary-alpha-40: rgba(220, 138, 120, 0.4);
+  --color-primary-alpha-50: rgba(220, 138, 120, 0.5);
+  --color-primary-alpha-60: rgba(220, 138, 120, 0.6);
+  --color-primary-alpha-70: rgba(220, 138, 120, 0.7);
+  --color-primary-alpha-80: rgba(220, 138, 120, 0.8);
+  --color-primary-alpha-90: rgba(220, 138, 120, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-sapphire.css b/public/css/theme-catppuccin-latte-sapphire.css
new file mode 100644
index 0000000..a66fbb6
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-sapphire.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #209fb5;
+  --color-primary: #209fb5;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #22aac2;
+  --color-primary-dark-2: #25b6cf;
+  --color-primary-dark-3: #2abfd9;
+  --color-primary-dark-4: #37c3dc;
+  --color-primary-dark-5: #44c7de;
+  --color-primary-dark-6: #51cbe0;
+  --color-primary-dark-7: #5ecfe2;
+  --color-primary-light-1: #1e94a8;
+  --color-primary-light-2: #1b889b;
+  --color-primary-light-3: #197d8e;
+  --color-primary-light-4: #177181;
+  --color-primary-light-5: #156674;
+  --color-primary-light-6: #125a67;
+  --color-primary-light-7: #104f5a;
+  --color-primary-alpha-10: rgba(32, 159, 181, 0.1);
+  --color-primary-alpha-20: rgba(32, 159, 181, 0.2);
+  --color-primary-alpha-30: rgba(32, 159, 181, 0.3);
+  --color-primary-alpha-40: rgba(32, 159, 181, 0.4);
+  --color-primary-alpha-50: rgba(32, 159, 181, 0.5);
+  --color-primary-alpha-60: rgba(32, 159, 181, 0.6);
+  --color-primary-alpha-70: rgba(32, 159, 181, 0.7);
+  --color-primary-alpha-80: rgba(32, 159, 181, 0.8);
+  --color-primary-alpha-90: rgba(32, 159, 181, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-sky.css b/public/css/theme-catppuccin-latte-sky.css
new file mode 100644
index 0000000..e56b751
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-sky.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #04a5e5;
+  --color-primary: #04a5e5;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #04b0f4;
+  --color-primary-dark-2: #0db7fb;
+  --color-primary-dark-3: #1cbcfb;
+  --color-primary-dark-4: #2bc0fb;
+  --color-primary-dark-5: #3ac4fc;
+  --color-primary-dark-6: #49c9fc;
+  --color-primary-dark-7: #58cdfc;
+  --color-primary-light-1: #049ad6;
+  --color-primary-light-2: #038fc7;
+  --color-primary-light-3: #0384b8;
+  --color-primary-light-4: #037aa9;
+  --color-primary-light-5: #036f9a;
+  --color-primary-light-6: #02648b;
+  --color-primary-light-7: #02597c;
+  --color-primary-alpha-10: rgba(4, 165, 229, 0.1);
+  --color-primary-alpha-20: rgba(4, 165, 229, 0.2);
+  --color-primary-alpha-30: rgba(4, 165, 229, 0.3);
+  --color-primary-alpha-40: rgba(4, 165, 229, 0.4);
+  --color-primary-alpha-50: rgba(4, 165, 229, 0.5);
+  --color-primary-alpha-60: rgba(4, 165, 229, 0.6);
+  --color-primary-alpha-70: rgba(4, 165, 229, 0.7);
+  --color-primary-alpha-80: rgba(4, 165, 229, 0.8);
+  --color-primary-alpha-90: rgba(4, 165, 229, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-teal.css b/public/css/theme-catppuccin-latte-teal.css
new file mode 100644
index 0000000..b5564af
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-teal.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #179299;
+  --color-primary: #179299;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #199fa6;
+  --color-primary-dark-2: #1babb4;
+  --color-primary-dark-3: #1db8c1;
+  --color-primary-dark-4: #1fc5ce;
+  --color-primary-dark-5: #21d1dc;
+  --color-primary-dark-6: #2cd6df;
+  --color-primary-dark-7: #3ad8e1;
+  --color-primary-light-1: #15858c;
+  --color-primary-light-2: #13797e;
+  --color-primary-light-3: #116c71;
+  --color-primary-light-4: #0f5f64;
+  --color-primary-light-5: #0d5356;
+  --color-primary-light-6: #0b4649;
+  --color-primary-light-7: #09393c;
+  --color-primary-alpha-10: rgba(23, 146, 153, 0.1);
+  --color-primary-alpha-20: rgba(23, 146, 153, 0.2);
+  --color-primary-alpha-30: rgba(23, 146, 153, 0.3);
+  --color-primary-alpha-40: rgba(23, 146, 153, 0.4);
+  --color-primary-alpha-50: rgba(23, 146, 153, 0.5);
+  --color-primary-alpha-60: rgba(23, 146, 153, 0.6);
+  --color-primary-alpha-70: rgba(23, 146, 153, 0.7);
+  --color-primary-alpha-80: rgba(23, 146, 153, 0.8);
+  --color-primary-alpha-90: rgba(23, 146, 153, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-latte-yellow.css b/public/css/theme-catppuccin-latte-yellow.css
new file mode 100644
index 0000000..6f1f938
--- /dev/null
+++ b/public/css/theme-catppuccin-latte-yellow.css
@@ -0,0 +1,676 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #df8e1d;
+  --color-primary: #df8e1d;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-dark-1: #e39528;
+  --color-primary-dark-2: #e59c36;
+  --color-primary-dark-3: #e7a243;
+  --color-primary-dark-4: #e8a951;
+  --color-primary-dark-5: #eab05e;
+  --color-primary-dark-6: #ecb66c;
+  --color-primary-dark-7: #eebd79;
+  --color-primary-light-1: #d1851b;
+  --color-primary-light-2: #c47d19;
+  --color-primary-light-3: #b67418;
+  --color-primary-light-4: #a96c16;
+  --color-primary-light-5: #9b6314;
+  --color-primary-light-6: #8e5a12;
+  --color-primary-light-7: #805211;
+  --color-primary-alpha-10: rgba(223, 142, 29, 0.1);
+  --color-primary-alpha-20: rgba(223, 142, 29, 0.2);
+  --color-primary-alpha-30: rgba(223, 142, 29, 0.3);
+  --color-primary-alpha-40: rgba(223, 142, 29, 0.4);
+  --color-primary-alpha-50: rgba(223, 142, 29, 0.5);
+  --color-primary-alpha-60: rgba(223, 142, 29, 0.6);
+  --color-primary-alpha-70: rgba(223, 142, 29, 0.7);
+  --color-primary-alpha-80: rgba(223, 142, 29, 0.8);
+  --color-primary-alpha-90: rgba(223, 142, 29, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: #c3c8d4;
+  --color-secondary-dark-2: #bac0cd;
+  --color-secondary-dark-3: #b1b7c7;
+  --color-secondary-dark-4: #a9afc0;
+  --color-secondary-dark-5: #a0a7ba;
+  --color-secondary-dark-6: #979fb3;
+  --color-secondary-dark-7: #8e97ad;
+  --color-secondary-dark-8: #858fa7;
+  --color-secondary-dark-9: #7c86a0;
+  --color-secondary-dark-10: #737e9a;
+  --color-secondary-dark-11: #6b7693;
+  --color-secondary-dark-12: #646f8a;
+  --color-secondary-dark-13: #5e6881;
+  --color-secondary-light-1: #d5d8e0;
+  --color-secondary-light-2: #dee0e7;
+  --color-secondary-light-3: #e7e9ed;
+  --color-secondary-light-4: #eff1f4;
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ef2550;
+  --color-orange-light: #fe843e;
+  --color-yellow-light: #e7a548;
+  --color-olive-light: #50c836;
+  --color-green-light: #50c836;
+  --color-teal-light: #1ebcc5;
+  --color-blue-light: #4f87f7;
+  --color-violet-light: #a4b2fe;
+  --color-purple-light: #a468f3;
+  --color-pink-light: #f1a2dc;
+  --color-brown-light: #e7a1a1;
+  --color-grey-light: #989aaa;
+  --color-black-light: white;
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: #ea113f;
+  --color-error-bg-hover: #ef2550;
+  --color-error-text: #eff1f5;
+  --color-success-border: #50c836;
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: #e7a548;
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: #4f87f7;
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: #ef2550;
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: #ea113f;
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #eff1f5;
+  --color-green-badge-hover-bg: #48b430;
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: #e49a31;
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: #fe7424;
+  --color-git: #fe640b;
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.1);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #acb0be;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #e6e9ef;
+  --color-label-active-bg: #acb0be;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-blue.css b/public/css/theme-catppuccin-macchiato-blue.css
new file mode 100644
index 0000000..405f77c
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-blue.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #8aadf4;
+  --color-primary: #8aadf4;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #7ca3f3;
+  --color-primary-dark-2: #6e99f1;
+  --color-primary-dark-3: #6090f0;
+  --color-primary-dark-4: #5286ef;
+  --color-primary-dark-5: #447ced;
+  --color-primary-dark-6: #3672ec;
+  --color-primary-dark-7: #2868eb;
+  --color-primary-light-1: #98b7f5;
+  --color-primary-light-2: #a6c1f7;
+  --color-primary-light-3: #b4caf8;
+  --color-primary-light-4: #c2d4f9;
+  --color-primary-light-5: #d0defb;
+  --color-primary-light-6: #dee8fc;
+  --color-primary-light-7: #ecf2fd;
+  --color-primary-alpha-10: rgba(138, 173, 244, 0.1);
+  --color-primary-alpha-20: rgba(138, 173, 244, 0.2);
+  --color-primary-alpha-30: rgba(138, 173, 244, 0.3);
+  --color-primary-alpha-40: rgba(138, 173, 244, 0.4);
+  --color-primary-alpha-50: rgba(138, 173, 244, 0.5);
+  --color-primary-alpha-60: rgba(138, 173, 244, 0.6);
+  --color-primary-alpha-70: rgba(138, 173, 244, 0.7);
+  --color-primary-alpha-80: rgba(138, 173, 244, 0.8);
+  --color-primary-alpha-90: rgba(138, 173, 244, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-flamingo.css b/public/css/theme-catppuccin-macchiato-flamingo.css
new file mode 100644
index 0000000..e9357da
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-flamingo.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f0c6c6;
+  --color-primary: #f0c6c6;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #edbaba;
+  --color-primary-dark-2: #eaaeae;
+  --color-primary-dark-3: #e6a2a2;
+  --color-primary-dark-4: #e39696;
+  --color-primary-dark-5: #e08989;
+  --color-primary-dark-6: #dd7d7d;
+  --color-primary-dark-7: #da7171;
+  --color-primary-light-1: #f3d2d2;
+  --color-primary-light-2: #f6dede;
+  --color-primary-light-3: #faeaea;
+  --color-primary-light-4: #fdf6f6;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(240, 198, 198, 0.1);
+  --color-primary-alpha-20: rgba(240, 198, 198, 0.2);
+  --color-primary-alpha-30: rgba(240, 198, 198, 0.3);
+  --color-primary-alpha-40: rgba(240, 198, 198, 0.4);
+  --color-primary-alpha-50: rgba(240, 198, 198, 0.5);
+  --color-primary-alpha-60: rgba(240, 198, 198, 0.6);
+  --color-primary-alpha-70: rgba(240, 198, 198, 0.7);
+  --color-primary-alpha-80: rgba(240, 198, 198, 0.8);
+  --color-primary-alpha-90: rgba(240, 198, 198, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-green.css b/public/css/theme-catppuccin-macchiato-green.css
new file mode 100644
index 0000000..559fdc0
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-green.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #a6da95;
+  --color-primary: #a6da95;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #9cd68a;
+  --color-primary-dark-2: #93d27e;
+  --color-primary-dark-3: #89ce73;
+  --color-primary-dark-4: #80ca68;
+  --color-primary-dark-5: #76c65c;
+  --color-primary-dark-6: #6dc251;
+  --color-primary-dark-7: #63be46;
+  --color-primary-light-1: #b0dea0;
+  --color-primary-light-2: #b9e2ac;
+  --color-primary-light-3: #c3e6b7;
+  --color-primary-light-4: #cceac2;
+  --color-primary-light-5: #d6eece;
+  --color-primary-light-6: #dff2d9;
+  --color-primary-light-7: #e9f6e4;
+  --color-primary-alpha-10: rgba(166, 218, 149, 0.1);
+  --color-primary-alpha-20: rgba(166, 218, 149, 0.2);
+  --color-primary-alpha-30: rgba(166, 218, 149, 0.3);
+  --color-primary-alpha-40: rgba(166, 218, 149, 0.4);
+  --color-primary-alpha-50: rgba(166, 218, 149, 0.5);
+  --color-primary-alpha-60: rgba(166, 218, 149, 0.6);
+  --color-primary-alpha-70: rgba(166, 218, 149, 0.7);
+  --color-primary-alpha-80: rgba(166, 218, 149, 0.8);
+  --color-primary-alpha-90: rgba(166, 218, 149, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-lavender.css b/public/css/theme-catppuccin-macchiato-lavender.css
new file mode 100644
index 0000000..66ab1bd
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-lavender.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #b7bdf8;
+  --color-primary: #b7bdf8;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #a9b0f7;
+  --color-primary-dark-2: #9ba3f5;
+  --color-primary-dark-3: #8d97f4;
+  --color-primary-dark-4: #7f8af3;
+  --color-primary-dark-5: #717df1;
+  --color-primary-dark-6: #6370f0;
+  --color-primary-dark-7: #5564ef;
+  --color-primary-light-1: #c5caf9;
+  --color-primary-light-2: #d3d7fb;
+  --color-primary-light-3: #e1e3fc;
+  --color-primary-light-4: #eff0fd;
+  --color-primary-light-5: #fdfdff;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(183, 189, 248, 0.1);
+  --color-primary-alpha-20: rgba(183, 189, 248, 0.2);
+  --color-primary-alpha-30: rgba(183, 189, 248, 0.3);
+  --color-primary-alpha-40: rgba(183, 189, 248, 0.4);
+  --color-primary-alpha-50: rgba(183, 189, 248, 0.5);
+  --color-primary-alpha-60: rgba(183, 189, 248, 0.6);
+  --color-primary-alpha-70: rgba(183, 189, 248, 0.7);
+  --color-primary-alpha-80: rgba(183, 189, 248, 0.8);
+  --color-primary-alpha-90: rgba(183, 189, 248, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-maroon.css b/public/css/theme-catppuccin-macchiato-maroon.css
new file mode 100644
index 0000000..4b854b8
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-maroon.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ee99a0;
+  --color-primary: #ee99a0;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #ec8c94;
+  --color-primary-dark-2: #ea7f88;
+  --color-primary-dark-3: #e7727b;
+  --color-primary-dark-4: #e5656f;
+  --color-primary-dark-5: #e35763;
+  --color-primary-dark-6: #e14a57;
+  --color-primary-dark-7: #df3d4b;
+  --color-primary-light-1: #f0a6ac;
+  --color-primary-light-2: #f2b3b8;
+  --color-primary-light-3: #f5c0c5;
+  --color-primary-light-4: #f7cdd1;
+  --color-primary-light-5: #f9dbdd;
+  --color-primary-light-6: #fbe8e9;
+  --color-primary-light-7: #fdf5f6;
+  --color-primary-alpha-10: rgba(238, 153, 160, 0.1);
+  --color-primary-alpha-20: rgba(238, 153, 160, 0.2);
+  --color-primary-alpha-30: rgba(238, 153, 160, 0.3);
+  --color-primary-alpha-40: rgba(238, 153, 160, 0.4);
+  --color-primary-alpha-50: rgba(238, 153, 160, 0.5);
+  --color-primary-alpha-60: rgba(238, 153, 160, 0.6);
+  --color-primary-alpha-70: rgba(238, 153, 160, 0.7);
+  --color-primary-alpha-80: rgba(238, 153, 160, 0.8);
+  --color-primary-alpha-90: rgba(238, 153, 160, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-mauve.css b/public/css/theme-catppuccin-macchiato-mauve.css
new file mode 100644
index 0000000..4ac2aae
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-mauve.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #c6a0f6;
+  --color-primary: #c6a0f6;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #be92f5;
+  --color-primary-dark-2: #b584f3;
+  --color-primary-dark-3: #ad76f2;
+  --color-primary-dark-4: #a468f1;
+  --color-primary-dark-5: #9c5aef;
+  --color-primary-dark-6: #944cee;
+  --color-primary-dark-7: #8b3eed;
+  --color-primary-light-1: #ceaef7;
+  --color-primary-light-2: #d7bcf9;
+  --color-primary-light-3: #dfcafa;
+  --color-primary-light-4: #e8d8fb;
+  --color-primary-light-5: #f0e6fd;
+  --color-primary-light-6: #f8f4fe;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(198, 160, 246, 0.1);
+  --color-primary-alpha-20: rgba(198, 160, 246, 0.2);
+  --color-primary-alpha-30: rgba(198, 160, 246, 0.3);
+  --color-primary-alpha-40: rgba(198, 160, 246, 0.4);
+  --color-primary-alpha-50: rgba(198, 160, 246, 0.5);
+  --color-primary-alpha-60: rgba(198, 160, 246, 0.6);
+  --color-primary-alpha-70: rgba(198, 160, 246, 0.7);
+  --color-primary-alpha-80: rgba(198, 160, 246, 0.8);
+  --color-primary-alpha-90: rgba(198, 160, 246, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-peach.css b/public/css/theme-catppuccin-macchiato-peach.css
new file mode 100644
index 0000000..7869c6b
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-peach.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5a97f;
+  --color-primary: #f5a97f;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #f49f71;
+  --color-primary-dark-2: #f39663;
+  --color-primary-dark-3: #f28c54;
+  --color-primary-dark-4: #f18346;
+  --color-primary-dark-5: #ef7938;
+  --color-primary-dark-6: #ee702a;
+  --color-primary-dark-7: #ed661c;
+  --color-primary-light-1: #f6b38d;
+  --color-primary-light-2: #f7bc9b;
+  --color-primary-light-3: #f8c6aa;
+  --color-primary-light-4: #f9cfb8;
+  --color-primary-light-5: #fbd9c6;
+  --color-primary-light-6: #fce2d4;
+  --color-primary-light-7: #fdece2;
+  --color-primary-alpha-10: rgba(245, 169, 127, 0.1);
+  --color-primary-alpha-20: rgba(245, 169, 127, 0.2);
+  --color-primary-alpha-30: rgba(245, 169, 127, 0.3);
+  --color-primary-alpha-40: rgba(245, 169, 127, 0.4);
+  --color-primary-alpha-50: rgba(245, 169, 127, 0.5);
+  --color-primary-alpha-60: rgba(245, 169, 127, 0.6);
+  --color-primary-alpha-70: rgba(245, 169, 127, 0.7);
+  --color-primary-alpha-80: rgba(245, 169, 127, 0.8);
+  --color-primary-alpha-90: rgba(245, 169, 127, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-pink.css b/public/css/theme-catppuccin-macchiato-pink.css
new file mode 100644
index 0000000..951c609
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-pink.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5bde6;
+  --color-primary: #f5bde6;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #f3b0e1;
+  --color-primary-dark-2: #f1a2dc;
+  --color-primary-dark-3: #ef95d7;
+  --color-primary-dark-4: #ed88d2;
+  --color-primary-dark-5: #eb7bcd;
+  --color-primary-dark-6: #e96dc8;
+  --color-primary-dark-7: #e760c3;
+  --color-primary-light-1: #f7caeb;
+  --color-primary-light-2: #f9d8f0;
+  --color-primary-light-3: #fbe5f5;
+  --color-primary-light-4: #fdf2fa;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(245, 189, 230, 0.1);
+  --color-primary-alpha-20: rgba(245, 189, 230, 0.2);
+  --color-primary-alpha-30: rgba(245, 189, 230, 0.3);
+  --color-primary-alpha-40: rgba(245, 189, 230, 0.4);
+  --color-primary-alpha-50: rgba(245, 189, 230, 0.5);
+  --color-primary-alpha-60: rgba(245, 189, 230, 0.6);
+  --color-primary-alpha-70: rgba(245, 189, 230, 0.7);
+  --color-primary-alpha-80: rgba(245, 189, 230, 0.8);
+  --color-primary-alpha-90: rgba(245, 189, 230, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-red.css b/public/css/theme-catppuccin-macchiato-red.css
new file mode 100644
index 0000000..f055c5e
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-red.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ed8796;
+  --color-primary: #ed8796;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #eb7a8a;
+  --color-primary-dark-2: #e96c7f;
+  --color-primary-dark-3: #e75f73;
+  --color-primary-dark-4: #e55267;
+  --color-primary-dark-5: #e3445c;
+  --color-primary-dark-6: #e13750;
+  --color-primary-dark-7: #df2a45;
+  --color-primary-light-1: #ef94a2;
+  --color-primary-light-2: #f1a2ad;
+  --color-primary-light-3: #f3afb9;
+  --color-primary-light-4: #f5bcc5;
+  --color-primary-light-5: #f7cad0;
+  --color-primary-light-6: #f9d7dc;
+  --color-primary-light-7: #fbe4e7;
+  --color-primary-alpha-10: rgba(237, 135, 150, 0.1);
+  --color-primary-alpha-20: rgba(237, 135, 150, 0.2);
+  --color-primary-alpha-30: rgba(237, 135, 150, 0.3);
+  --color-primary-alpha-40: rgba(237, 135, 150, 0.4);
+  --color-primary-alpha-50: rgba(237, 135, 150, 0.5);
+  --color-primary-alpha-60: rgba(237, 135, 150, 0.6);
+  --color-primary-alpha-70: rgba(237, 135, 150, 0.7);
+  --color-primary-alpha-80: rgba(237, 135, 150, 0.8);
+  --color-primary-alpha-90: rgba(237, 135, 150, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-rosewater.css b/public/css/theme-catppuccin-macchiato-rosewater.css
new file mode 100644
index 0000000..1b52325
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-rosewater.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f4dbd6;
+  --color-primary: #f4dbd6;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #f1d0ca;
+  --color-primary-dark-2: #eec6be;
+  --color-primary-dark-3: #eabbb2;
+  --color-primary-dark-4: #e7b1a6;
+  --color-primary-dark-5: #e4a69a;
+  --color-primary-dark-6: #e19b8e;
+  --color-primary-dark-7: #dd9182;
+  --color-primary-light-1: #f7e6e2;
+  --color-primary-light-2: #faf0ee;
+  --color-primary-light-3: #fefbfa;
+  --color-primary-light-4: white;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(244, 219, 214, 0.1);
+  --color-primary-alpha-20: rgba(244, 219, 214, 0.2);
+  --color-primary-alpha-30: rgba(244, 219, 214, 0.3);
+  --color-primary-alpha-40: rgba(244, 219, 214, 0.4);
+  --color-primary-alpha-50: rgba(244, 219, 214, 0.5);
+  --color-primary-alpha-60: rgba(244, 219, 214, 0.6);
+  --color-primary-alpha-70: rgba(244, 219, 214, 0.7);
+  --color-primary-alpha-80: rgba(244, 219, 214, 0.8);
+  --color-primary-alpha-90: rgba(244, 219, 214, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-sapphire.css b/public/css/theme-catppuccin-macchiato-sapphire.css
new file mode 100644
index 0000000..0002a08
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-sapphire.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #7dc4e4;
+  --color-primary: #7dc4e4;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #70bee1;
+  --color-primary-dark-2: #64b9df;
+  --color-primary-dark-3: #57b3dc;
+  --color-primary-dark-4: #4aadd9;
+  --color-primary-dark-5: #3ea7d7;
+  --color-primary-dark-6: #31a2d4;
+  --color-primary-dark-7: #2a99cc;
+  --color-primary-light-1: #8acae7;
+  --color-primary-light-2: #96cfe9;
+  --color-primary-light-3: #a3d5ec;
+  --color-primary-light-4: #b0dbef;
+  --color-primary-light-5: #bce1f1;
+  --color-primary-light-6: #c9e6f4;
+  --color-primary-light-7: #d6ecf6;
+  --color-primary-alpha-10: rgba(125, 196, 228, 0.1);
+  --color-primary-alpha-20: rgba(125, 196, 228, 0.2);
+  --color-primary-alpha-30: rgba(125, 196, 228, 0.3);
+  --color-primary-alpha-40: rgba(125, 196, 228, 0.4);
+  --color-primary-alpha-50: rgba(125, 196, 228, 0.5);
+  --color-primary-alpha-60: rgba(125, 196, 228, 0.6);
+  --color-primary-alpha-70: rgba(125, 196, 228, 0.7);
+  --color-primary-alpha-80: rgba(125, 196, 228, 0.8);
+  --color-primary-alpha-90: rgba(125, 196, 228, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-sky.css b/public/css/theme-catppuccin-macchiato-sky.css
new file mode 100644
index 0000000..3c90be7
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-sky.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #91d7e3;
+  --color-primary: #91d7e3;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #85d3e0;
+  --color-primary-dark-2: #79cedd;
+  --color-primary-dark-3: #6ccada;
+  --color-primary-dark-4: #60c5d7;
+  --color-primary-dark-5: #54c1d3;
+  --color-primary-dark-6: #48bcd0;
+  --color-primary-dark-7: #3cb8cd;
+  --color-primary-light-1: #9ddbe6;
+  --color-primary-light-2: #a9e0e9;
+  --color-primary-light-3: #b6e4ec;
+  --color-primary-light-4: #c2e9ef;
+  --color-primary-light-5: #ceedf3;
+  --color-primary-light-6: #daf2f6;
+  --color-primary-light-7: #e6f6f9;
+  --color-primary-alpha-10: rgba(145, 215, 227, 0.1);
+  --color-primary-alpha-20: rgba(145, 215, 227, 0.2);
+  --color-primary-alpha-30: rgba(145, 215, 227, 0.3);
+  --color-primary-alpha-40: rgba(145, 215, 227, 0.4);
+  --color-primary-alpha-50: rgba(145, 215, 227, 0.5);
+  --color-primary-alpha-60: rgba(145, 215, 227, 0.6);
+  --color-primary-alpha-70: rgba(145, 215, 227, 0.7);
+  --color-primary-alpha-80: rgba(145, 215, 227, 0.8);
+  --color-primary-alpha-90: rgba(145, 215, 227, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-teal.css b/public/css/theme-catppuccin-macchiato-teal.css
new file mode 100644
index 0000000..531c81f
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-teal.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #8bd5ca;
+  --color-primary: #8bd5ca;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #80d1c5;
+  --color-primary-dark-2: #75cdc0;
+  --color-primary-dark-3: #69c9bb;
+  --color-primary-dark-4: #5ec5b5;
+  --color-primary-dark-5: #53c1b0;
+  --color-primary-dark-6: #48bdab;
+  --color-primary-dark-7: #41b4a3;
+  --color-primary-light-1: #96d9cf;
+  --color-primary-light-2: #a1ddd4;
+  --color-primary-light-3: #ade1d9;
+  --color-primary-light-4: #b8e5df;
+  --color-primary-light-5: #c3e9e4;
+  --color-primary-light-6: #ceede9;
+  --color-primary-light-7: #daf1ee;
+  --color-primary-alpha-10: rgba(139, 213, 202, 0.1);
+  --color-primary-alpha-20: rgba(139, 213, 202, 0.2);
+  --color-primary-alpha-30: rgba(139, 213, 202, 0.3);
+  --color-primary-alpha-40: rgba(139, 213, 202, 0.4);
+  --color-primary-alpha-50: rgba(139, 213, 202, 0.5);
+  --color-primary-alpha-60: rgba(139, 213, 202, 0.6);
+  --color-primary-alpha-70: rgba(139, 213, 202, 0.7);
+  --color-primary-alpha-80: rgba(139, 213, 202, 0.8);
+  --color-primary-alpha-90: rgba(139, 213, 202, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-macchiato-yellow.css b/public/css/theme-catppuccin-macchiato-yellow.css
new file mode 100644
index 0000000..d9f8b68
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato-yellow.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #eed49f;
+  --color-primary: #eed49f;
+  --color-primary-contrast: #181926;
+  --color-primary-dark-1: #ecce92;
+  --color-primary-dark-2: #e9c885;
+  --color-primary-dark-3: #e7c378;
+  --color-primary-dark-4: #e5bd6b;
+  --color-primary-dark-5: #e2b75e;
+  --color-primary-dark-6: #e0b151;
+  --color-primary-dark-7: #deab44;
+  --color-primary-light-1: #f0daac;
+  --color-primary-light-2: #f3e0b9;
+  --color-primary-light-3: #f5e5c6;
+  --color-primary-light-4: #f7ebd3;
+  --color-primary-light-5: #faf1e0;
+  --color-primary-light-6: #fcf7ed;
+  --color-primary-light-7: #fefdfa;
+  --color-primary-alpha-10: rgba(238, 212, 159, 0.1);
+  --color-primary-alpha-20: rgba(238, 212, 159, 0.2);
+  --color-primary-alpha-30: rgba(238, 212, 159, 0.3);
+  --color-primary-alpha-40: rgba(238, 212, 159, 0.4);
+  --color-primary-alpha-50: rgba(238, 212, 159, 0.5);
+  --color-primary-alpha-60: rgba(238, 212, 159, 0.6);
+  --color-primary-alpha-70: rgba(238, 212, 159, 0.7);
+  --color-primary-alpha-80: rgba(238, 212, 159, 0.8);
+  --color-primary-alpha-90: rgba(238, 212, 159, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: #3c4158;
+  --color-secondary-dark-2: #424761;
+  --color-secondary-dark-3: #494e6a;
+  --color-secondary-dark-4: #4f5573;
+  --color-secondary-dark-5: #555b7c;
+  --color-secondary-dark-6: #5b6286;
+  --color-secondary-dark-7: #61698f;
+  --color-secondary-dark-8: #686f98;
+  --color-secondary-dark-9: #71789e;
+  --color-secondary-dark-10: #7a81a4;
+  --color-secondary-dark-11: #8389aa;
+  --color-secondary-dark-12: #8c92b0;
+  --color-secondary-dark-13: #959bb7;
+  --color-secondary-light-1: #303346;
+  --color-secondary-light-2: #2a2d3d;
+  --color-secondary-light-3: #232634;
+  --color-secondary-light-4: #1d1f2b;
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #e65b6f;
+  --color-orange-light: #f18950;
+  --color-yellow-light: #e6c174;
+  --color-olive-light: #86cd6f;
+  --color-green-light: #86cd6f;
+  --color-teal-light: #66c7b9;
+  --color-blue-light: #5b8cf0;
+  --color-violet-light: #8992f3;
+  --color-purple-light: #aa71f2;
+  --color-pink-light: #ee91d5;
+  --color-brown-light: #e59e9e;
+  --color-grey-light: #747da3;
+  --color-black-light: #0a0b11;
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: #ea7183;
+  --color-error-bg-hover: #e65b6f;
+  --color-error-text: #181926;
+  --color-success-border: #86cd6f;
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: #e6c174;
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: #5b8cf0;
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: #e65b6f;
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: #ea7183;
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #181926;
+  --color-green-badge-hover-bg: #96d382;
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: #eaca89;
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: #f39967;
+  --color-git: #f5a97f;
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.1);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #5b6078;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #1e2030;
+  --color-label-active-bg: #5b6078;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-blue.css b/public/css/theme-catppuccin-mocha-blue.css
new file mode 100644
index 0000000..453fc5a
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-blue.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #89b4fa;
+  --color-primary: #89b4fa;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #7aabf9;
+  --color-primary-dark-2: #6ca1f9;
+  --color-primary-dark-3: #5d98f8;
+  --color-primary-dark-4: #4e8ff8;
+  --color-primary-dark-5: #4085f7;
+  --color-primary-dark-6: #317cf6;
+  --color-primary-dark-7: #2273f6;
+  --color-primary-light-1: #98bdfb;
+  --color-primary-light-2: #a6c7fb;
+  --color-primary-light-3: #b5d0fc;
+  --color-primary-light-4: #c4d9fc;
+  --color-primary-light-5: #d2e3fd;
+  --color-primary-light-6: #e1ecfe;
+  --color-primary-light-7: #f0f5fe;
+  --color-primary-alpha-10: rgba(137, 180, 250, 0.1);
+  --color-primary-alpha-20: rgba(137, 180, 250, 0.2);
+  --color-primary-alpha-30: rgba(137, 180, 250, 0.3);
+  --color-primary-alpha-40: rgba(137, 180, 250, 0.4);
+  --color-primary-alpha-50: rgba(137, 180, 250, 0.5);
+  --color-primary-alpha-60: rgba(137, 180, 250, 0.6);
+  --color-primary-alpha-70: rgba(137, 180, 250, 0.7);
+  --color-primary-alpha-80: rgba(137, 180, 250, 0.8);
+  --color-primary-alpha-90: rgba(137, 180, 250, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-flamingo.css b/public/css/theme-catppuccin-mocha-flamingo.css
new file mode 100644
index 0000000..7f767ae
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-flamingo.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f2cdcd;
+  --color-primary: #f2cdcd;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #efc1c1;
+  --color-primary-dark-2: #ecb5b5;
+  --color-primary-dark-3: #e9a9a9;
+  --color-primary-dark-4: #e59c9c;
+  --color-primary-dark-5: #e29090;
+  --color-primary-dark-6: #df8484;
+  --color-primary-dark-7: #dc7878;
+  --color-primary-light-1: #f5d9d9;
+  --color-primary-light-2: #f8e5e5;
+  --color-primary-light-3: #fbf1f1;
+  --color-primary-light-4: #fffefe;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(242, 205, 205, 0.1);
+  --color-primary-alpha-20: rgba(242, 205, 205, 0.2);
+  --color-primary-alpha-30: rgba(242, 205, 205, 0.3);
+  --color-primary-alpha-40: rgba(242, 205, 205, 0.4);
+  --color-primary-alpha-50: rgba(242, 205, 205, 0.5);
+  --color-primary-alpha-60: rgba(242, 205, 205, 0.6);
+  --color-primary-alpha-70: rgba(242, 205, 205, 0.7);
+  --color-primary-alpha-80: rgba(242, 205, 205, 0.8);
+  --color-primary-alpha-90: rgba(242, 205, 205, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-green.css b/public/css/theme-catppuccin-mocha-green.css
new file mode 100644
index 0000000..c23f2e6
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-green.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #a6e3a1;
+  --color-primary: #a6e3a1;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #9bdf95;
+  --color-primary-dark-2: #90dc89;
+  --color-primary-dark-3: #85d87e;
+  --color-primary-dark-4: #79d572;
+  --color-primary-dark-5: #6ed166;
+  --color-primary-dark-6: #63ce5a;
+  --color-primary-dark-7: #58ca4e;
+  --color-primary-light-1: #b1e7ad;
+  --color-primary-light-2: #bceab9;
+  --color-primary-light-3: #c7eec4;
+  --color-primary-light-4: #d3f1d0;
+  --color-primary-light-5: #def5dc;
+  --color-primary-light-6: #e9f8e8;
+  --color-primary-light-7: #f4fcf4;
+  --color-primary-alpha-10: rgba(166, 227, 161, 0.1);
+  --color-primary-alpha-20: rgba(166, 227, 161, 0.2);
+  --color-primary-alpha-30: rgba(166, 227, 161, 0.3);
+  --color-primary-alpha-40: rgba(166, 227, 161, 0.4);
+  --color-primary-alpha-50: rgba(166, 227, 161, 0.5);
+  --color-primary-alpha-60: rgba(166, 227, 161, 0.6);
+  --color-primary-alpha-70: rgba(166, 227, 161, 0.7);
+  --color-primary-alpha-80: rgba(166, 227, 161, 0.8);
+  --color-primary-alpha-90: rgba(166, 227, 161, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-lavender.css b/public/css/theme-catppuccin-mocha-lavender.css
new file mode 100644
index 0000000..790cf9b
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-lavender.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #b4befe;
+  --color-primary: #b4befe;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #a5b1fe;
+  --color-primary-dark-2: #96a4fe;
+  --color-primary-dark-3: #8797fd;
+  --color-primary-dark-4: #788afd;
+  --color-primary-dark-5: #697dfd;
+  --color-primary-dark-6: #596ffd;
+  --color-primary-dark-7: #4a62fd;
+  --color-primary-light-1: #c3cbfe;
+  --color-primary-light-2: #d2d8fe;
+  --color-primary-light-3: #e1e5ff;
+  --color-primary-light-4: #f0f2ff;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(180, 190, 254, 0.1);
+  --color-primary-alpha-20: rgba(180, 190, 254, 0.2);
+  --color-primary-alpha-30: rgba(180, 190, 254, 0.3);
+  --color-primary-alpha-40: rgba(180, 190, 254, 0.4);
+  --color-primary-alpha-50: rgba(180, 190, 254, 0.5);
+  --color-primary-alpha-60: rgba(180, 190, 254, 0.6);
+  --color-primary-alpha-70: rgba(180, 190, 254, 0.7);
+  --color-primary-alpha-80: rgba(180, 190, 254, 0.8);
+  --color-primary-alpha-90: rgba(180, 190, 254, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-maroon.css b/public/css/theme-catppuccin-mocha-maroon.css
new file mode 100644
index 0000000..ed34a63
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-maroon.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #eba0ac;
+  --color-primary: #eba0ac;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #e893a1;
+  --color-primary-dark-2: #e68796;
+  --color-primary-dark-3: #e37a8b;
+  --color-primary-dark-4: #e06d80;
+  --color-primary-dark-5: #de6175;
+  --color-primary-dark-6: #db546a;
+  --color-primary-dark-7: #d8485f;
+  --color-primary-light-1: #eeadb7;
+  --color-primary-light-2: #f0b9c2;
+  --color-primary-light-3: #f3c6cd;
+  --color-primary-light-4: #f6d3d8;
+  --color-primary-light-5: #f8dfe3;
+  --color-primary-light-6: #fbecee;
+  --color-primary-light-7: #fef8f9;
+  --color-primary-alpha-10: rgba(235, 160, 172, 0.1);
+  --color-primary-alpha-20: rgba(235, 160, 172, 0.2);
+  --color-primary-alpha-30: rgba(235, 160, 172, 0.3);
+  --color-primary-alpha-40: rgba(235, 160, 172, 0.4);
+  --color-primary-alpha-50: rgba(235, 160, 172, 0.5);
+  --color-primary-alpha-60: rgba(235, 160, 172, 0.6);
+  --color-primary-alpha-70: rgba(235, 160, 172, 0.7);
+  --color-primary-alpha-80: rgba(235, 160, 172, 0.8);
+  --color-primary-alpha-90: rgba(235, 160, 172, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-mauve.css b/public/css/theme-catppuccin-mocha-mauve.css
new file mode 100644
index 0000000..04b0b68
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-mauve.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #cba6f7;
+  --color-primary: #cba6f7;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #c398f6;
+  --color-primary-dark-2: #bb8af4;
+  --color-primary-dark-3: #b27cf3;
+  --color-primary-dark-4: #aa6ef2;
+  --color-primary-dark-5: #a260f1;
+  --color-primary-dark-6: #9a52ef;
+  --color-primary-dark-7: #9244ee;
+  --color-primary-light-1: #d3b4f8;
+  --color-primary-light-2: #dbc2fa;
+  --color-primary-light-3: #e4d0fb;
+  --color-primary-light-4: #ecdefc;
+  --color-primary-light-5: #f4ecfd;
+  --color-primary-light-6: #fcfaff;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(203, 166, 247, 0.1);
+  --color-primary-alpha-20: rgba(203, 166, 247, 0.2);
+  --color-primary-alpha-30: rgba(203, 166, 247, 0.3);
+  --color-primary-alpha-40: rgba(203, 166, 247, 0.4);
+  --color-primary-alpha-50: rgba(203, 166, 247, 0.5);
+  --color-primary-alpha-60: rgba(203, 166, 247, 0.6);
+  --color-primary-alpha-70: rgba(203, 166, 247, 0.7);
+  --color-primary-alpha-80: rgba(203, 166, 247, 0.8);
+  --color-primary-alpha-90: rgba(203, 166, 247, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-peach.css b/public/css/theme-catppuccin-mocha-peach.css
new file mode 100644
index 0000000..dbb1556
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-peach.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #fab387;
+  --color-primary: #fab387;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #f9aa78;
+  --color-primary-dark-2: #f9a06a;
+  --color-primary-dark-3: #f8975b;
+  --color-primary-dark-4: #f88e4c;
+  --color-primary-dark-5: #f7843e;
+  --color-primary-dark-6: #f67b2f;
+  --color-primary-dark-7: #f67220;
+  --color-primary-light-1: #fbbc96;
+  --color-primary-light-2: #fbc6a4;
+  --color-primary-light-3: #fccfb3;
+  --color-primary-light-4: #fcd8c2;
+  --color-primary-light-5: #fde2d0;
+  --color-primary-light-6: #feebdf;
+  --color-primary-light-7: #fef4ee;
+  --color-primary-alpha-10: rgba(250, 179, 135, 0.1);
+  --color-primary-alpha-20: rgba(250, 179, 135, 0.2);
+  --color-primary-alpha-30: rgba(250, 179, 135, 0.3);
+  --color-primary-alpha-40: rgba(250, 179, 135, 0.4);
+  --color-primary-alpha-50: rgba(250, 179, 135, 0.5);
+  --color-primary-alpha-60: rgba(250, 179, 135, 0.6);
+  --color-primary-alpha-70: rgba(250, 179, 135, 0.7);
+  --color-primary-alpha-80: rgba(250, 179, 135, 0.8);
+  --color-primary-alpha-90: rgba(250, 179, 135, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-pink.css b/public/css/theme-catppuccin-mocha-pink.css
new file mode 100644
index 0000000..f11d5e9
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-pink.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5c2e7;
+  --color-primary: #f5c2e7;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #f3b5e2;
+  --color-primary-dark-2: #f1a8dd;
+  --color-primary-dark-3: #ef9bd7;
+  --color-primary-dark-4: #ec8dd2;
+  --color-primary-dark-5: #ea80cd;
+  --color-primary-dark-6: #e873c8;
+  --color-primary-dark-7: #e666c3;
+  --color-primary-light-1: #f7cfec;
+  --color-primary-light-2: #f9dcf1;
+  --color-primary-light-3: #fbe9f7;
+  --color-primary-light-4: #fef7fc;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(245, 194, 231, 0.1);
+  --color-primary-alpha-20: rgba(245, 194, 231, 0.2);
+  --color-primary-alpha-30: rgba(245, 194, 231, 0.3);
+  --color-primary-alpha-40: rgba(245, 194, 231, 0.4);
+  --color-primary-alpha-50: rgba(245, 194, 231, 0.5);
+  --color-primary-alpha-60: rgba(245, 194, 231, 0.6);
+  --color-primary-alpha-70: rgba(245, 194, 231, 0.7);
+  --color-primary-alpha-80: rgba(245, 194, 231, 0.8);
+  --color-primary-alpha-90: rgba(245, 194, 231, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-red.css b/public/css/theme-catppuccin-mocha-red.css
new file mode 100644
index 0000000..d61766d
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-red.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f38ba8;
+  --color-primary: #f38ba8;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #f27d9e;
+  --color-primary-dark-2: #f06f93;
+  --color-primary-dark-3: #ef6189;
+  --color-primary-dark-4: #ed547e;
+  --color-primary-dark-5: #ec4674;
+  --color-primary-dark-6: #ea386a;
+  --color-primary-dark-7: #e92a5f;
+  --color-primary-light-1: #f499b2;
+  --color-primary-light-2: #f6a7bd;
+  --color-primary-light-3: #f7b5c7;
+  --color-primary-light-4: #f9c2d2;
+  --color-primary-light-5: #fad0dc;
+  --color-primary-light-6: #fcdee6;
+  --color-primary-light-7: #fdecf1;
+  --color-primary-alpha-10: rgba(243, 139, 168, 0.1);
+  --color-primary-alpha-20: rgba(243, 139, 168, 0.2);
+  --color-primary-alpha-30: rgba(243, 139, 168, 0.3);
+  --color-primary-alpha-40: rgba(243, 139, 168, 0.4);
+  --color-primary-alpha-50: rgba(243, 139, 168, 0.5);
+  --color-primary-alpha-60: rgba(243, 139, 168, 0.6);
+  --color-primary-alpha-70: rgba(243, 139, 168, 0.7);
+  --color-primary-alpha-80: rgba(243, 139, 168, 0.8);
+  --color-primary-alpha-90: rgba(243, 139, 168, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-rosewater.css b/public/css/theme-catppuccin-mocha-rosewater.css
new file mode 100644
index 0000000..7507f30
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-rosewater.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5e0dc;
+  --color-primary: #f5e0dc;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #f2d5d0;
+  --color-primary-dark-2: #eecbc4;
+  --color-primary-dark-3: #ebc0b8;
+  --color-primary-dark-4: #e7b6ac;
+  --color-primary-dark-5: #e4aba1;
+  --color-primary-dark-6: #e1a195;
+  --color-primary-dark-7: #dd9689;
+  --color-primary-light-1: #f8ebe8;
+  --color-primary-light-2: #fcf5f4;
+  --color-primary-light-3: white;
+  --color-primary-light-4: white;
+  --color-primary-light-5: white;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(245, 224, 220, 0.1);
+  --color-primary-alpha-20: rgba(245, 224, 220, 0.2);
+  --color-primary-alpha-30: rgba(245, 224, 220, 0.3);
+  --color-primary-alpha-40: rgba(245, 224, 220, 0.4);
+  --color-primary-alpha-50: rgba(245, 224, 220, 0.5);
+  --color-primary-alpha-60: rgba(245, 224, 220, 0.6);
+  --color-primary-alpha-70: rgba(245, 224, 220, 0.7);
+  --color-primary-alpha-80: rgba(245, 224, 220, 0.8);
+  --color-primary-alpha-90: rgba(245, 224, 220, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-sapphire.css b/public/css/theme-catppuccin-mocha-sapphire.css
new file mode 100644
index 0000000..ce3405c
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-sapphire.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #74c7ec;
+  --color-primary: #74c7ec;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #67c2ea;
+  --color-primary-dark-2: #59bce8;
+  --color-primary-dark-3: #4cb7e6;
+  --color-primary-dark-4: #3eb1e5;
+  --color-primary-dark-5: #31ace3;
+  --color-primary-dark-6: #23a6e1;
+  --color-primary-dark-7: #1d9ed7;
+  --color-primary-light-1: #81ccee;
+  --color-primary-light-2: #8fd2f0;
+  --color-primary-light-3: #9cd7f2;
+  --color-primary-light-4: #aaddf3;
+  --color-primary-light-5: #b7e2f5;
+  --color-primary-light-6: #c5e8f7;
+  --color-primary-light-7: #d2edf9;
+  --color-primary-alpha-10: rgba(116, 199, 236, 0.1);
+  --color-primary-alpha-20: rgba(116, 199, 236, 0.2);
+  --color-primary-alpha-30: rgba(116, 199, 236, 0.3);
+  --color-primary-alpha-40: rgba(116, 199, 236, 0.4);
+  --color-primary-alpha-50: rgba(116, 199, 236, 0.5);
+  --color-primary-alpha-60: rgba(116, 199, 236, 0.6);
+  --color-primary-alpha-70: rgba(116, 199, 236, 0.7);
+  --color-primary-alpha-80: rgba(116, 199, 236, 0.8);
+  --color-primary-alpha-90: rgba(116, 199, 236, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-sky.css b/public/css/theme-catppuccin-mocha-sky.css
new file mode 100644
index 0000000..14d0b20
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-sky.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #89dceb;
+  --color-primary: #89dceb;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #7cd8e9;
+  --color-primary-dark-2: #6fd4e7;
+  --color-primary-dark-3: #62d0e4;
+  --color-primary-dark-4: #55cce2;
+  --color-primary-dark-5: #48c9e0;
+  --color-primary-dark-6: #3bc5de;
+  --color-primary-dark-7: #2dc1db;
+  --color-primary-light-1: #96e0ed;
+  --color-primary-light-2: #a3e4ef;
+  --color-primary-light-3: #b0e8f2;
+  --color-primary-light-4: #bdecf4;
+  --color-primary-light-5: #caeff6;
+  --color-primary-light-6: #d7f3f8;
+  --color-primary-light-7: #e5f7fb;
+  --color-primary-alpha-10: rgba(137, 220, 235, 0.1);
+  --color-primary-alpha-20: rgba(137, 220, 235, 0.2);
+  --color-primary-alpha-30: rgba(137, 220, 235, 0.3);
+  --color-primary-alpha-40: rgba(137, 220, 235, 0.4);
+  --color-primary-alpha-50: rgba(137, 220, 235, 0.5);
+  --color-primary-alpha-60: rgba(137, 220, 235, 0.6);
+  --color-primary-alpha-70: rgba(137, 220, 235, 0.7);
+  --color-primary-alpha-80: rgba(137, 220, 235, 0.8);
+  --color-primary-alpha-90: rgba(137, 220, 235, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-teal.css b/public/css/theme-catppuccin-mocha-teal.css
new file mode 100644
index 0000000..37415c8
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-teal.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #94e2d5;
+  --color-primary: #94e2d5;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #88dfd0;
+  --color-primary-dark-2: #7cdbcc;
+  --color-primary-dark-3: #70d8c7;
+  --color-primary-dark-4: #64d5c2;
+  --color-primary-dark-5: #58d2bd;
+  --color-primary-dark-6: #4cceb9;
+  --color-primary-dark-7: #40cbb4;
+  --color-primary-light-1: #a0e5da;
+  --color-primary-light-2: #ace9de;
+  --color-primary-light-3: #b8ece3;
+  --color-primary-light-4: #c4efe8;
+  --color-primary-light-5: #d0f2ed;
+  --color-primary-light-6: #dcf6f1;
+  --color-primary-light-7: #e8f9f6;
+  --color-primary-alpha-10: rgba(148, 226, 213, 0.1);
+  --color-primary-alpha-20: rgba(148, 226, 213, 0.2);
+  --color-primary-alpha-30: rgba(148, 226, 213, 0.3);
+  --color-primary-alpha-40: rgba(148, 226, 213, 0.4);
+  --color-primary-alpha-50: rgba(148, 226, 213, 0.5);
+  --color-primary-alpha-60: rgba(148, 226, 213, 0.6);
+  --color-primary-alpha-70: rgba(148, 226, 213, 0.7);
+  --color-primary-alpha-80: rgba(148, 226, 213, 0.8);
+  --color-primary-alpha-90: rgba(148, 226, 213, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file
diff --git a/public/css/theme-catppuccin-mocha-yellow.css b/public/css/theme-catppuccin-mocha-yellow.css
new file mode 100644
index 0000000..6e76946
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha-yellow.css
@@ -0,0 +1,700 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f9e2af;
+  --color-primary: #f9e2af;
+  --color-primary-contrast: #11111b;
+  --color-primary-dark-1: #f8dda1;
+  --color-primary-dark-2: #f7d893;
+  --color-primary-dark-3: #f6d384;
+  --color-primary-dark-4: #f5cd76;
+  --color-primary-dark-5: #f4c868;
+  --color-primary-dark-6: #f3c35a;
+  --color-primary-dark-7: #f2be4b;
+  --color-primary-light-1: #fae7bd;
+  --color-primary-light-2: #fbeccb;
+  --color-primary-light-3: #fcf1da;
+  --color-primary-light-4: #fdf7e8;
+  --color-primary-light-5: #fefcf6;
+  --color-primary-light-6: white;
+  --color-primary-light-7: white;
+  --color-primary-alpha-10: rgba(249, 226, 175, 0.1);
+  --color-primary-alpha-20: rgba(249, 226, 175, 0.2);
+  --color-primary-alpha-30: rgba(249, 226, 175, 0.3);
+  --color-primary-alpha-40: rgba(249, 226, 175, 0.4);
+  --color-primary-alpha-50: rgba(249, 226, 175, 0.5);
+  --color-primary-alpha-60: rgba(249, 226, 175, 0.6);
+  --color-primary-alpha-70: rgba(249, 226, 175, 0.7);
+  --color-primary-alpha-80: rgba(249, 226, 175, 0.8);
+  --color-primary-alpha-90: rgba(249, 226, 175, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: #37394d;
+  --color-secondary-dark-2: #3e3f56;
+  --color-secondary-dark-3: #44465f;
+  --color-secondary-dark-4: #4b4c68;
+  --color-secondary-dark-5: #515370;
+  --color-secondary-dark-6: #575979;
+  --color-secondary-dark-7: #5e6082;
+  --color-secondary-dark-8: #64668b;
+  --color-secondary-dark-9: #6b6d94;
+  --color-secondary-dark-10: #74769a;
+  --color-secondary-dark-11: #7c7ea1;
+  --color-secondary-dark-12: #8587a7;
+  --color-secondary-dark-13: #8e90ae;
+  --color-secondary-light-1: #2b2b3b;
+  --color-secondary-light-2: #242532;
+  --color-secondary-light-3: #1e1e29;
+  --color-secondary-light-4: #171820;
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: #ee5d85;
+  --color-orange-light: #f89456;
+  --color-yellow-light: #f5d180;
+  --color-olive-light: #81d77a;
+  --color-green-light: #81d77a;
+  --color-teal-light: #6cd7c5;
+  --color-blue-light: #5895f8;
+  --color-violet-light: #8292fd;
+  --color-purple-light: #b077f3;
+  --color-pink-light: #ee96d6;
+  --color-brown-light: #e7a5a5;
+  --color-grey-light: #757d9d;
+  --color-black-light: #040406;
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: #f17497;
+  --color-error-bg-hover: #ee5d85;
+  --color-error-text: #11111b;
+  --color-success-border: #81d77a;
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: #f5d180;
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: #5895f8;
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: #ee5d85;
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: #f17497;
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #11111b;
+  --color-green-badge-hover-bg: #93dd8d;
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: #f7d997;
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: #f9a36f;
+  --color-git: #fab387;
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.1);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #585b70;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-bar: #181825;
+  --color-label-active-bg: #585b70;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.sha.isSigned.isVerified:hover .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
\ No newline at end of file