🔧 inputitem darkmode

kodadot · Jun 15, 2023 · 577a33a · 577a33a
1 parent e89d366
commit 577a33a
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 11 deletions.
diff --git a/components/rmrk/Create/AttributeTagInput.vue b/components/rmrk/Create/AttributeTagInput.vue
@@ -10,6 +10,9 @@
  item-class="my-3"
  :autocomplete-classes="{
  'item-class': 'p-2',
+ inputClasses: {
+ inputClass: 'neo-input',
+ },
  }"
  aria-close-label="Delete this tag"
  icon="tag"

diff --git a/libs/ui/src/components/NeoInputitems/NeoInputitems.scss b/libs/ui/src/components/NeoInputitems/NeoInputitems.scss
@@ -3,6 +3,7 @@
 @import '@oruga-ui/oruga/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga/src/scss/utilities/helpers.scss';
 
+$inputitems-border-width: 0;
 $inputitems-border-radius: 0;
 $inputitems-item-border-radius: 0;
 $autocomplete-menu-border-radius: 0;
@@ -12,19 +13,39 @@ $autocomplete-menu-border-radius: 0;
 @import '@oruga-ui/oruga/src/scss/components/inputitems.scss';
 
 .o-inputit__container {
- outline: none;
- box-shadow: none;
- @include ktheme() {
- border: 1px solid theme('k-grey-fix');
- background-color: theme('background-color');
- color: theme('text-color');
+ padding-top: 0;
+ @include ktheme() {
+ background-color: theme('background-color');
+ }
+ .o-input.neo-input {
+ outline: none;
+ box-shadow: none;
+ @include ktheme() {
+ border: 1px solid theme('k-grey-fix');
+ background-color: theme('background-color');
+ color: theme('text-color');
 
- &:focus {
- border: 1px solid theme('text-color');
- }
- }
+ &:focus {
+ border: 1px solid theme('text-color');
+ }
+ }
+ }
 }
 
 .o-acp__menu {
- width: 100%!important;
+ width: 100% !important;
+ @include ktheme() {
+ box-shadow: theme('primary-shadow');
+ border: 1px solid theme('border-color');
+ background: theme('background-color');
+ }
+
+ .o-acp__item {
+ color: inherit;
+ &:hover {
+ @include ktheme() {
+ color: theme('k-hovergrey');
+ }
+ }
+ }
 }