From a197d2aec2351616be87951ed6b8ed1f4ebc7623 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sun, 16 Apr 2023 03:38:43 +0100
Subject: [PATCH] feat: add tips for custom CSS debugging

---
 public/locales/zh/dashboard.json                 | 1 +
 src/pages/dashboard/[subdomain]/settings/css.tsx | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/public/locales/zh/dashboard.json b/public/locales/zh/dashboard.json
index ae03a463..6a9afab5 100644
--- a/public/locales/zh/dashboard.json
+++ b/public/locales/zh/dashboard.json
@@ -113,6 +113,7 @@
   "Scope: These styles will be applied to your entire blog, including this dashboard.": "范围：这些样式将应用于你的整个博客，包括这个仪表盘。",
   "Support": "支持",
   "CSS variables: xLog provides some built-in CSS variables": "CSS 变量：xLog 提供了一些内置的 CSS 变量",
+  "Using a browser plugin that can modify page styles, such as Stylebot, can help with debugging.": "使用可以修改页面样式的浏览器插件，例如 Stylebot，可以帮助调试。",
   "Address": "地址",
   "Character": "角色",
   "New operator": "新建授权",
diff --git a/src/pages/dashboard/[subdomain]/settings/css.tsx b/src/pages/dashboard/[subdomain]/settings/css.tsx
index 01e316a9..4dbac4af 100644
--- a/src/pages/dashboard/[subdomain]/settings/css.tsx
+++ b/src/pages/dashboard/[subdomain]/settings/css.tsx
@@ -74,6 +74,11 @@ export default function SettingsCSSPage() {
                 "Scope: These styles will be applied to your entire blog, including this dashboard.",
               )}
             </p>
+            <p>
+              {t(
+                "Using a browser plugin that can modify page styles, such as Stylebot, can help with debugging.",
+              )}
+            </p>
             <p>
               {t("Support")} <code>ipfs://</code>
             </p>