fix: light theme and ui fixes for contrast plugin

apps/contrast-plugin/src/app/app.component.css

@@ -16,6 +16,7 @@
 
 .color-box {
   block-size: 66px;
+  border: 1px solid var(--background-quaternary);
   border-radius: var(--spacing-8);
   background: linear-gradient(
     to right,
@@ -36,6 +37,7 @@
 
   span {
     color: var(--foreground-primary);
+    font-weight: 600;
   }
 }
 
@@ -75,3 +77,17 @@
     border-color: var(--error-700);
   }
 }
+
+:host[data-theme='light'] {
+  .tag {
+    color: var(--app-black);
+    &.good {
+      background-color: #a7e8d9;
+    }
+
+    &.fail {
+      background-color: var(--error-200);
+      border-color: var(--error-500);
+    }
+  }
+}

apps/contrast-plugin/src/plugin.ts

@@ -1,7 +1,7 @@
 import type { PluginMessageEvent, PluginUIEvent } from './model.js';
 
 penpot.ui.open('CONTRAST PLUGIN', `?theme=${penpot.getTheme()}`, {
-  width: 235,
+  width: 285,
   height: 525,
 });
 

libs/plugins-runtime/src/lib/modal/plugin.modal.css

@@ -37,10 +37,6 @@
   border-radius: 15px;
   border: 2px solid var(--color-background-quaternary);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-
-  &[data-theme='light'] {
-    border: none;
-  }
 }
 
 .header {