From c422705489a7aa93169d7bb516fc15fa672f4166 Mon Sep 17 00:00:00 2001
From: khaneliman <khaneliman@users.noreply.github.com>
Date: Sun, 9 Nov 2025 20:50:48 +0000
Subject: [PATCH] deploy: b8645b18b0f5374127bbade6de7381ef0b3d5720

---
 options.xhtml | 54 +++++++++++++++++++++++++++++++--------------------
 1 file changed, 33 insertions(+), 21 deletions(-)

diff --git a/options.xhtml b/options.xhtml
index 82d86f8d9..72870f5c6 100644
--- a/options.xhtml
+++ b/options.xhtml
@@ -81011,33 +81011,45 @@ string</p>
  </span>
 </dt>
 <dd>
-<p>Theme settings to add to the themes folder in <code class="literal">~/.config/vicinae/themes</code>.</p><p>The attribute name of the theme will be the name of theme json file,
-e.g. <code class="literal">base16-default-dark</code> will be <code class="literal">base16-default-dark.json</code>.</p>
+<p>Theme settings to add to the themes folder in <code class="literal">~/.config/vicinae/themes</code>. See <a class="link" href="https://docs.vicinae.com/theming/getting-started"  target="_top">https://docs.vicinae.com/theming/getting-started</a> for supported values.</p><p>The attribute name of the theme will be the name of theme file,
+e.g. <code class="literal">base16-default-dark</code> will be <code class="literal">base16-default-dark.toml</code> (or <code class="literal">.json</code> if vicinae version is &lt; 0.15.0).</p>
 
 <p><span class="emphasis"><em>Type:</em></span>
-JSON value</p>
+TOML value</p>
 
 <p><span class="emphasis"><em>Default:</em></span>
 <code class="literal">{ }</code></p>
 
-<p><span class="emphasis"><em>Example:</em></span></p><pre><code class="programlisting">{
-  base16-default-dark = {
-    version = &quot;1.0.0&quot;;
-    appearance = &quot;dark&quot;;
-    icon = /path/to/icon.png;
-    name = &quot;base16 default dark&quot;;
-    description = &quot;base16 default dark by Chris Kempson&quot;;
-    palette = {
-      background = &quot;#181818&quot;;
-      foreground = &quot;#d8d8d8&quot;;
-      blue = &quot;#7cafc2&quot;;
-      green = &quot;#a3be8c&quot;;
-      magenta = &quot;#ba8baf&quot;;
-      orange = &quot;#dc9656&quot;;
-      purple = &quot;#a16946&quot;;
-      red = &quot;#ab4642&quot;;
-      yellow = &quot;#f7ca88&quot;;
-      cyan = &quot;#86c1b9&quot;;
+<p><span class="emphasis"><em>Example:</em></span></p><pre><code class="programlisting"># vicinae &gt;= 0.15.0
+{
+  catppuccin-mocha = {
+    meta = {
+      version = 1;
+      name = &quot;Catppuccin Mocha&quot;;
+      description = &quot;Cozy feeling with color-rich accents&quot;;
+      variant = &quot;dark&quot;;
+      icon = &quot;icons/catppuccin-mocha.png&quot;;
+      inherits = &quot;vicinae-dark&quot;;
+    };
+
+    colors = {
+      core = {
+        background = &quot;#1E1E2E&quot;;
+        foreground = &quot;#CDD6F4&quot;;
+        secondary_background = &quot;#181825&quot;;
+        border = &quot;#313244&quot;;
+        accent = &quot;#89B4FA&quot;;
+      };
+      accents = {
+        blue = &quot;#89B4FA&quot;;
+        green = &quot;#A6E3A1&quot;;
+        magenta = &quot;#F5C2E7&quot;;
+        orange = &quot;#FAB387&quot;;
+        purple = &quot;#CBA6F7&quot;;
+        red = &quot;#F38BA8&quot;;
+        yellow = &quot;#F9E2AF&quot;;
+        cyan = &quot;#94E2D5&quot;;
+      };
     };
   };
 }