added details

README.md

@@ -51,6 +51,8 @@
 To make the best use them please refer to the [Styleguide](https://github.com/catppuccin/style-guide).
 <br><img src="assets/misc/transparent.png" height="10" width="0" />
 
+<details>
+<summary>🐑 Latte</summary>
 |                                                                                | Labels    | Hex       | RGB                  | HSL                  |
 | ------------------------------------------------------------------------------ | --------- | --------- | -------------------- | -------------------- |
 | <img src="assets/palette/circles/latte_rosewater.png" height="23" width="23"/> | Rosewater | `#dc8a78` | `rgb(220, 138, 120)` | `hsl(11, 59%, 67%)`  |
@@ -79,7 +81,11 @@ To make the best use them please refer to the [Styleguide](https://github.com/ca
 | <img src="assets/palette/circles/latte_base.png" height="23" width="23"/>      | Base      | `#eff1f5` | `rgb(239, 241, 245)` | `hsl(220, 23%, 95%)` |
 | <img src="assets/palette/circles/latte_mantle.png" height="23" width="23"/>    | Mantle    | `#e6e9ef` | `rgb(230, 233, 239)` | `hsl(220, 22%, 92%)` |
 | <img src="assets/palette/circles/latte_crust.png" height="23" width="23"/>     | Crust     | `#dce0e8` | `rgb(220, 224, 232)` | `hsl(220, 21%, 89%)` |
+</details>
 
+
+<details>
+<summary>🦦 Frappé</summary>
 |                                                                                 | Labels    | Hex       | RGB                  | HSL                  |
 | ------------------------------------------------------------------------------- | --------- | --------- | -------------------- | -------------------- |
 | <img src="assets/palette/circles/frappe_rosewater.png" height="23" width="23"/> | Rosewater | `#f2d5cf` | `rgb(242, 213, 207)` | `hsl(10, 57%, 88%)`  |
@@ -108,7 +114,10 @@ To make the best use them please refer to the [Styleguide](https://github.com/ca
 | <img src="assets/palette/circles/frappe_base.png" height="23" width="23"/>      | Base      | `#303446` | `rgb(48, 52, 70)`    | `hsl(229, 19%, 23%)` |
 | <img src="assets/palette/circles/frappe_mantle.png" height="23" width="23"/>    | Mantle    | `#292c3c` | `rgb(41, 44, 60)`    | `hsl(231, 19%, 20%)` |
 | <img src="assets/palette/circles/frappe_crust.png" height="23" width="23"/>     | Crust     | `#232634` | `rgb(35, 38, 52)`    | `hsl(229, 20%, 17%)` |
+</details>
 
+<details>
+<summary>🌺 Macchiato</summary>
 |                                                                                    | Labels    | Hex       | RGB                  | HSL                  |
 | ---------------------------------------------------------------------------------- | --------- | --------- | -------------------- | -------------------- |
 | <img src="assets/palette/circles/macchiato_rosewater.png" height="23" width="23"/> | Rosewater | `#f4dbd6` | `rgb(244, 219, 214)` | `hsl(10, 58%, 90%)`  |
@@ -137,7 +146,10 @@ To make the best use them please refer to the [Styleguide](https://github.com/ca
 | <img src="assets/palette/circles/macchiato_base.png" height="23" width="23"/>      | Base      | `#24273a` | `rgb(36, 39, 58)`    | `hsl(232, 23%, 18%)` |
 | <img src="assets/palette/circles/macchiato_mantle.png" height="23" width="23"/>    | Mantle    | `#1e2030` | `rgb(30, 32, 48)`    | `hsl(233, 23%, 15%)` |
 | <img src="assets/palette/circles/macchiato_crust.png" height="23" width="23"/>     | Crust     | `#181926` | `rgb(24, 25, 38)`    | `hsl(236, 23%, 12%)` |
+</details>
 
+<details>
+<summary>🌿 Mocha</summary>
 |                                                                                | Labels    | Hex       | RGB                  | HSL                  |
 | ------------------------------------------------------------------------------ | --------- | --------- | -------------------- | -------------------- |
 | <img src="assets/palette/circles/mocha_rosewater.png" height="23" width="23"/> | Rosewater | `#f5e0dc` | `rgb(245, 224, 220)` | `hsl(10, 56%, 91%)`  |
@@ -166,6 +178,7 @@ To make the best use them please refer to the [Styleguide](https://github.com/ca
 | <img src="assets/palette/circles/mocha_base.png" height="23" width="23"/>      | Base      | `#1e1e2e` | `rgb(30, 30, 46)`    | `hsl(240, 21%, 15%)` |
 | <img src="assets/palette/circles/mocha_mantle.png" height="23" width="23"/>    | Mantle    | `#181825` | `rgb(24, 24, 37)`    | `hsl(240, 21%, 12%)` |
 | <img src="assets/palette/circles/mocha_crust.png" height="23" width="23"/>     | Crust     | `#11111b` | `rgb(17, 17, 27)`    | `hsl(240, 23%, 9%)`  |
+</details>
 
 &nbsp;