From d596869ac5a655c3eb3df6202a5d669447f1637d Mon Sep 17 00:00:00 2001 From: Dev Kumar Date: Wed, 8 Jul 2026 21:57:10 -0500 Subject: [PATCH 1/2] feat(select): add Neon theme entry --- src/components/select/dependencies/themes.json | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/components/select/dependencies/themes.json b/src/components/select/dependencies/themes.json index 822b3cf..d2093c7 100644 --- a/src/components/select/dependencies/themes.json +++ b/src/components/select/dependencies/themes.json @@ -19,5 +19,12 @@ "input-class": "dyvix-select-input-ember", "dropdown-class": "dyvix-select-dropdown-ember", "default-animation": "glitch" + }, + { + "theme": "Neon", + "class": "dyvix-select-neon", + "input-class": "dyvix-select-input-neon", + "dropdown-class": "dyvix-select-dropdown-neon", + "default-animation": "pulse" } ] From 5979b0e627bb681ecdbe80c6286a2f5c4c27a029 Mon Sep 17 00:00:00 2001 From: Dev Kumar Date: Wed, 8 Jul 2026 21:58:46 -0500 Subject: [PATCH 2/2] feat(select): add Neon theme CSS classes --- .../select/dependencies/style/themes.css | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/src/components/select/dependencies/style/themes.css b/src/components/select/dependencies/style/themes.css index 86620fd..c31c2b8 100644 --- a/src/components/select/dependencies/style/themes.css +++ b/src/components/select/dependencies/style/themes.css @@ -110,3 +110,53 @@ .dyvix-select-ember .dyvix-select-dropdown-ember::-webkit-scrollbar-thumb { background: rgba(255, 69, 0, 0.6); } + +/* Neon Theme */ +.dyvix-select-neon .dyvix-select-input-neon { + border: 2px solid rgba(252, 46, 255, 0.4); + background: radial-gradient( + circle, + rgba(77, 238, 234, 1) 0%, + rgba(112, 186, 239, 1) 43%, + rgba(240, 0, 255, 1) 100% + ); + color: #ffffff; + box-shadow: 0px 0px 24px rgba(252, 46, 255, 0.5); + border-radius: 2rem; + transition: + border-radius 0.2s ease-in-out, + transform 0.3s ease-in-out, + box-shadow 0.3s ease-in-out; +} +.dyvix-select-neon .dyvix-select-input-neon:hover { + border-radius: 1rem; + transform: scale(1.01); + box-shadow: 0px 0px 40px rgba(252, 46, 255, 0.7); +} +.dyvix-select-neon .dyvix-select-input-neon:focus { + border-color: rgba(252, 46, 255, 0.8); + outline: none; +} +.dyvix-select-neon .dyvix-select-input-neon::placeholder { + color: rgba(255, 255, 255, 0.7); +} +.dyvix-select-neon .dyvix-select-dropdown-neon { + background: var(--dyvix-select-dropdown-color, #0d0d0d); + border: 1px solid rgba(252, 46, 255, 0.4); + border-radius: 1rem; + box-shadow: 0px 0px 30px rgba(252, 46, 255, 0.3); + --dyvix-select-active-bg: #f02eff; + --dyvix-select-active-text: #ffffff; +} +.dyvix-select-neon .dyvix-select-dropdown-neon li { + background: transparent; + color: rgba(255, 255, 255, 0.9); + border-bottom: 1px solid rgba(252, 46, 255, 0.15); +} +.dyvix-select-neon .dyvix-select-dropdown-neon li:hover { + background: rgba(252, 46, 255, 0.2); + color: white; +} +.dyvix-select-neon .dyvix-select-dropdown-neon::-webkit-scrollbar-thumb { + background: rgba(252, 46, 255, 0.6); +}