From 9bd48be27cfdc1ab9b992f4a19eb0e0a4d62aa02 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 26 Apr 2023 09:03:05 +0200
Subject: [PATCH] fix(core): selected,focus & focus-visible styles not applying
 correct default colors

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/core/src/theme-default.css | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/packages/core/src/theme-default.css b/packages/core/src/theme-default.css
index 0efb9006..a6f634f0 100644
--- a/packages/core/src/theme-default.css
+++ b/packages/core/src/theme-default.css
@@ -55,13 +55,6 @@
      box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
    }
 
-  &.selected,
-  &:focus,
-  &:focus-visible {
-     outline: none;
-     border: 1px solid var(--vf-node-color);
-   }
-
   .vue-flow__handle {
     background: var(--vf-handle);
   }
@@ -76,11 +69,19 @@
 }
 
 .vue-flow__node-input {
+  --vf-node-color: var(--vf-node-color, #0041d0);
   --vf-handle: var(--vf-node-color, #0041d0);
   --vf-box-shadow: var(--vf-node-color, #0041d0);
 
   background: var(--vf-node-bg);
   border-color: var(--vf-node-color, #0041d0);
+
+  &.selected,
+  &:focus,
+  &:focus-visible {
+     outline: none;
+     border: 1px solid var(--vf-node-color, #0041d0);
+   }
 }
 
 .vue-flow__node-default {
@@ -89,6 +90,13 @@
 
   background: var(--vf-node-bg);
   border-color: var(--vf-node-color, #1a192b);
+
+  &.selected,
+  &:focus,
+  &:focus-visible {
+     outline: none;
+     border: 1px solid var(--vf-node-color, #1a192b);
+   }
 }
 
 .vue-flow__node-output {
@@ -97,6 +105,13 @@
 
   background: var(--vf-node-bg);
   border-color: var(--vf-node-color, #ff0072);
+
+  &.selected,
+  &:focus,
+  &:focus-visible {
+     outline: none;
+     border: 1px solid var(--vf-node-color, #ff0072);
+   }
 }
 
 .vue-flow__nodesselection-rect,