block HarmonyOS Sans

Author: VentusUta

assets/block-harmonyos-sans.json

@@ -0,0 +1,20 @@
+[
+  {
+    "id": 1,
+    "priority": 1,
+    "action": { "type": "block" },
+    "condition": {
+      "urlFilter": "||s1.hdslb.com/bfs/static/jinkela/long/font/regular.css",
+      "resourceTypes": ["stylesheet"]
+    }
+  },
+  {
+    "id": 2,
+    "priority": 1,
+    "action": { "type": "block" },
+    "condition": {
+      "urlFilter": "||s1.hdslb.com/bfs/static/jinkela/long/font/medium.css",
+      "resourceTypes": ["stylesheet"]
+    }
+  }
+]

src/contentScripts/views/App.vue

@@ -405,6 +405,12 @@ provide<BewlyAppProvider>('BEWLY_APP', {
   haveScrollbar,
 })
 
+document.querySelectorAll('link[rel="stylesheet"]').forEach((el) => {
+  const link = el as HTMLLinkElement
+  if (link.href.includes('regular.css') || link.href.includes('medium.css'))
+    link.remove()
+})
+
 /* Add 'BewlyInternalResource' suffix to prevent conflict with local fonts. */
 const fontStyles = document.createElement('style')
 fontStyles.textContent = `

src/contentScripts/views/necessarySettingsWatchers.ts

@@ -124,7 +124,10 @@ export function setupNecessarySettingsWatchers() {
     .video-info-container .special-text-indent[data-title^='《'],a[title^='《'],p[title^='《'],h3[title^='《'],
     .video-info-container .special-text-indent[data-title^='「'],a[title^='「'],p[title^='「'],h3[title^='「'],
     .video-info-container .special-text-indent[data-title^='『'],a[title^='『'],p[title^='『'],h3[title^='『'],
-    .video-info-container .special-text-indent[data-title^='【'],a[title^='【'],p[title^='【'],h3[title^='【'] {
+    .video-info-container .special-text-indent[data-title^='【'],a[title^='【'],p[title^='【'],h3[title^='【'],
+    .bili-video-card__title[title^="「"],
+    .bili-video-card__title[title^="『"],
+    .bili-video-card__title[title^="【"] {
       text-indent: 0 !important;
     }
   `)

src/manifest.ts

@@ -87,6 +87,26 @@ export async function getManifest() {
         world: 'MAIN',
       },
     ],
+
+    declarative_net_request: {
+      rule_resources: [
+        {
+          id: 'block-harmonyos-sans',
+          enabled: true,
+          path: 'assets/block-harmonyos-sans.json',
+        },
+        ...isFirefox
+          ? []
+          : [
+              {
+                id: 'ruleset_1',
+                enabled: true,
+                path: 'assets/rules.json',
+              },
+            ],
+      ],
+    },
+
     web_accessible_resources: [
       {
         resources: ['dist/contentScripts/style.css', 'assets/*'],
@@ -104,19 +124,6 @@ export async function getManifest() {
             ? `script-src 'self' http://localhost:${port}; object-src 'self' http://localhost:${port}`
             : 'script-src \'self\'; object-src \'self\'',
         },
-    ...isFirefox
-      ? {}
-      : {
-          declarative_net_request: {
-            rule_resources: [
-              {
-                id: 'ruleset_1',
-                enabled: true,
-                path: 'assets/rules.json',
-              },
-            ],
-          },
-        },
   }
 
   if (isDev)

src/styles/fonts.scss

@@ -6,8 +6,7 @@
     -apple-system, BlinkMacSystemFont, "Pretendard Std Variable", "Inter Variable", Inter, "Adwaita Sans", "Noto Sans",
     "Roboto Flex", Roboto, "Segoe UI Variable", "Segoe UI";
   --bew-fonts-fallback:
-    sans-serif, ui-sans-serif, system-ui, "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol", emoji;
+    sans-serif, "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 
   --bew-fonts-english: var(--bew-fonts-basic), var(--bew-fonts-fallback);
   --bew-fonts-mandarin-cn:
@@ -31,15 +30,12 @@
 .bewly-design {
   code,
   samp,
-  pre {
+  pre,
+  kbd {
     /* SimSun, MingLiU, MS Gothic, and Gulim/Dotum will fuck the UI up, so we must explicitly specify Consolas */
     /* FUCK YOU MICROSOFT EAT SHIT AND DIE */
     font-family: "Google Sans Code", Consolas, monospace, sans-serif;
   }
-
-  kbd {
-    font-family: var(--bew-font-family);
-  }
 }
 
 :lang(en) .bewly-wrapper,