pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(settings/touchScreen): color circles based on app color

Browse Source
This commit is contained in:
Stevan
2026-02-10 14:53:00 +01:00
parent 7df9dd5e60
commit 82e4867a5e
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/Settings/BottomScreen/Menus/TouchScreen/TapTap.vue
View File

@@ -2,6 +2,7 @@
import { useLocalStorage } from "@vueuse/core"; import { useLocalStorage } from "@vueuse/core";
import gsap from "gsap"; import gsap from "gsap";
const app = useAppStore();
const store = useSettingsStore(); const store = useSettingsStore();
const achievements = useAchievementsStore(); const achievements = useAchievementsStore();
const confirmationModal = useConfirmationModal(); const confirmationModal = useConfirmationModal();
@@ -344,7 +345,7 @@ onRender((ctx) => {
// draw circles and rings // draw circles and rings
for (const circle of circles) { for (const circle of circles) {
ctx.globalAlpha = animation.circlesOpacity; ctx.globalAlpha = animation.circlesOpacity;
ctx.fillStyle = "#fb0000"; ctx.fillStyle = app.color.hex;
fillCirclePixelated(ctx, circle.x, circle.y, circle.radius); fillCirclePixelated(ctx, circle.x, circle.y, circle.radius);
ctx.fillStyle = "#fbfafa"; ctx.fillStyle = "#fbfafa";
@@ -353,7 +354,7 @@ onRender((ctx) => {
for (const ring of rings) { for (const ring of rings) {
ctx.globalAlpha = ring.alpha * animation.circlesOpacity; ctx.globalAlpha = ring.alpha * animation.circlesOpacity;
ctx.fillStyle = "#fb0000"; ctx.fillStyle = app.color.hex;
strokeCirclePixelated( strokeCirclePixelated(
ctx, ctx,
ring.x, ring.x,