font weight

Author: eagleoflqj

package.json

@@ -26,15 +26,15 @@
   },
   "license": "GPL-3.0-or-later",
   "devDependencies": {
-    "@antfu/eslint-config": "^6.0.0",
-    "@parcel/transformer-sass": "^2.16.0",
-    "@playwright/test": "^1.56.1",
-    "@types/node": "^24.9.1",
+    "@antfu/eslint-config": "^6.2.0",
+    "@parcel/transformer-sass": "^2.16.1",
+    "@playwright/test": "^1.57.0",
+    "@types/node": "^24.10.1",
     "emoji-regex": "^10.6.0",
-    "eslint": "^9.38.0",
+    "eslint": "^9.39.1",
     "eslint-plugin-format": "^1.0.2",
-    "parcel": "^2.16.0",
-    "stylelint": "^16.25.0",
+    "parcel": "^2.16.1",
+    "stylelint": "^16.26.1",
     "stylelint-config-standard-scss": "^16.0.0",
     "typescript": "^5.9.3"
   }

page/common.scss

@@ -411,21 +411,25 @@ $color-transition: var(--color-transition, background-color 500ms ease, color 50
     .fcitx-text {
       font-family: var(--text-font-family);
       font-size: $text-font-size;
+      font-weight: var(--text-font-weight);
     }
 
     .fcitx-label {
       font-family: var(--label-font-family);
       font-size: $label-font-size;
+      font-weight: var(--label-font-weight);
     }
 
     .fcitx-comment {
       font-family: var(--comment-font-family);
       font-size: $comment-font-size;
+      font-weight: var(--comment-font-weight);
     }
 
     .fcitx-preedit {
       font-family: var(--preedit-font-family);
       font-size: $preedit-font-size;
+      font-weight: var(--preedit-font-weight);
       line-height: $preedit-font-size;
     }
 

page/customize.ts

@@ -197,15 +197,19 @@ export function setStyle(style: string) {
   // Font
   setFontFamily('--text-font-family', j.Font.TextFontFamily)
   theme.style.setProperty('--text-font-size', px(j.Font.TextFontSize))
+  theme.style.setProperty('--text-font-weight', j.Font.TextFontWeight)
 
   setFontFamily('--label-font-family', j.Font.LabelFontFamily)
   theme.style.setProperty('--label-font-size', px(j.Font.LabelFontSize))
+  theme.style.setProperty('--label-font-weight', j.Font.LabelFontWeight)
 
   setFontFamily('--comment-font-family', j.Font.CommentFontFamily)
   theme.style.setProperty('--comment-font-size', px(j.Font.CommentFontSize))
+  theme.style.setProperty('--comment-font-weight', j.Font.CommentFontWeight)
 
   setFontFamily('--preedit-font-family', j.Font.PreeditFontFamily)
   theme.style.setProperty('--preedit-font-size', px(j.Font.PreeditFontSize))
+  theme.style.setProperty('--preedit-font-weight', j.Font.PreeditFontWeight)
 
   // Caret
   setBlink(j.Caret.Style === 'Blink')

page/global.d.ts

@@ -57,12 +57,16 @@ declare global {
     Font: {
       TextFontFamily: FONT_FAMILY
       TextFontSize: string
+      TextFontWeight: string
       LabelFontFamily: FONT_FAMILY
       LabelFontSize: string
+      LabelFontWeight: string
       CommentFontFamily: FONT_FAMILY
       CommentFontSize: string
+      CommentFontWeight: string
       PreeditFontFamily: FONT_FAMILY
       PreeditFontSize: string
+      PreeditFontWeight: string
     }
     Caret: {
       Style: 'Blink' | 'Static' | 'Text'

tests/util.ts

@@ -126,18 +126,22 @@ const defaultStyle: STYLE_JSON = {
       0: '',
     },
     CommentFontSize: '12',
+    CommentFontWeight: '400',
     LabelFontFamily: {
       0: '',
     },
     LabelFontSize: '12',
+    LabelFontWeight: '400',
     PreeditFontFamily: {
       0: '',
     },
     PreeditFontSize: '16',
+    PreeditFontWeight: '400',
     TextFontFamily: {
       0: '',
     },
     TextFontSize: '16',
+    TextFontWeight: '400',
   },
   Highlight: {
     HoverBehavior: 'None',