> For the complete documentation index, see [llms.txt](https://devmosaic.gitbook.io/devmosaic/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://devmosaic.gitbook.io/devmosaic/resources/devmosaic-connect-ui/themes.md).

# Themes

\`Dm-connectui\` features a built-in library of \\\*\\\*100 color themes\\\*\\\* that automatically customize the primary accent color gradients on your connection screen.

### Selecting a Theme

To load a theme, open `config.lua` and set `Config.Theme` to either the **Theme Name (String)** or the **Theme Index (Number)**:

```lua
-- Select by name
Config.Theme = 'synthwave'

-- OR select by index
Config.Theme = 82
```

To deactivate theme presets and use your custom values defined in `Config.Colors`, set:

```lua
Config.Theme = nil
```

***

### Color Palette Library (100 Themes)

| Index   | Theme Name       | Primary Hex | Description                |
| ------- | ---------------- | ----------- | -------------------------- |
| **1**   | `electric_cyan`  | `#1698cc`   | Classic connection cyan    |
| **2**   | `ice_teal`       | `#00f2fe`   | Glowing neon ice blue      |
| **3**   | `diamond_ice`    | `#b1f2ff`   | Soft crystalline gray-blue |
| **4**   | `cyber_blue`     | `#00d2ff`   | Cyberpunk bright cyan      |
| **5**   | `oceanic`        | `#0083b0`   | Deep marine blue           |
| **6**   | `aqua_glow`      | `#00e676`   | Glowing aqua marine        |
| **7**   | `turquoise`      | `#1abc9c`   | Flat style teal            |
| **8**   | `glacier`        | `#85c1e9`   | Soft freezing blue         |
| **9**   | `deep_ocean`     | `#0052d4`   | Vibrant midnight blue      |
| **10**  | `neptune`        | `#0a58ca`   | Dark deep navy             |
| **11**  | `lime_pulse`     | `#84cc16`   | Bright lime green          |
| **12**  | `toxic_waste`    | `#39ff14`   | Radioactive neon green     |
| **13**  | `emerald`        | `#2ecc71`   | Premium gemstone green     |
| **14**  | `minty`          | `#52be80`   | Calming mint leaf          |
| **15**  | `forest_shade`   | `#196f3d`   | Dark tactical green        |
| **16**  | `matrix_green`   | `#00ff00`   | Digital code green         |
| **17**  | `alien_glow`     | `#7fff00`   | Vibrant UFO green          |
| **18**  | `sage`           | `#a2d9ce`   | Light pastel sage          |
| **19**  | `clover`         | `#27ae60`   | Rich leaf clover           |
| **20**  | `biohazard`      | `#9efd38`   | Toxic green hazard         |
| **21**  | `cyber_purple`   | `#bf55ec`   | Cyberpunk neon magenta     |
| **22**  | `neon_violet`    | `#8a2be2`   | Rich fluorescent violet    |
| **23**  | `amethyst`       | `#9b59b6`   | Light gemstone purple      |
| **24**  | `orchid`         | `#da70d6`   | Sweet orchid floral pink   |
| **25**  | `lavender_dream` | `#bb8fce`   | Calming pastel lavender    |
| **26**  | `dark_void`      | `#4a148c`   | Deep space black-purple    |
| **27**  | `twilight`       | `#6f42c1`   | Twilight dusk purple       |
| **28**  | `nebula_glow`    | `#e040fb`   | Glowing stellar magenta    |
| **29**  | `plum_purple`    | `#dda0dd`   | Muted plum                 |
| **30**  | `grape`          | `#663399`   | Rich grape                 |
| **31**  | `hot_pink`       | `#ff007f`   | High-vis neon pink         |
| **32**  | `barbie_glow`    | `#ff69b4`   | Toy bubblegum pink         |
| **33**  | `magenta_blast`  | `#d80073`   | Intense dark magenta       |
| **34**  | `rose_petal`     | `#f1948a`   | Soft rose                  |
| **35**  | `coral_pink`     | `#f08080`   | Pastel coral               |
| **36**  | `bubblegum`      | `#ffc0cb`   | Candy pink                 |
| **37**  | `sakura`         | `#ffb7c5`   | Japanese cherry blossom    |
| **38**  | `sunset_pink`    | `#f8bbd0`   | Warm twilight pink         |
| **39**  | `fuchsia`        | `#ff00ff`   | Pure digital fuchsia       |
| **40**  | `neon_rose`      | `#e91e63`   | Bright rose red            |
| **41**  | `crimson_fury`   | `#dc3545`   | Vibrant crimson red        |
| **42**  | `ruby_glow`      | `#9b111e`   | Deep ruby gemstone         |
| **43**  | `blood_red`      | `#8b0000`   | Vampiric blood red         |
| **44**  | `solar_flare`    | `#ff3300`   | Hot solar red-orange       |
| **45**  | `hellfire`       | `#7a0010`   | Dark demonic red           |
| **46**  | `cherry_bomb`    | `#de1738`   | Bright cherry red          |
| **47**  | `scarlet`        | `#ff2400`   | Classic scarlet            |
| **48**  | `lava`           | `#cf1b1b`   | Molten magma red           |
| **49**  | `rust`           | `#b8400b`   | Aged rust orange-red       |
| **50**  | `inferno`        | `#b20a2c`   | Fire inferno red           |
| **51**  | `neon_orange`    | `#ff6c00`   | High-vis neon orange       |
| **52**  | `amber_glow`     | `#ffbf00`   | Golden amber glow          |
| **53**  | `tiger_eye`      | `#e67e22`   | Tiger orange               |
| **54**  | `sunset_orange`  | `#ff5722`   | Dark sunset orange         |
| **55**  | `pumpkin`        | `#d35400`   | Autumn pumpkin orange      |
| **56**  | `tangerine`      | `#f39c12`   | Tangerine yellow-orange    |
| **57**  | `phoenix`        | `#e65100`   | Dark phoenix ash orange    |
| **58**  | `copper_spark`   | `#b87333`   | Metallic copper            |
| **59**  | `sunburst`       | `#ff8c00`   | Sunburst                   |
| **60**  | `rust_gold`      | `#c0392b`   | Muted brick gold           |
| **61**  | `gold_rush`      | `#ffd700`   | Clean bright gold          |
| **62**  | `royal_gold`     | `#d4af37`   | Premium metallic gold      |
| **63**  | `canary_yellow`  | `#ffeb3b`   | Canary yellow              |
| **64**  | `bumblebee`      | `#f1c40f`   | Bumblebee yellow           |
| **65**  | `electric_lemon` | `#ffff00`   | Neon lemon yellow          |
| **66**  | `muted_gold`     | `#b38f00`   | Dark bronze gold           |
| **67**  | `champagne`      | `#f7dc6f`   | Warm champagne gold        |
| **68**  | `sandstorm`      | `#f4d03f`   | Desert sand yellow         |
| **69**  | `honey`          | `#ffb300`   | Rich honey yellow          |
| **70**  | `banana_pulse`   | `#ffe119`   | Yellow                     |
| **71**  | `stealth_gray`   | `#6c757d`   | Tactical stealth gray      |
| **72**  | `platinum`       | `#e5e8e8`   | Platinum silver            |
| **73**  | `slate_silver`   | `#95a5a6`   | Slate metal silver         |
| **74**  | `carbon`         | `#343a40`   | Dark carbon fiber          |
| **75**  | `titanium`       | `#707b7c`   | Metallic titanium          |
| **76**  | `chrome`         | `#d5dbdb`   | Chrome reflection silver   |
| **77**  | `ghostly`        | `#f8f9fa`   | Ghostly white              |
| **78**  | `pearl`          | `#eaecee`   | Off-white pearl            |
| **79**  | `sand_gray`      | `#d2b4de`   | Muted clay gray            |
| **80**  | `chalk_white`    | `#ffffff`   | Pure solid white           |
| **81**  | `cyberpunk_2077` | `#f3e600`   | Cyberpunk yellow and cyan  |
| **82**  | `synthwave`      | `#ff007f`   | Sunset magenta and purple  |
| **83**  | `vaporwave`      | `#ff77ff`   | Pastel pink and cyan       |
| **84**  | `halloween`      | `#ff6600`   | Ghost orange and purple    |
| **85**  | `christmas`      | `#dc3545`   | Holiday red and green      |
| **86**  | `cotton_candy`   | `#ffb7c5`   | Pastel pink and blue       |
| **87**  | `joker`          | `#2ecc71`   | Joker green and purple     |
| **88**  | `purple_rain`    | `#800080`   | Purple and deep blue       |
| **89**  | `sunset_dream`   | `#ff5e62`   | Red-orange sunset          |
| **90**  | `deep_forest`    | `#1e824c`   | Ivy green and gold         |
| **91**  | `volcano`        | `#ff4e00`   | Magma red and orange       |
| **92**  | `glacier_ice`    | `#4facfe`   | Sky blue and cyan          |
| **93**  | `aurora`         | `#00ff87`   | Northern lights green-blue |
| **94**  | `poison_ivy`     | `#00ff87`   | Toxic ivy green and purple |
| **95**  | `laser_tag`      | `#ff007f`   | Laser pink and green       |
| **96**  | `solar_wind`     | `#f9d423`   | Solar yellow and red       |
| **97**  | `midnight_blue`  | `#0f2027`   | Deep space navy and gold   |
| **98**  | `desert_mirage`  | `#e5c158`   | Sand gold and ice blue     |
| **99**  | `royal_purple`   | `#7b1fa2`   | Royal purple and gold      |
| **100** | `rainbow_phase`  | `#ff0055`   | Full spectrum cycle        |