feat: adds rest of catppuccin themes

feat(styles): add rest of catppuccin themes

settings.php

@@ -56,7 +56,10 @@
                     <option value=\"startpage\">Startpage Dark</option>
                     <option value=\"gruvbox\">Gruvbox</option>
                     <option value=\"github_night\">GitHub Night</option>
-                    <option value=\"catppuccin\">Catppucin</option>
+                    <option value=\"catppuccin_latte\">Catppuccin Latte</option>
+                    <option value=\"catppuccin_frappe\">Catppuccin Frappe</option>
+                    <option value=\"catppuccin_macchiato\">Catppuccin Macchiato</option>
+                    <option value=\"catppuccin_mocha\">Catppuccin Mocha</option>
                     <option value=\"ubuntu\">Ubuntu</option>
                     <option value=\"tokyo_night\">Tokyo Night</option>";
 

static/css/catppuccin_frappe.css

@@ -0,0 +1,26 @@
+:root {
+  --main-bg: #303446;
+  --main-fg: #c6d0f5;
+
+  --result-link-fg: #8caaee;
+  --result-fg: #babbf1;
+
+  --button-bg: #414559;
+
+  --special-result-border: opacity 50;
+  --special-text-background: #51576d;
+  --special-text-color: #c6d0f5;
+
+  --search-container-text-color: #c6d0f5;
+  --search-container-background-color: #414559;
+  --search-container-background-border: #babbf1;
+
+  --search-form-background-color: #292c3c;
+
+  --border: #babbf1;
+
+  --footer-fg: #a5adce;
+  --footer-bg: #414559;
+
+  color-scheme: dark;
+}

static/css/catppuccin_latte.css

@@ -0,0 +1,24 @@
+:root {
+  --main-bg: #eff1f5;
+  --main-fg: #4c4f69;
+
+  --result-link-fg: #1e66f5;
+  --result-fg: #7287fd;
+
+  --button-bg: #ccd0da;
+
+  --special-result-border: opacity 50;
+  --special-text-background: #bcc0cc;
+  --special-text-color: #4c4f69;
+
+  --search-container-text-color: #4c4f69;
+  --search-container-background-color: #ccd0da;
+  --search-container-background-border: #7287fd;
+
+  --search-form-background-color: #e6e9ef;
+
+  --border: #7287fd;
+
+  --footer-fg: #6c6f85;
+  --footer-bg: #ccd0da;
+}

static/css/catppuccin_macchiato.css

@@ -0,0 +1,26 @@
+:root {
+  --main-bg: #24273a;
+  --main-fg: #cad3f5;
+
+  --result-link-fg: #8aadf4;
+  --result-fg: #b7bdf8;
+
+  --button-bg: #363a4f;
+
+  --special-result-border: opacity 50;
+  --special-text-background: #494d64;
+  --special-text-color: #cad3f5;
+
+  --search-container-text-color: #cad3f5;
+  --search-container-background-color: #363a4f;
+  --search-container-background-border: #b7bdf8;
+
+  --search-form-background-color: #1e2030;
+
+  --border: #b7bdf8;
+
+  --footer-fg: #a5adcb;
+  --footer-bg: #363a4f;
+
+  color-scheme: dark;
+}

static/css/catppuccin_mocha.css

@@ -0,0 +1,26 @@
+:root {
+  --main-bg: #1e1e2e;
+  --main-fg: #cdd6f4;
+
+  --result-link-fg: #89b4fa;
+  --result-fg: #b4b3fe;
+
+  --button-bg: #313244;
+
+  --special-result-border: opacity 50;
+  --special-text-background: #45475a;
+  --special-text-color: #cdd6f4;
+
+  --search-container-text-color: #cdd6f4;
+  --search-container-background-color: #313244;
+  --search-container-background-border: #b4b3fe;
+
+  --search-form-background-color: #181825;
+
+  --border: #b4b3fe;
+
+  --footer-fg: #a6adc8;
+  --footer-bg: #313244;
+
+  color-scheme: dark;
+}