Improve outlined action border

Author: hojberg

elm.json

@@ -23,6 +23,7 @@
         "UI.Toolbar",
         "UI.TabList",
         "UI.Button",
+        "UI.ButtonGroup",
         "UI.Modal",
         "UI.Tooltip",
         "UI.Placeholder",

src/css/themes/unison-light.css

@@ -71,7 +71,7 @@
   --u-color_icon-on-action-emphasized_hovered: var(--color-gray-5);
 
   --u-color_action_outlined: var(--color-transparent);
-  --u-color_border-on-action-outlined: var(--color-gray-7);
+  --u-color_border-on-action-outlined: rgba(var(--color-gray-0_), 0.15);
   --u-color_text-on-action-outlined: var(--color-gray-0);
   --u-color_icon-on-action-outlined: var(--color-gray-4);
   --u-color_action_outlined_hovered: var(--color-transparent);

src/css/ui/colors.css

@@ -19,7 +19,8 @@
   --color-gray-10-25pct: rgba(250, 250, 251, 0.25);
 
   /* Grays */
-  --color-gray-0: #18181c;
+  --color-gray-0_: 24, 24, 28;
+  --color-gray-0: rgba(var(--color-gray-0_, 1));
   --color-gray-1: #22232a;
   --color-gray-2: #2d2e35;