From e23bf223aeb9e7e28fc6214918ac9c68328bef7b Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Thu, 6 Nov 2025 13:04:35 +0900
Subject: [PATCH] [Refactor] Improve clarity of slider logic by inverting label
 filtering.

---
 .../configs/config_page_setter/useSettingsLogics.js      | 9 +++------
 .../setting_box/appearance/Appearance.jsx                | 4 ++--
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src-ui/logics/configs/config_page_setter/useSettingsLogics.js b/src-ui/logics/configs/config_page_setter/useSettingsLogics.js
index 9c1b74fb..97245dee 100644
--- a/src-ui/logics/configs/config_page_setter/useSettingsLogics.js
+++ b/src-ui/logics/configs/config_page_setter/useSettingsLogics.js
@@ -212,16 +212,13 @@ export const useSliderLogic = ({
     min,
     max,
     step = 1,
-    hidden_label_values
+    show_label_values
 }) => {
     const [ui_value, setUiValue] = useState(current_value.data);
 
     const labelFormatter = useCallback((value) => {
-        if (hidden_label_values && hidden_label_values.includes(value)) {
-            return "";
-        }
-        return value;
-    }, [hidden_label_values]);
+        return (show_label_values && show_label_values.includes(value)) ? value : "";
+    }, [show_label_values]);
 
     const marks = useMemo(() => {
         return createMarks(min, max, step, labelFormatter);
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/appearance/Appearance.jsx b/src-ui/views/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
index 14067ade..71ba7c0d 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
+++ b/src-ui/views/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
@@ -70,7 +70,7 @@ const UiScalingContainer = () => {
         min: 40,
         max: 200,
         step: 10,
-        hidden_label_values: [50, 70, 90, 110, 130, 150, 170, 190],
+        show_label_values: [40, 60, 80, 100, 120, 140, 160, 180, 200],
     });
 
     return (
@@ -104,7 +104,7 @@ export const MessageLogUiScalingContainer = () => {
         min: 40,
         max: 200,
         step: 10,
-        hidden_label_values: [50, 70, 90, 110, 130, 150, 170, 190],
+        show_label_values: [40, 60, 80, 100, 120, 140, 160, 180, 200],
     });
 
     return (