Add Basic Prototype of Level Card Component

src/app/components/brand-accent/brand-accent.ts

@@ -1,9 +1,11 @@
 import {
-  afterNextRender, ChangeDetectionStrategy,
+  afterNextRender,
+  ChangeDetectionStrategy,
   Component,
   effect,
   ElementRef,
   inject,
+  input,
   NgZone,
   OnDestroy,
   viewChild,
@@ -24,6 +26,8 @@ export class BrandAccent implements OnDestroy {
   private ctx!: CanvasRenderingContext2D;
   private settingsService = inject(SettingsService);
 
+  drawGrid = input<boolean>(true);
+
   private canvasNativeSize: [number, number] = [0, 0];
   private bgGradient!: CanvasGradient;
   private gridGradient!: CanvasGradient;
@@ -235,6 +239,8 @@ export class BrandAccent implements OnDestroy {
       // this.ctx.drawImage(this.offscreenCanvas, 0, 0, this.canvasNativeSize[0], this.canvasNativeSize[1]);
     }
 
+    if (!this.drawGrid()) return;
+
     if (!isDark) {
       this.ctx.globalCompositeOperation = 'multiply';
     } else {