feat: use accent color for checkbox and text inputs (#295)

Author: bluwy

app/components/ConnectorModal.vue

@@ -159,7 +159,7 @@ watch(open, isOpen => {
                     name="connector-token"
                     :placeholder="$t('connector.modal.token_placeholder')"
                     v-bind="noCorrect"
-                    class="w-full px-3 py-2 font-mono text-sm bg-bg-subtle border border-border rounded-md text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
+                    class="w-full px-3 py-2 font-mono text-sm bg-bg-subtle border border-border rounded-md text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50"
                   />
                 </div>
 
@@ -183,7 +183,7 @@ watch(open, isOpen => {
                       name="connector-port"
                       inputmode="numeric"
                       autocomplete="off"
-                      class="w-full px-3 py-2 font-mono text-sm bg-bg-subtle border border-border rounded-md text-fg transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
+                      class="w-full px-3 py-2 font-mono text-sm bg-bg-subtle border border-border rounded-md text-fg transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50"
                     />
                   </div>
                 </details>