Add different palettes to README

README.md

@@ -13,156 +13,297 @@
   <a href="https://github.com/eldritch-theme/eldritch?tab=readme-ov-file#contributing">Contributing</a>
 </h6>
 
-<p>
+<p align="center">
 Eldritch is a community-driven dark theme inspired by Lovecraftian horror. With tones from the dark abyss and an emphasis on green and blue, it caters to those who appreciate the darker side of life.
-</p>
-
+<br/><br/>
+<a href="https://github.com/eldritch-theme/eldritch/stargazers">
+ <img alt="Stargazers" src="https://img.shields.io/github/stars/eldritch-theme?style=for-the-badge&logo=starship&color=04d1f9&logoColor=37f499&labelColor=323449">
+</a>
+<a href="https://github.com/search?o=desc&q=org%3Aeldritch-theme&s=created&type=Issues">
+ <img alt="Issues" src="https://img.shields.io/github/issues-search?query=org:eldritch-theme%20is:open&style=for-the-badge&logo=gitbook&color=7081d0&logoColor=37f499&labelColor=323449&label=Issues">
+</a>
+<br/>
+<a href="https://discord.gg/ZJHEEHUAju">
+ <img alt="Discord" src="https://img.shields.io/discord/1225850201084788868?style=for-the-badge&logo=discord&color=37f499&logoColor=37f499&labelColor=323449">
+</a>
 <p align="center">
-<a href="https://github.com/eldritch-theme/eldritch/stargazers"><img alt="Stargazers" src="https://img.shields.io/github/stars/eldritch-theme?style=for-the-badge&logo=starship&color=04d1f9&logoColor=37f499&labelColor=323449"></a>
-<a href="https://github.com/search?o=desc&q=org%3Aeldritch-theme&s=created&type=Issues"><img alt="Issues" src="https://img.shields.io/github/issues-search?query=org:eldritch-theme%20is:open&style=for-the-badge&logo=gitbook&color=7081d0&logoColor=37f499&labelColor=323449&label=Issues"></a>   <br/>
-<a href="https://discord.gg/ZJHEEHUAju"><img alt="Discord" src="https://img.shields.io/discord/1225850201084788868?style=for-the-badge&logo=discord&color=37f499&logoColor=37f499&labelColor=323449"></a>
-</p>
-
-<p>
-This repo serves as a repository for all the links to Eldritch theme ports as well as the general documentation and contribution guidelines. The theme is available for a variety of applications and is constantly being updated, expanded, and improved.
+This repository serves as a hub for all the links to Eldritch theme ports as well as the general documentation and contribution guidelines. 
+The theme is available for a variety of applications and is constantly being updated, expanded, and improved.
 </p>
 
 ### 🎨 Palette
 
