feat(core): change theme color and stars count

This commit is contained in:
nico.hdr8
2025-10-06 13:06:44 +02:00
parent f25e61be55
commit 9a855f8543
2 changed files with 14 additions and 14 deletions

View File

@@ -323,17 +323,17 @@ export const Theme = definePreset(Aura, {
transitionDuration: "{transition.duration}" transitionDuration: "{transition.duration}"
}, },
primary: { primary: {
50: "#fffdea", 50: "#fff9ec",
100: "#fff7c2", 100: "#fff3d4",
200: "#ffef85", 200: "#ffe7a8",
300: "#ffe24d", 300: "#ffdb70", // deine gewünschte Farbe als Kern
400: "#ffd700", 400: "#ffcf38",
500: "#e6c200", 500: "#ffdb70", // Hauptfarbe
600: "#bfa100", 600: "#e6c35f",
700: "#997f00", 700: "#bf9e4a",
800: "#735f00", 800: "#997a36",
900: "#4d3f00", 900: "#735625",
950: "#1f1600" 950: "#4d3817"
}, },
colorScheme: { colorScheme: {
light: { light: {

View File

@@ -16,7 +16,7 @@ export class Background {
@ViewChild('canvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>; @ViewChild('canvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>;
// Config // Config
private numStars = 150; private numStars = 300;
private minBlink = 0.2; private minBlink = 0.2;
private maxBlink = 1; private maxBlink = 1;
private blinkSpeed = 0.002; // Stern blinkt langsamer oder schneller private blinkSpeed = 0.002; // Stern blinkt langsamer oder schneller
@@ -96,8 +96,8 @@ export class Background {
ctx.beginPath(); ctx.beginPath();
ctx.arc(star.x, star.y - this.scrollY * this.parallaxFactor, star.radius, 0, Math.PI * 2); ctx.arc(star.x, star.y - this.scrollY * this.parallaxFactor, star.radius, 0, Math.PI * 2);
ctx.fillStyle = this.themeSwitchService.darkMode() ctx.fillStyle = this.themeSwitchService.darkMode()
? `rgba(255, 215, 0, ${star.alpha})` ? `rgba(191, 158, 74, ${star.alpha})`
: `rgba(184, 134, 11, ${star.alpha})`; : `rgba(255, 219, 112, ${star.alpha})`;
ctx.fill(); ctx.fill();
} }