jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: simplify frontend theme setup

Browse Source
This commit is contained in:
Jonathan Bourdon
2026-05-07 16:35:47 -04:00
parent 9768a37252
commit 6ac05e1a10
9 changed files with 70 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/features/feedback/components/FeedbackFloatingButton.vue
View File

@@ -36,19 +36,19 @@
.feedback-entry-button {
@apply flex h-12 items-center gap-2 rounded-full border px-4 text-sm font-bold shadow-lg transition-colors;
background: var(--socialize-accent-strong);
background: rgb(var(--v-theme-accent-strong));
border-color: rgba(255, 255, 255, 0.55);
color: #ffffff;
box-shadow: 0 16px 34px var(--socialize-accent-strong-shadow);
box-shadow: 0 16px 34px rgb(var(--v-theme-accent-strong) / 0.28);
}
.feedback-entry-button:hover {
background: color-mix(in srgb, var(--socialize-accent-strong) 82%, var(--socialize-primary));
box-shadow: 0 18px 38px var(--socialize-accent-strong-shadow);
background: color-mix(in srgb, rgb(var(--v-theme-accent-strong)) 82%, rgb(var(--v-theme-primary)));
box-shadow: 0 18px 38px rgb(var(--v-theme-accent-strong) / 0.28);
}
.feedback-entry-button:focus-visible {
outline: 3px solid color-mix(in srgb, var(--socialize-accent) 35%, transparent);
outline: 3px solid color-mix(in srgb, rgb(var(--v-theme-accent)) 35%, transparent);
outline-offset: 3px;
}