From 7948f943dee45f23422ea14e06cecf9dcd09e1d0 Mon Sep 17 00:00:00 2001
From: Sqaaakoi <sqaaakoi-git@sqaaakoi.xyz>
Date: Fri, 24 Jan 2025 16:30:21 +1300
Subject: [PATCH] Styles, BlurNSFW: update Style["variables"] type to support
 number values

---
 src/api/Styles.ts             | 4 ++--
 src/plugins/blurNsfw/index.ts | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/api/Styles.ts b/src/api/Styles.ts
index 6598d7e4c..eee93e29d 100644
--- a/src/api/Styles.ts
+++ b/src/api/Styles.ts
@@ -24,7 +24,7 @@ export interface Style {
     name: string;
     source: string;
     enabled: boolean;
-    variables?: Record<string, string>;
+    variables?: Record<string, string | number>;
 }
 
 export function requireStyle(name: string) {
@@ -177,7 +177,7 @@ export function updateStyleInDocument(style: Style, doc: Document) {
         if (style.variables) {
             Object.entries(style.variables).forEach(([key, value]) => {
                 const kebabCaseKey = key.replaceAll(/(?<=[a-z])[A-Z0-9]/g, v => `-${v}`).toLowerCase();
-                content = content.replaceAll(`[--${kebabCaseKey}]`, value);
+                content = content.replaceAll(`[--${kebabCaseKey}]`, value.toString());
             });
         }
         styleElement.textContent = content;
diff --git a/src/plugins/blurNsfw/index.ts b/src/plugins/blurNsfw/index.ts
index efa84e042..df3c7aa20 100644
--- a/src/plugins/blurNsfw/index.ts
+++ b/src/plugins/blurNsfw/index.ts
@@ -44,13 +44,13 @@ export default definePlugin({
             description: "Blur Amount",
             default: 10,
             onChange(v) {
-                setStyleVariables(style, { blurAmount: v.toString() });
+                setStyleVariables(style, { blurAmount: v });
             }
         }
     }),
 
     start() {
-        setStyleVariables(style, { blurAmount: this.settings.store.blurAmount.toString() });
+        setStyleVariables(style, { blurAmount: this.settings.store.blurAmount });
     },
 
     style