+**Eldritch** offers three palettes to suit different environments and preferences:
+
+<details>
+<summary>🌅 Dusk (Light)</summary>
+<table>
+  <tr>
+    <th>&nbsp;&nbsp;&nbsp;</th>
+    <th>Labels</th>
+    <th>Hex</th>
+    <th>RGB</th>
+    <th>HSL</th>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/background.svg" width="12"/></td>
+    <td>Pale Mist White</td>
+    <td><code>#ebfafa</code></td>
+    <td><code>rgb(235, 250, 250)</code></td>
+    <td><code>hsl(180.0°, 60.0%, 95.1%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/currentline.svg" width="12"/></td>
+    <td>Dim Shore Grey</td>
+    <td><code>#f2f4f8</code></td>
+    <td><code>rgb(242, 244, 248)</code></td>
+    <td><code>hsl(220.0°, 30.0%, 96.08%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/foreground.svg" width="12"/></td>
+    <td>Abyssal Ink</td>
+    <td><code>#212337</code></td>
+    <td><code>rgb(33, 35, 55)</code></td>
+    <td><code>hsl(234.55°, 25.0%, 17.25%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/comment.svg" width="12"/></td>
+    <td>Faded Rune</td>
+    <td><code>#7081d0</code></td>
+    <td><code>rgb(112, 129, 208)</code></td>
+    <td><code>hsl(229.38°, 50.53%, 62.75%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/cyan.svg" width="12"/></td>
+    <td>Twilight Teal</td>
+    <td><code>#1a6c8c</code></td>
+    <td><code>rgb(26, 108, 140)</code></td>
+    <td><code>hsl(196.84°, 68.67%, 32.55%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/green.svg" width="12"/></td>
+    <td>Dusk Moss</td>
+    <td><code>#1a7f4c</code></td>
+    <td><code>rgb(26, 127, 76)</code></td>
+    <td><code>hsl(149.7°, 66.01%, 30.0%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/orange.svg" width="12"/></td>
+    <td>Ember Glow</td>
+    <td><code>#9e8c13</code></td>
+    <td><code>rgb(158, 140, 19)</code></td>
+    <td><code>hsl(52.23°, 78.53%, 34.71%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/pink.svg" width="12"/></td>
+    <td>Fading Rose</td>
+    <td><code>#8c2a6c</code></td>
+    <td><code>rgb(140, 42, 108)</code></td>
+    <td><code>hsl(319.59°, 53.85%, 35.69%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/purple.svg" width="12"/></td>
+    <td>Vesper Violet</td>
+    <td><code>#3a3e8c</code></td>
+    <td><code>rgb(58, 62, 140)</code></td>
+    <td><code>hsl(237.07°, 41.41%, 38.82%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/red.svg" width="12"/></td>
+    <td>Dusk Crimson</td>
+    <td><code>#ba1a1a</code></td>
+    <td><code>rgb(186, 26, 26)</code></td>
+    <td><code>hsl(0.0°, 75.47%, 41.57%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/dusk/circles/yellow.svg" width="12"/></td>
+    <td>Last Light Yellow</td>
+    <td><code>#e9f941</code></td>
+    <td><code>rgb(233, 249, 65)</code></td>
+    <td><code>hsl(65.22°, 93.88%, 61.57%)</code></td>
+  </tr>
+</table>
+</details>
+
+<details>
+<summary>🦑 Cthulhu (Default)</summary>
 <table>
   <tr>
     <th>&nbsp;&nbsp;&nbsp;</th>
     <th>Labels</th>
-    <th>Descriptor</th>
     <th>Hex</th>
     <th>RGB</th>
     <th>HSL</th>
-    <th>CMYK</th>
-    <th>Ansi16</th>
-    <th>Ansi256</th>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/background.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/background.svg" width="12"/></td>
     <td>Sunken Depths Grey</td>
-    <td>Background</td>
     <td><code>#212337</code></td>
     <td><code>rgb(33, 35, 55)</code></td>
-    <td><code>hsl(234.55 deg, 25%, 17.25%)</code></td>
-    <td><code>cmyk(40, 36, 0, 78)</code></td>
-    <td><code>0</code></td>
-    <td><code>236</code>
+    <td><code>hsl(234.55°, 25.0%, 17.25%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/currentline.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/currentline.svg" width="12"/></td>
     <td>Shallow Depths Grey</td>
-    <td>Current Line</td>
     <td><code>#323449</code></td>
     <td><code>rgb(50, 52, 73)</code></td>
-    <td><code>hsl(234.78 deg, 18.7%, 24.12%)</code></td>
-    <td><code>cmyk(32, 42, 0, 5)</code></td>
-    <td><code>8</code></td>
-    <td><code>59</code>
+    <td><code>hsl(234.78°, 18.7%, 24.12%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/foreground.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/foreground.svg" width="12"/></td>
     <td>Lighthouse White</td>
-    <td>Foreground</td>
     <td><code>#ebfafa</code></td>
     <td><code>rgb(235, 250, 250)</code></td>
-    <td><code>hsl(180 deg, 60%, 95.1%)</code></td>
-    <td><code>cmyk(6, 0, 0, 2)</code></td>
-    <td><code>15</code></td>
-    <td><code>231</code>
+    <td><code>hsl(180.0°, 60.0%, 95.1%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/comment.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/comment.svg" width="12"/></td>
     <td>The Old One Purple</td>
-    <td>Comment</td>
     <td><code>#7081d0</code></td>
     <td><code>rgb(112, 129, 208)</code></td>
-    <td><code>hsl(229.38 deg, 50.53%, 62.75%)</code></td>
-    <td><code>cmyk(46, 38, 0, 18)</code></td>
-    <td><code>4</code></td>
-    <td><code>105</code></td>
+    <td><code>hsl(229.38°, 50.53%, 62.75%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/cyan.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/cyan.svg" width="12"/></td>
     <td>Watery Tomb Blue</td>
-    <td>Secondary (Cyan)</td>
     <td><code>#04d1f9</code></td>
     <td><code>rgb(4, 209, 249)</code></td>
-    <td><code>hsl(189.8 deg, 96.84%, 49.61%)</code></td>
-    <td><code>cmyk(98, 16, 0, 2)</code></td>
-    <td><code>14</code></td>
-    <td><code>81</code>
+    <td><code>hsl(189.8°, 96.84%, 49.61%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/green.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/green.svg" width="12"/></td>
     <td>Great Old One Green</td>
-    <td>Primary (Green)</td>
     <td><code>#37f499</code></td>
     <td><code>rgb(55, 244, 153)</code></td>
-    <td><code>hsl(151.11 deg, 89.57%, 58.63%)</code></td>
-    <td><code>cmyk(40, 36, 0, 78)</code></td>
-    <td><code>10</code></td>
-    <td><code>120</code>
+    <td><code>hsl(151.11°, 89.57%, 58.63%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/orange.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/orange.svg" width="12"/></td>
     <td>Dreaming Orange</td>
-    <td>Orange</td>
     <td><code>#f7c67f</code></td>
     <td><code>rgb(247, 198, 127)</code></td>
-    <td><code>hsl(35.5 deg, 88.24%, 73.33%)</code></td>
-    <td><code>cmyk(0, 20, 49, 3)</code></td>
-    <td><code>11</code></td>
-    <td><code>222</code></td>
+    <td><code>hsl(35.5°, 88.24%, 73.33%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/pink.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/pink.svg" width="12"/></td>
     <td>Pustule Pink</td>
-    <td>Pink</td>
     <td><code>#f265b5</code></td>
     <td><code>rgb(242, 101, 181)</code></td>
-    <td><code>hsl(325.96 deg, 84.43%, 67.25%)</code></td>
-    <td><code>cmyk(0, 58, 25, 5)</code></td>
-    <td><code>13</code></td>
-    <td><code>205</code></td>
+    <td><code>hsl(325.96°, 84.43%, 67.25%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/purple.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/purple.svg" width="12"/></td>
     <td>Lovecraft Purple</td>
-    <td>Purple (Accent)</td>
     <td><code>#a48cf2</code></td>
-    <td><code>rgb(164,140,242)</code></td>
-    <td><code>hsl(254.12 deg, 79.69%, 74.9%)</code></td>
-    <td><code>cmyk(32,42,0,5)</code></td>
-    <td><code>5</code></td>
-    <td><code>63</code></td>
+    <td><code>rgb(164, 140, 242)</code></td>
+    <td><code>hsl(254.12°, 79.69%, 74.9%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/red.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/red.svg" width="12"/></td>
     <td>R'lyeh' Red</td>
-    <td>Red (Error)</td>
     <td><code>#f16c75</code></td>
     <td><code>rgb(241, 108, 117)</code></td>
-    <td><code>hsl(355.94 deg, 82.61%, 68.43%)</code></td>
-    <td><code>cmyk(0,55,51,5)</code></td>
-    <td><code>9</code></td>
-    <td><code>203</code></td>
+    <td><code>hsl(355.94°, 82.61%, 68.43%)</code></td>
   </tr>
   <tr>
-    <td><img src="assets/palette/circles/yellow.png" width="23"/></td>
+    <td><img src="assets/palette/cthulhu/circles/yellow.svg" width="12"/></td>
     <td>Gold of Yuggoth</td>
-    <td>Yellow</td>
     <td><code>#f1fc79</code></td>
     <td><code>rgb(241, 252, 121)</code></td>
-    <td><code>hsl(65.04 deg, 95.62%, 73.14%)</code></td>
-    <td><code>cmyk(4, 0, 52, 1)</code></td>
-    <td><code>11</code></td>
-    <td><code>227</code></td>
+    <td><code>hsl(65.04°, 95.62%, 73.14%)</code></td>
   </tr>
 </table>
+</details>
+
+<details>
+<summary>🌀 Abyss (Darker)</summary>
+<table>
+  <tr>
+    <th>&nbsp;&nbsp;&nbsp;</th>
+    <th>Labels</th>
+    <th>Hex</th>
+    <th>RGB</th>
+    <th>HSL</th>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/background.svg" width="12"/></td>
+    <td>Void Black</td>
+    <td><code>#171928</code></td>
+    <td><code>rgb(23, 25, 40)</code></td>
+    <td><code>hsl(232.94°, 26.98%, 12.35%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/currentline.svg" width="12"/></td>
+    <td>Deep Sea Grey</td>
+    <td><code>#252738</code></td>
+    <td><code>rgb(37, 39, 56)</code></td>
+    <td><code>hsl(233.68°, 20.43%, 18.24%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/foreground.svg" width="12"/></td>
+    <td>Pale Specter</td>
+    <td><code>#d8e6e6</code></td>
+    <td><code>rgb(216, 230, 230)</code></td>
+    <td><code>hsl(180.0°, 21.88%, 87.45%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/comment.svg" width="12"/></td>
+    <td>Forgotten Rune</td>
+    <td><code>#506299</code></td>
+    <td><code>rgb(80, 98, 153)</code></td>
+    <td><code>hsl(225.21°, 31.33%, 45.69%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/cyan.svg" width="12"/></td>
+    <td>Abyssal Teal</td>
+    <td><code>#0396b3</code></td>
+    <td><code>rgb(3, 150, 179)</code></td>
+    <td><code>hsl(189.89°, 96.7%, 35.69%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/green.svg" width="12"/></td>
+    <td>Phosphor Green</td>
+    <td><code>#2dcc82</code></td>
+    <td><code>rgb(45, 204, 130)</code></td>
+    <td><code>hsl(152.08°, 63.86%, 48.82%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/orange.svg" width="12"/></td>
+    <td>Amber Ichor</td>
+    <td><code>#d4a666</code></td>
+    <td><code>rgb(212, 166, 102)</code></td>
+    <td><code>hsl(34.91°, 56.12%, 61.57%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/pink.svg" width="12"/></td>
+    <td>Dreamrot Pink</td>
+    <td><code>#d154a1</code></td>
+    <td><code>rgb(209, 84, 161)</code></td>
+    <td><code>hsl(323.04°, 57.6%, 57.45%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/purple.svg" width="12"/></td>
+    <td>Shadow Violet</td>
+    <td><code>#8b75d9</code></td>
+    <td><code>rgb(139, 117, 217)</code></td>
+    <td><code>hsl(253.2°, 56.82%, 65.49%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/red.svg" width="12"/></td>
+    <td>Crimson Omen</td>
+    <td><code>#cc5860</code></td>
+    <td><code>rgb(204, 88, 96)</code></td>
+    <td><code>hsl(355.86°, 53.21%, 57.25%)</code></td>
+  </tr>
+  <tr>
+    <td><img src="assets/palette/abyss/circles/yellow.svg" width="12"/></td>
+    <td>Sulfur Yellow</td>
+    <td><code>#ccd663</code></td>
+    <td><code>rgb(204, 214, 99)</code></td>
+    <td><code>hsl(65.22°, 58.38%, 61.37%)</code></td>
+  </tr>
+</table>
+</details>
 
 ### 🧵 Ports