fix(UI): wrong copnnection icons color with light theme

src/renderer/components/ModalConnectionAppearence.vue

@@ -180,4 +180,16 @@ onBeforeUnmount(() => {
          }
      }
   }
+
+  .theme-light {
+      .icons-wrapper {
+         .dbi {
+            filter: invert(100%) opacity(.8);
+
+            &.selected {
+               outline-color: #1c96d6;
+            }
+         }
+      }
+  }
 </style>

src/renderer/components/SettingBarConnections.vue

@@ -213,5 +213,6 @@ watch(() => props.modelValue, (value) => {
 
 .settingbar-element-icon {
    display: flex;
+   color: $body-font-color-dark;
 }
 </style>

src/renderer/components/SettingBarConnectionsFolder.vue

@@ -216,6 +216,7 @@ emit('folder-sort');// To apply changes on component key change
    width: 100%;
    border-radius: 15px;
    transition: background .3s;
+   color: $body-font-color-dark;
 
    &::before {
       content: "";