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/views/CalendarView.vue
+8 -8
View File
@@ -435,7 +435,7 @@ const upcomingGrouped = computed(() => {
}
.btn-new-event {
background: linear-gradient(135deg, #7c3aed, #5b21b6);
background: var(--gradient-cta);
color: #fff;
border: none;
border-radius: 8px;
@@ -482,8 +482,8 @@ const upcomingGrouped = computed(() => {
}
:deep(.fc-button:hover),
:deep(.fc-button-active) {
background: var(--color-primary, #7c3aed) !important;
border-color: var(--color-primary, #7c3aed) !important;
background: var(--color-primary) !important;
border-color: var(--color-primary) !important;
color: #fff !important;
}
:deep(.fc-button:focus) { box-shadow: none !important; }
@@ -494,7 +494,7 @@ const upcomingGrouped = computed(() => {
font-size: 0.82rem;
}
:deep(.fc-daygrid-day.fc-day-today) {
background: rgba(124, 58, 237, 0.08);
background: var(--color-primary-tint);
}
:deep(.fc-event) {
border-radius: 4px;
@@ -505,7 +505,7 @@ const upcomingGrouped = computed(() => {
}
:deep(.fc-event-main) { color: #fff; }
:deep(.fc-event:not([style*="background"])) {
background: var(--color-primary, #7c3aed);
background: var(--color-primary);
}
:deep(.fc-daygrid-day-frame) { min-height: 5rem; }
:deep(.fc-scrollgrid) { border-color: var(--color-border, #2a2b30); }
@@ -575,7 +575,7 @@ const upcomingGrouped = computed(() => {
}
.picker-month.active {
background: rgba(124,58,237,0.22);
color: var(--color-primary, #a78bfa);
color: var(--color-primary);
font-weight: 700;
}
@@ -691,7 +691,7 @@ const upcomingGrouped = computed(() => {
.popover-accent {
height: 4px;
background: var(--color-primary, #7c3aed);
background: var(--color-primary);
}
.popover-content {
@@ -750,7 +750,7 @@ const upcomingGrouped = computed(() => {
}
.popover-btn:hover { opacity: 0.85; }
.popover-btn--edit {
background: var(--color-primary, #7c3aed);
background: var(--color-primary);
color: #fff;
}
.popover-btn--close {