github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 06:51:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): unify UI colors onto theme tokens

Browse Source
This commit is contained in:
Freedom authored and GitHub committed 2026-07-28 11:24:10 +08:00
1 parent af479c7770
commit 1cdbf4fa3d
31 files changed
+558 -582
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/settings/McpConnectionScopePicker.vue
+2 -2
View File
@@ -159,7 +159,7 @@ watch([policyKey, () => groups.value.allowed.length], () => {
:tabindex="scopeMode === 'all' ? 0 : -1"
variant="outline"
class="settings-choice-card h-auto justify-center border p-3"
:class="[scopeMode === 'all' ? 'settings-choice-card--selected border-blue-300 ring-2 ring-blue-300/50' : '', disabled ? 'cursor-not-allowed opacity-50' : '']"
:class="[scopeMode === 'all' ? 'dbx-choice-selected' : '', disabled ? 'cursor-not-allowed opacity-50' : '']"
@click="setScopeMode('all')"
@keydown="onScopeModeKeydown($event, 'all')"
>
@@ -177,7 +177,7 @@ watch([policyKey, () => groups.value.allowed.length], () => {
:tabindex="scopeMode === 'selected' ? 0 : -1"
variant="outline"
class="settings-choice-card h-auto justify-center border p-3"
:class="[scopeMode === 'selected' ? 'settings-choice-card--selected border-blue-300 ring-2 ring-blue-300/50' : '', disabled ? 'cursor-not-allowed opacity-50' : '']"
:class="[scopeMode === 'selected' ? 'dbx-choice-selected' : '', disabled ? 'cursor-not-allowed opacity-50' : '']"
@click="setScopeMode('selected')"
@keydown="onScopeModeKeydown($event, 'selected')"
>
apps/desktop/src/components/settings/__tests__/McpConnectionScopePicker.spec.ts
Vendored
+1 -1
View File
@@ -70,7 +70,7 @@ describe("McpConnectionScopePicker", () => {
return node.type === "button" && node.props["class"]?.includes("settings-choice-card");
});
expect(modeButtons.find((node) => node.props["data-scope-mode"] === "all")?.props["class"]?.includes("settings-choice-card--selected")).toBe(true);
expect(modeButtons.find((node) => node.props["data-scope-mode"] === "all")?.props["class"]?.includes("dbx-choice-selected")).toBe(true);
expect(modeButtons.find((node) => node.props["data-scope-mode"] === "all")?.props.role).toBe("radio");
expect(modeButtons.find((node) => node.props["data-scope-mode"] === "all")?.props["aria-checked"]).toBe(true);
expect(modeButtons.find((node) => node.props["data-scope-mode"] === "selected")?.props.tabindex).toBe(-1);