fix(kmodal): remove enforcing title icon color (#2068)

Kong · Mar 15, 2024 · d486ef5 · d486ef5
1 parent 18c91e6
commit d486ef5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/sandbox/pages/SandboxModals.vue b/sandbox/pages/SandboxModals.vue
@@ -393,7 +393,7 @@
             @proceed="data.modalVisible = false"
           >
             <template #title>
-              <KongIcon />
+              <KongIcon :color="KUI_COLOR_TEXT_DECORATIVE_AQUA" />
               Full screen KModal
             </template>
           </KModal>
@@ -606,6 +606,7 @@ import { inject } from 'vue'
 import SandboxTitleComponent from '../components/SandboxTitleComponent.vue'
 import SandboxSectionComponent from '../components/SandboxSectionComponent.vue'
 import { KongIcon } from '@kong/icons'
+import { KUI_COLOR_TEXT_DECORATIVE_AQUA } from '@kong/design-tokens'
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/components/KModal/KModal.vue b/src/components/KModal/KModal.vue
@@ -286,10 +286,6 @@ onUnmounted(() => {
         .modal-title {
           display: flex;
           gap: var(--kui-space-40, $kui-space-40);
-
-          :deep(#{$kongponentsKongIconSelector}) {
-            color: var(--kui-color-text-neutral, $kui-color-text-neutral) !important;
-          }
         }
 
         .modal-content {