commit 911225ab9dba6fc6ac5a8162c9618223f586cdc7
Author: D. Moonfire <d.moonfire@moonfire.us>
Date:   Fri Dec 16 21:32:25 2022 -0600

    feat: initial commit

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4a1f71b
--- /dev/null
+++ b/README.md
@@ -0,0 +1,10 @@
+# Catppuccin Themes for Gitea
+
+This is a simple port of the [Codeberg user theme](https://github.com/catppuccin/codeberg/blob/main/catppuccin.user.css) suitable for setting up in your own [Gitea](gitea.com/) instance. The only major change from the original source was the use of CSS variables and having a base file that the four themes.
+
+To use, change your Gitea configuration [looks](https://docs.gitea.io/en-us/customizing-gitea/#customizing-the-look-of-gitea), add the following values to the Gitea configuration.
+
+```
+THEMES="catppuccin-frappe,catppuccin-latte,catppuccin-macchiato,catppuccin-mocha"
+DEFAULT_THEME="catppuccin-mocha"
+```
diff --git a/public/css/theme-catppuccin-base.css b/public/css/theme-catppuccin-base.css
new file mode 100644
index 0000000..350a88c
--- /dev/null
+++ b/public/css/theme-catppuccin-base.css
@@ -0,0 +1,243 @@
+:root {
+    --color-body: var(--theme-catppuccin-base);
+    --color-text: var(--theme-catppuccin-text);
+    --color-text-light: var(--theme-catppuccin-subtext0);
+    --color-text-light-2: var(--theme-catppuccin-subtext1);
+    --color-text-light-3: var(--theme-catppuccin-subtext1);
+    --color-text-dark: var(--theme-catppuccin-subtext0);
+    --color-text-dark-2: var(--theme-catppuccin-subtext1);
+    --color-text-dark-3: var(--theme-catppuccin-subtext1);
+    --color-secondary: var(--theme-catppuccin-surface1);
+    --color-caret: var(--theme-catppuccin-text);
+    --color-navbar: var(--theme-catppuccin-surface0);
+    --color-footer: var(--theme-catppuccin-surface0);
+
+    --color-red: var(--theme-catppuccin-red);
+    --color-orange: var(--theme-catppuccin-peach);
+    --color-yellow: var(--theme-catppuccin-yellow);
+    --color-olive: var(--theme-catppuccin-green);
+    --color-green: var(--theme-catppuccin-green);
+    --color-teal: var(--theme-catppuccin-teal);
+    --color-blue: var(--theme-catppuccin-blue);
+    --color-violet: var(--theme-catppuccin-mauve);
+    --color-purple: var(--theme-catppuccin-mauve);
+    --color-grey: var(--theme-catppuccin-overlay0);
+    --color-gold: var(--theme-catppuccin-yellow);
+    --color-red-light: var(--theme-catppuccin-red);
+    --color-orange-light: var(--theme-catppuccin-peach);
+    --color-yellow-light: var(--theme-catppuccin-yellow);
+    --color-olive-light: var(--theme-catppuccin-green);
+    --color-green-light: var(--theme-catppuccin-green);
+    --color-teal-light: var(--theme-catppuccin-teal);
+    --color-blue-light: var(--theme-catppuccin-blue);
+    --color-violet-light: var(--theme-catppuccin-mauve);
+    --color-purple-light: var(--theme-catppuccin-mauve);
+    --color-grey-light: var(--theme-catppuccin-overlay2);
+    --color-gold-light: var(--theme-catppuccin-yellow);
+    --color-black: var(--theme-catppuccin-crust);
+    --color-white: var(--theme-catppuccin-text);
+
+    --color-primary: var(--theme-catppuccin-blue);
+
+    --color-console-fg: var(--theme-catppuccin-text);
+    --color-console-bg: var(--theme-catppuccin-base);
+
+    --color-error-border: var(--theme-catppuccin-maroon);
+    --color-error-bg: var(--theme-catppuccin-overlay0);
+    --color-error-text: var(--theme-catppuccin-subtext1);
+
+    --color-success-border: var(--theme-catppuccin-green);
+    --color-success-bg: var(--theme-catppuccin-overlay0);
+    --color-success-text: var(--theme-catppuccin-subtext1);
+
+    --color-warning-border: var(--theme-catppuccin-orange);
+    --color-warning-bg: var(--theme-catppuccin-overlay1);
+    --color-warning-text: var(--theme-catppuccin-subtext1);
+
+    --color-info-border: var(--theme-catppuccin-overlay0);
+    --color-info-bg: var(--theme-catppuccin-surface0);
+    --color-info-text: var(--theme-catppuccin-subtext1);
+
+    --color-box-header: var(--theme-catppuccin-surface1);
+    --color-box-body: var(--theme-catppuccin-surface0);
+
+    --color-markup-code-block: var(--theme-catppuccin-surface2);
+
+    --color-input-background: var(--theme-catppuccin-base);
+    --color-input-border: var(--theme-catppuccin-surface1);
+    --color-input-text: var(--theme-catppuccin-text);
+
+    --color-card: var(--theme-catppuccin-surface0);
+
+    --color-active: var(--theme-catppuccin-surface0);
+    --color-menu: var(--theme-catppuccin-surface1);
+
+    --color-button: var(--theme-catppuccin-overlay0);
+    --color-light-border: var(--theme-catppuccin-surface1);
+    --color-dark-border: var(--theme-catppuccin-overlay0);
+
+    --color-diff-removed-row-bg: rgba(
+        var(--theme-catppuccin-red),
+        0.2
+    ) !important;
+    --color-diff-removed-row-border: rgba(
+        var(--theme-catppuccin-red),
+        0.2
+    ) !important;
+    --color-diff-removed-word-bg: rgba(
+        var(--theme-catppuccin-red),
+        0.4
+    ) !important;
+
+    --color-diff-added-row-bg: rgba(
+        var(--theme-catppuccin-green),
+        0.2
+    ) !important;
+    --color-diff-added-row-border: rgba(
+        var(--theme-catppuccin-green),
+        0.2
+    ) !important;
+    --color-diff-added-word-bg: rgba(
+        var(--theme-catppuccin-green),
+        0.4
+    ) !important;
+
+    --color-diff-inactive: var(--theme-catppuccin-surface1);
+
+    --color-code-bg: var(--theme-catppuccin-surface0);
+    --color-expand-button: var(--theme-catppuccin-surface1);
+}
+
+body {
+    background-color: var(--theme-catppuccin-base);
+    color: var(--theme-catppuccin-text);
+}
+
+.ui.table {
+    color: var(--theme-catppuccin-text);
+}
+
+.repository-summary {
+    background-color: var(--theme-catppuccin-surface0);
+}
+
+.ui.green.button {
+    background-color: var(--theme-catppuccin-green);
+    color: var(--theme-catppuccin-base);
+}
+
+.ui.red.button {
+    background-color: var(--theme-catppuccin-red);
+    color: var(--theme-catppuccin-base);
+    border-color: var(--theme-catppuccin-overlay0);
+}
+
+.ui.basic.red.button {
+    color: var(--theme-catppuccin-red);
+}
+
+.ui.negative.button {
+    background-color: var(--theme-catppuccin-red);
+    color: var(--theme-catppuccin-base);
+}
+
+.ui.basic.green.button {
+    color: var(--theme-catppuccin-green);
+}
+
+.ui.breadcrumb {
+    color: var(--theme-catppuccin-text);
+}
+
+.following.bar #navbar {
+    background-color: var(--theme-catppuccin-blue) !important;
+}
+
+#navbar .item {
+    color: var(--theme-catppuccin-surface0);
+}
+
+* {
+    caret-color: var(--theme-catppuccin-text);
+}
+
+@media (prefers-color-scheme: dark) {
+    .ui.red.label,
+    .ui.red.labels .label {
+        background-color: var(--theme-catppuccin-red) !important;
+        border-color: var(--theme-catppuccin-red) !important;
+        color: var(--theme-catppuccin-base) !important;
+    }
+    .ui.green.label,
+    .ui.green.labels,
+    .ui.basic.green.label {
+        background-color: var(--theme-catppuccin-green) !important;
+        border-color: var(--theme-catppuccin-green) !important;
+        color: var(--theme-catppuccin-base) !important;
+    }
+
+    .repository.file.list #repo-files-table tr {
+        background-color: var(--theme-catppuccin-base);
+    }
+    .repository.file.list #repo-files-table tr:hover {
+        background-color: var(--theme-catppuccin-surface1) !important;
+    }
+
+    .ui.horizontal.segments > .segment {
+        background-color: var(--theme-catppuccin-surface0);
+    }
+
+    .tag-code td.lines-type-marker,
+    td.blob-hunk {
+        color: var(--theme-catppuccin-text) !important;
+    }
+
+    .tag-code,
+    .tag-code td {
+        background: var(--theme-catppuccin-surface1) !important;
+    }
+
+    .tag-code td.lines-num {
+        background-color: var(--theme-catppuccin-surface1) !important;
+    }
+
+    .chroma .sb {
+        color: var(--theme-catppuccin-subtext1);
+    }
+
+    .chroma .nt {
+        color: rgba(var(--theme-catppuccin-mauve), 0.7) !important;
+    }
+
+    .chroma .na {
+        color: rgba(var(--theme-catppuccin-teal), 0.7) !important;
+    }
+
+    .chroma .nb {
+        color: rgba(var(--theme-catppuccin-mauve), 0.7);
+    }
+
+    .chroma .s2 {
+        color: rgba(var(--theme-catppuccin-teal), 0.7);
+    }
+
+    .chroma .si {
+        color: rgba(var(--theme-catppuccin-peach), 0.6);
+    }
+
+    .chroma .nv {
+        color: rgba(var(--theme-catppuccin-peach), 0.6);
+    }
+
+    .chroma .nx {
+        color: var(--theme-catppuccin-text);
+    }
+
+    .chroma .nf {
+        color: var(--theme-catppuccin-yellow);
+    }
+
+    .chroma .s {
+        color: rgba(var(--theme-catppuccin-teal), 0.7);
+    }
+}
diff --git a/public/css/theme-catppuccin-frappe.css b/public/css/theme-catppuccin-frappe.css
new file mode 100644
index 0000000..b5ee361
--- /dev/null
+++ b/public/css/theme-catppuccin-frappe.css
@@ -0,0 +1,32 @@
+@import "theme-catppuccin-base.css";
+
+:root {
+    --theme-catppuccin-type: dark;
+
+    --theme-catppuccin-rosewater: hsl(10.3, 57.4%, 88%);
+    --theme-catppuccin-flamingo: hsl(0, 58.5%, 83.9%);
+    --theme-catppuccin-pink: hsl(316, 73.2%, 83.9%);
+    --theme-catppuccin-mauve: hsl(276.7, 59%, 76.1%);
+    --theme-catppuccin-red: hsl(358.8, 67.8%, 70.8%);
+    --theme-catppuccin-maroon: hsl(357.8, 65.9%, 75.9%);
+    --theme-catppuccin-peach: hsl(20.3, 79.1%, 70%);
+    --theme-catppuccin-yellow: hsl(39.5, 62%, 73.1%);
+    --theme-catppuccin-green: hsl(95.8, 43.9%, 67.8%);
+    --theme-catppuccin-teal: hsl(171.5, 39.2%, 64.5%);
+    --theme-catppuccin-sky: hsl(189.1, 47.8%, 72.9%);
+    --theme-catppuccin-sapphire: hsl(198.6, 55.4%, 69.2%);
+    --theme-catppuccin-blue: hsl(221.6, 74.2%, 74.1%);
+    --theme-catppuccin-lavender: hsl(238.9, 66.3%, 83.7%);
+    --theme-catppuccin-text: hsl(227.2, 70.1%, 86.9%);
+    --theme-catppuccin-subtext1: hsl(226.7, 43.7%, 79.8%);
+    --theme-catppuccin-subtext0: hsl(228.3, 29.5%, 72.7%);
+    --theme-catppuccin-overlay2: hsl(227.7, 22.3%, 65.7%);
+    --theme-catppuccin-overlay1: hsl(226.7, 17%, 58.4%);
+    --theme-catppuccin-overlay0: hsl(229.1, 13.4%, 51.6%);
+    --theme-catppuccin-surface2: hsl(228, 13.3%, 44.3%);
+    --theme-catppuccin-surface1: hsl(227.1, 14.7%, 37.3%);
+    --theme-catppuccin-surface0: hsl(230, 15.6%, 30.2%);
+    --theme-catppuccin-base: hsl(229.1, 18.6%, 23.1%);
+    --theme-catppuccin-mantle: hsl(230.5, 18.8%, 19.8%);
+    --theme-catppuccin-crust: hsl(229.4, 19.5%, 17.1%);
+}
diff --git a/public/css/theme-catppuccin-latte.css b/public/css/theme-catppuccin-latte.css
new file mode 100644
index 0000000..a2ecc2e
--- /dev/null
+++ b/public/css/theme-catppuccin-latte.css
@@ -0,0 +1,32 @@
+@import "theme-catppuccin-base.css";
+
+:root {
+    --theme-catppuccin-type: light;
+
+    --theme-catppuccin-rosewater: hsl(10.8, 58.8%, 66.7%);
+    --theme-catppuccin-flamingo: hsl(0, 59.8%, 66.9%);
+    --theme-catppuccin-pink: hsl(316, 73.4%, 69%);
+    --theme-catppuccin-mauve: hsl(266, 85%, 58%);
+    --theme-catppuccin-red: hsl(347.1, 86.7%, 44.1%);
+    --theme-catppuccin-maroon: hsl(354.8, 76.3%, 58.6%);
+    --theme-catppuccin-peach: hsl(22, 99.2%, 52%);
+    --theme-catppuccin-yellow: hsl(34.9, 77%, 49.4%);
+    --theme-catppuccin-green: hsl(109.2, 57.6%, 39.8%);
+    --theme-catppuccin-teal: hsl(183.2, 73.9%, 34.5%);
+    --theme-catppuccin-sky: hsl(197.1, 96.6%, 45.7%);
+    --theme-catppuccin-sapphire: hsl(188.9, 70%, 41.8%);
+    --theme-catppuccin-blue: hsl(219.9, 91.5%, 53.9%);
+    --theme-catppuccin-lavender: hsl(230.9, 97.2%, 72%);
+    --theme-catppuccin-text: hsl(233.8, 16%, 35.5%);
+    --theme-catppuccin-subtext1: hsl(233.3, 12.8%, 41.4%);
+    --theme-catppuccin-subtext0: hsl(232.8, 10.4%, 47.3%);
+    --theme-catppuccin-overlay2: hsl(232.2, 9.6%, 53.1%);
+    --theme-catppuccin-overlay1: hsl(231.4, 10%, 59%);
+    --theme-catppuccin-overlay0: hsl(228, 11.2%, 65.1%);
+    --theme-catppuccin-surface2: hsl(226.7, 12.2%, 71%);
+    --theme-catppuccin-surface1: hsl(225, 13.6%, 76.9%);
+    --theme-catppuccin-surface0: hsl(222.9, 15.9%, 82.7%);
+    --theme-catppuccin-base: hsl(220, 23.1%, 94.9%);
+    --theme-catppuccin-mantle: hsl(220, 22%, 92%);
+    --theme-catppuccin-crust: hsl(220, 20.7%, 88.6%);
+}
diff --git a/public/css/theme-catppuccin-macchiato.css b/public/css/theme-catppuccin-macchiato.css
new file mode 100644
index 0000000..92cb004
--- /dev/null
+++ b/public/css/theme-catppuccin-macchiato.css
@@ -0,0 +1,32 @@
+@import "theme-catppuccin-base.css";
+
+:root {
+    --theme-catppuccin-type: dark;
+
+    --theme-catppuccin-rosewater: hsl(10, 57.7%, 89.8%);
+    --theme-catppuccin-flamingo: hsl(0, 58.3%, 85.9%);
+    --theme-catppuccin-pink: hsl(316.1, 73.7%, 85.1%);
+    --theme-catppuccin-mauve: hsl(266.5, 82.7%, 79.6%);
+    --theme-catppuccin-red: hsl(351.2, 73.9%, 72.9%);
+    --theme-catppuccin-maroon: hsl(355.1, 71.4%, 76.7%);
+    --theme-catppuccin-peach: hsl(21.4, 85.5%, 72.9%);
+    --theme-catppuccin-yellow: hsl(40.3, 69.9%, 77.8%);
+    --theme-catppuccin-green: hsl(105.2, 48.3%, 72%);
+    --theme-catppuccin-teal: hsl(171.1, 46.8%, 69%);
+    --theme-catppuccin-sky: hsl(188.8, 59.4%, 72.9%);
+    --theme-catppuccin-sapphire: hsl(198.6, 65.6%, 69.2%);
+    --theme-catppuccin-blue: hsl(220.2, 82.8%, 74.9%);
+    --theme-catppuccin-lavender: hsl(234.5, 82.3%, 84.5%);
+    --theme-catppuccin-text: hsl(227.4, 68.3%, 87.6%);
+    --theme-catppuccin-subtext1: hsl(228, 39.2%, 80%);
+    --theme-catppuccin-subtext0: hsl(227.4, 26.8%, 72.2%);
+    --theme-catppuccin-overlay2: hsl(228.3, 20%, 64.7%);
+    --theme-catppuccin-overlay1: hsl(227.6, 15.5%, 56.9%);
+    --theme-catppuccin-overlay0: hsl(230.3, 12.4%, 49.2%);
+    --theme-catppuccin-surface2: hsl(229.7, 13.7%, 41.4%);
+    --theme-catppuccin-surface1: hsl(231.1, 15.6%, 33.9%);
+    --theme-catppuccin-surface0: hsl(230.4, 18.8%, 26.1%);
+    --theme-catppuccin-base: hsl(231.8, 23.4%, 18.4%);
+    --theme-catppuccin-mantle: hsl(233.3, 23.1%, 15.3%);
+    --theme-catppuccin-crust: hsl(235.7, 22.6%, 12.2%);
+}
diff --git a/public/css/theme-catppuccin-mocha.css b/public/css/theme-catppuccin-mocha.css
new file mode 100644
index 0000000..dd15cf5
--- /dev/null
+++ b/public/css/theme-catppuccin-mocha.css
@@ -0,0 +1,32 @@
+@import "theme-catppuccin-base.css";
+
+:root {
+    --theme-catppuccin-type: dark;
+
+    --theme-catppuccin-rosewater: hsl(9.6, 55.6%, 91.2%);
+    --theme-catppuccin-flamingo: hsl(0, 58.7%, 87.6%);
+    --theme-catppuccin-pink: hsl(316.5, 71.8%, 86.1%);
+    --theme-catppuccin-mauve: hsl(267.4, 83.5%, 81%);
+    --theme-catppuccin-red: hsl(343.3, 81.2%, 74.9%);
+    --theme-catppuccin-maroon: hsl(350.4, 65.2%, 77.5%);
+    --theme-catppuccin-peach: hsl(23, 92%, 75.5%);
+    --theme-catppuccin-yellow: hsl(41.4, 86%, 83.1%);
+    --theme-catppuccin-green: hsl(115.5, 54.1%, 76.1%);
+    --theme-catppuccin-teal: hsl(170, 57.4%, 73.3%);
+    --theme-catppuccin-sky: hsl(189.2, 71%, 72.9%);
+    --theme-catppuccin-sapphire: hsl(198.5, 75.9%, 69%);
+    --theme-catppuccin-lavender: hsl(231.9, 97.4%, 85.1%);
+    --theme-catppuccin-blue: hsl(217.2, 91.9%, 75.9%);
+    --theme-catppuccin-text: hsl(226.2, 63.9%, 88%);
+    --theme-catppuccin-subtext1: hsl(226.7, 35.3%, 80%);
+    --theme-catppuccin-subtext0: hsl(227.6, 23.6%, 71.8%);
+    --theme-catppuccin-overlay2: hsl(228.4, 16.8%, 63.7%);
+    --theme-catppuccin-overlay1: hsl(229.7, 12.8%, 55.5%);
+    --theme-catppuccin-overlay0: hsl(230.8, 10.7%, 47.5%);
+    --theme-catppuccin-surface2: hsl(232.5, 12%, 39.2%);
+    --theme-catppuccin-surface1: hsl(234.3, 13.2%, 31.2%);
+    --theme-catppuccin-surface0: hsl(236.8, 16.2%, 22.9%);
+    --theme-catppuccin-base: hsl(240, 21.1%, 14.9%);
+    --theme-catppuccin-mantle: hsl(240, 21.3%, 12%);
+    --theme-catppuccin-crust: hsl(240, 22.7%, 8.6%);
+}