From 8cfdef3fe2c9c7c1c1883c96dea1862b5d8ac2a3 Mon Sep 17 00:00:00 2001 From: priyan923 Date: Wed, 8 Jul 2026 19:19:14 +0530 Subject: [PATCH 1/6] Add 'Blade' theme to themes.json Added a new theme 'Blade' with specific classes and animation. --- 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 43d8463..fb837de 100644 --- a/src/components/select/dependencies/themes.json +++ b/src/components/select/dependencies/themes.json @@ -12,5 +12,12 @@ "input-class": "dyvix-select-input-industrial", "dropdown-class": "dyvix-select-dropdown-industrial", "default-animation": "fade" + }, + { + "theme": "Blade", + "class": "dyvix-select-blade", + "input-class": "dyvix-select-input-blade", + "dropdown-class": "dyvix-select-dropdown-blade", + "default-animation": "drift" } ] From 74d5266feed668ab767dc7f6cde6552d2c7cfc30 Mon Sep 17 00:00:00 2001 From: priyan923 Date: Wed, 8 Jul 2026 19:20:20 +0530 Subject: [PATCH 2/6] Add blade theme styles for select component in themes.css Added styles for blade theme in select component. --- src/components/select/dependencies/style/themes.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/select/dependencies/style/themes.css b/src/components/select/dependencies/style/themes.css index 40896aa..3ee6d41 100644 --- a/src/components/select/dependencies/style/themes.css +++ b/src/components/select/dependencies/style/themes.css @@ -56,3 +56,13 @@ .dyvix-select-industrial .dyvix-select-dropdown-industrial::-webkit-scrollbar-thumb { background: #0a1429; } +.dyvix-select-blade .dyvix-select-input-blade { + background: #1a1a1a; + border: 1px solid #ff4500; + color: #ffffff; +} +.dyvix-select-blade .dyvix-select-dropdown-blade { + background: #1a1a1a; + border: 1px solid #ff4500; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); +} From 0dbc33aa9ebb3b9f2e780de5f4969aa86104333e Mon Sep 17 00:00:00 2001 From: priyan923 Date: Wed, 8 Jul 2026 19:26:22 +0530 Subject: [PATCH 3/6] Change theme to 'Blade' and clean up styles Updated theme to 'Blade' and removed background styles. --- devbench/src/component/select.jsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/devbench/src/component/select.jsx b/devbench/src/component/select.jsx index 839f9e4..37d2f32 100644 --- a/devbench/src/component/select.jsx +++ b/devbench/src/component/select.jsx @@ -8,10 +8,9 @@ export function SelectTest() { return ( Date: Thu, 9 Jul 2026 08:10:12 +0530 Subject: [PATCH 4/6] Updated select.jsx Removed comments about theme usage and style handling. --- devbench/src/component/select.jsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/devbench/src/component/select.jsx b/devbench/src/component/select.jsx index 37d2f32..2bc8f92 100644 --- a/devbench/src/component/select.jsx +++ b/devbench/src/component/select.jsx @@ -8,9 +8,8 @@ export function SelectTest() { return ( Date: Thu, 9 Jul 2026 08:26:01 +0530 Subject: [PATCH 5/6] Update themes.css --- .../select/dependencies/style/themes.css | 32 ++++++++++++++++--- 1 file changed, 27 insertions(+), 5 deletions(-) diff --git a/src/components/select/dependencies/style/themes.css b/src/components/select/dependencies/style/themes.css index bc7b790..8605c4e 100644 --- a/src/components/select/dependencies/style/themes.css +++ b/src/components/select/dependencies/style/themes.css @@ -57,15 +57,37 @@ .dyvix-select-dropdown-industrial::-webkit-scrollbar-thumb { background: #0a1429; } +/* Blade Theme */ .dyvix-select-blade .dyvix-select-input-blade { - background: #1a1a1a; - border: 1px solid #ff4500; + font-family: 'Geist'; + border: 2px solid #374151; + border-radius: 8px; + background-color: #0a1429; + padding: 0.75rem; color: #ffffff; + transition: + box-shadow ease-in-out 0.4s, + border-color ease-in-out 0.3s, + background-color ease-in-out 0.2s; +} +.dyvix-select-blade .dyvix-select-input-blade:hover { + border-color: #6a6a6a; + background-color: #101f39; } .dyvix-select-blade .dyvix-select-dropdown-blade { - background: #1a1a1a; - border: 1px solid #ff4500; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + margin-top: 0.5rem; + border: 1px solid #374151; + border-radius: 8px; + background-color: #0a1429; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); + padding: 0.5rem; +} + +.dyvix-select-blade .dyvix-select-dropdown-blade li:hover { + background: rgba(255, 69, 0, 0.15); + color: #ffffff; + cursor: pointer; +} /* Ember Theme */ .dyvix-select-ember .dyvix-select-input-ember { background: #0f0a08; From b703342549ab99eaef5df5da5df0b07de6dab16f Mon Sep 17 00:00:00 2001 From: priyan923 Date: Thu, 9 Jul 2026 08:29:31 +0530 Subject: [PATCH 6/6] Updated 'Blade' theme to themes.json Added new theme 'Ember' with associated classes. --- src/components/select/dependencies/themes.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/select/dependencies/themes.json b/src/components/select/dependencies/themes.json index 2d784b2..4792482 100644 --- a/src/components/select/dependencies/themes.json +++ b/src/components/select/dependencies/themes.json @@ -19,6 +19,8 @@ "input-class": "dyvix-select-input-blade", "dropdown-class": "dyvix-select-dropdown-blade", "default-animation": "drift" + }, + { "theme": "Ember", "class": "dyvix-select-ember", "input-class": "dyvix-select-input-ember",