From db8d61a1cb5afa590ab1d3de1cd6f982737f06e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa=20Valderrama?= <mavalroot@gmail.com>
Date: Wed, 12 Jun 2024 21:38:09 +0200
Subject: [PATCH] fix(icons-plugin): light theme + uxui review

---
 apps/icons-plugin/src/app/app.component.css           |  4 ++++
 apps/icons-plugin/src/app/app.component.ts            |  1 +
 .../components/icon-button/icon-button.component.css  | 11 +++++++++++
 3 files changed, 16 insertions(+)

diff --git a/apps/icons-plugin/src/app/app.component.css b/apps/icons-plugin/src/app/app.component.css
index ae499b8..8fc6764 100644
--- a/apps/icons-plugin/src/app/app.component.css
+++ b/apps/icons-plugin/src/app/app.component.css
@@ -26,4 +26,8 @@
     grid-auto-rows: max-content;
     justify-items: center;
   }
+
+  .no-icons-found {
+    font-size: var(--font-size-s);
+  }
 }
diff --git a/apps/icons-plugin/src/app/app.component.ts b/apps/icons-plugin/src/app/app.component.ts
index 3781424..4ee0cad 100644
--- a/apps/icons-plugin/src/app/app.component.ts
+++ b/apps/icons-plugin/src/app/app.component.ts
@@ -30,6 +30,7 @@ import { PluginMessageEvent } from '../model';
     <div class="icons-list">
       @for (key of iconKeys(); track key) {
       <app-icon-button
+        [class]="theme()"
         [icon]="icons()[key]"
         (insertIcon)="this.insertIcon(key)"
       ></app-icon-button>
diff --git a/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css b/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
index 88c6145..82039e5 100644
--- a/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
+++ b/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
@@ -15,3 +15,14 @@
     box-shadow: inset 0 0 0 2px var(--da-primary);
   }
 }
+
+:host {
+  &.light {
+    .icon-button {
+      &:focus,
+      &:active {
+        box-shadow: inset 0 0 0 2px var(--accent-tertiary);
+      }
+    }
+  }
+}