diff --git a/src/demo/index.php b/src/demo/index.php
index 81e97011..ab887c24 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -85,7 +85,12 @@ function gtag() {
 
                 <label for="theme">Theme</label>
                 <select class="param" id="theme" name="theme">
-                    <?php foreach ($THEMES as $theme => $options): ?>
+                    <?php
+
+                    //added sort in alphabetical order
+                    ksort($THEMES, SORT_NATURAL | SORT_FLAG_CASE);
+
+                    foreach ($THEMES as $theme => $options) : ?>
                         <?php
                         $dataAttrs = "";
                         foreach ($options as $key => $value) {
@@ -112,7 +117,7 @@ function gtag() {
 
                 <label for="locale">Locale</label>
                 <select class="param" id="locale" name="locale">
-                    <?php foreach ($LOCALES as $locale): ?>
+                    <?php foreach ($LOCALES as $locale) : ?>
                         <option value="<?php echo $locale; ?>">
                             <?php $display = Locale::getDisplayName($locale, $locale); ?>
                             <?php echo $display . " (" . $locale . ")"; ?>
@@ -206,7 +211,7 @@ function gtag() {
                         <div class="color-properties parameters">
                             <label for="properties">Add Property</label>
                             <select id="properties" name="properties">
-                                <?php foreach ($THEMES["default"] as $option => $color): ?>
+                                <?php foreach ($THEMES["default"] as $option => $color) : ?>
                                     <option><?php echo $option; ?></option>
                                 <?php endforeach; ?>
                             </select>
@@ -232,24 +237,24 @@ function gtag() {
                 <p class="warning">
                     Note: The stats above are just examples and not from your GitHub profile.
                 </p>
-                
+
                 <div>
                     <h2>Markdown</h2>
                     <div class="code-container md">
                         <code></code>
                     </div>
-                    
+
                     <button class="copy-button btn tooltip copy-md" onclick="clipboard.copy(this);" onmouseout="tooltip.reset(this);" disabled>
                         Copy To Clipboard
                     </button>
                 </div>
-                
+
                 <div>
                     <h2>HTML</h2>
                     <div class="code-container html">
                         <code></code>
                     </div>
-                    
+
                     <button class="copy-button btn tooltip copy-html" onclick="clipboard.copy(this);" onmouseout="tooltip.reset(this);" disabled>
                         Copy To Clipboard
                     </button>
@@ -260,7 +265,7 @@ function gtag() {
                     <div class="code-container json">
                         <code></code>
                     </div>
-                    
+
                     <button class="copy-button btn tooltip copy-json" onclick="clipboard.copy(this);" onmouseout="tooltip.reset(this);" disabled>
                         Copy To Clipboard
                     </button>
@@ -285,4 +290,4 @@ function gtag() {
     </a>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/src/themes.php b/src/themes.php
index 0e1972e5..d2a45414 100644
--- a/src/themes.php
+++ b/src/themes.php
@@ -2134,4 +2134,17 @@
         "dates" => "#A7ADBA",
         "excludeDaysLabel" => "#A7ADBA",
     ],
+    "kanagawa-paper" => [
+        "background" => "#1F1F28",
+        "border" => "#54546D",
+        "stroke" => "#727169",
+        "ring" => "#7FB4CA",
+        "fire" => "#E46876",
+        "currStreakNum" => "#98BB6C",
+        "sideNums" => "#7E9CD8",
+        "currStreakLabel" => "#E6C384",
+        "sideLabels" => "#7AA89F",
+        "dates" => "#C4B28A",
+        "excludeDaysLabel" => "#C8C093",
+    ],
 ];