bvandeusen/FabledScribe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 50 Wiki Activity

refactor(theme): DRY hardcoded violet values into CSS custom properties

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-04-08 12:19:38 -04:00
parent 7e81e50e3e
commit 2ac894b5d1
16 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/AppHeader.vue
+3 -3
View File
@@ -194,7 +194,7 @@ router.afterEach(() => {
display: flex;
align-items: center;
gap: 2px;
background: rgba(124, 58, 237, 0.06);
background: var(--color-primary-faint);
border-radius: 10px;
padding: 3px;
}
@@ -217,7 +217,7 @@ router.afterEach(() => {
}
.nav-link:hover {
color: var(--color-text-secondary);
background: rgba(124, 58, 237, 0.08);
background: var(--color-primary-tint);
}
.nav-link.router-link-active {
color: #c4b5fd;
@@ -387,7 +387,7 @@ router.afterEach(() => {
border-radius: 8px;
}
.mobile-menu .nav-link.router-link-active {
background: rgba(124, 58, 237, 0.15);
background: var(--color-primary-wash);
box-shadow: none;
}
.mobile-user .btn-logout {
frontend/src/components/BriefingSetupWizard.vue
+2 -2
View File
@@ -247,7 +247,7 @@ async function finish() {
}
.wizard-progress-fill {
height: 100%;
background: linear-gradient(90deg, #7c3aed, #5b21b6);
background: var(--gradient-cta);
transition: width 0.3s ease;
}
.wizard-step-label {
@@ -375,7 +375,7 @@ async function finish() {
}
.btn-wizard-primary {
padding: 0.5rem 1.25rem;
background: linear-gradient(135deg, #7c3aed, #5b21b6);
background: var(--gradient-cta);
color: #fff;
border: none;
border-radius: 8px;
frontend/src/components/ChatInputBar.vue
+1 -1
View File
@@ -391,7 +391,7 @@ defineExpose({ focus, prefill })
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #7c3aed, #5b21b6);
background: var(--gradient-cta);
color: #fff;
border: none;
border-radius: 50%;
frontend/src/components/EventSlideOver.vue
+4 -4
View File
@@ -357,7 +357,7 @@ async function doDelete() {
box-sizing: border-box;
transition: border-color 0.15s;
}
.so-input:focus { outline: none; border-color: var(--color-primary, #7c3aed); }
.so-input:focus { outline: none; border-color: var(--color-primary); }
.so-textarea { resize: vertical; min-height: 5rem; font-family: inherit; }
@@ -376,8 +376,8 @@ async function doDelete() {
transition: all 0.15s;
}
.toggle-btn.active {
background: var(--color-primary, #7c3aed);
border-color: var(--color-primary, #7c3aed);
background: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
}
@@ -403,7 +403,7 @@ async function doDelete() {
}
.btn-primary {
background: linear-gradient(135deg, #7c3aed, #5b21b6);
background: var(--gradient-cta);
color: #fff;
border: none;
border-radius: 8px;
frontend/src/components/InlineAssistPanel.vue
+5 -5
View File
@@ -94,10 +94,10 @@ const markers: Record<DiffLine["type"], string> = {
/* ── Streaming ── */
.iap-streaming {
border-color: var(--color-primary, #7c3aed);
border-color: var(--color-primary);
}
.iap-streaming .iap-header {
background: color-mix(in srgb, var(--color-primary, #7c3aed) 8%, var(--color-bg-secondary));
background: color-mix(in srgb, var(--color-primary) 8%, var(--color-bg-secondary));
}
.iap-pulse {
@@ -105,7 +105,7 @@ const markers: Record<DiffLine["type"], string> = {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--color-primary, #7c3aed);
background: var(--color-primary);
flex-shrink: 0;
animation: iap-pulse 1.2s ease-in-out infinite;
}
@@ -172,8 +172,8 @@ const markers: Record<DiffLine["type"], string> = {
font-family: inherit;
}
.iap-btn-toggle:hover {
border-color: var(--color-primary, #7c3aed);
color: var(--color-primary, #7c3aed);
border-color: var(--color-primary);
color: var(--color-primary);
}
.iap-actions {
frontend/src/components/ShareDialog.vue
+1 -1
View File
@@ -337,7 +337,7 @@ onMounted(async () => {
.btn-add-share {
padding: 0.45rem 1rem;
background: linear-gradient(135deg, #7c3aed, #5b21b6);
background: var(--gradient-cta);
color: #fff;
border: none;
border-radius: 6px;
frontend/src/components/TagPill.vue
+1 -1
View File
@@ -40,7 +40,7 @@ defineEmits<{
}
.tag-pill:hover {
color: var(--color-primary);
background: rgba(124, 58, 237, 0.08);
background: var(--color-primary-tint);
}
.dismiss {
background: none;
frontend/src/components/ToolCallCard.vue
+4 -4
View File
@@ -751,7 +751,7 @@ function closeEventSlideOver(changed = false) {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--color-primary, #7c3aed);
background: var(--color-primary);
flex-shrink: 0;
}
@@ -773,14 +773,14 @@ function closeEventSlideOver(changed = false) {
}
.tool-event-card.clickable { cursor: pointer; }
.tool-event-card.clickable:hover {
border-color: var(--color-primary, #7c3aed);
background: color-mix(in srgb, var(--color-primary, #7c3aed) 6%, var(--color-bg-card, #16161a));
border-color: var(--color-primary);
background: color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-card, #16161a));
}
.tool-event-card-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--color-primary, #7c3aed);
background: var(--color-primary);
flex-shrink: 0;
margin-top: 3px;
}