v0.5.0: flat style settings

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Maple",
-  "version": "0.4.7",
+  "version": "0.5.0",
   "minAppVersion": "1.0.0",
   "author": "subframe7536",
   "authorUrl": "https://github.com/subframe7536"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "maple",
-  "version": "0.4.7",
+  "version": "0.5.0",
   "description": "Maple —— A Obsidian Theme",
   "scripts": {
     "dev": "sass --watch snippets:vault/.obsidian/snippets --no-source-map --update",

snippets/index.scss

@@ -1,8 +1,7 @@
-@use './css/style-setting.css';
+@use './style-settings';
 @use './css/variable.css';
 @use './css/fonts.css';
-@use './editor/editor';
-@use './plugins/plugin';
-@use './workspace/workspace';
-
+@use './editor';
+@use './plugins';
+@use './workspace';
 //todo)) callouts(bt,prism,mado) / slide / dataview / plugins adapt

snippets/plugins/_plugin.scss → snippets/plugins/_index.scss

@@ -1,7 +1,6 @@
 @use './better-command-palette.scss';
 @use './calendar.scss';
 @use './excalidraw.scss';
-@use './style-setting.scss';
 @use './dbfolder.scss';
 @use './git.scss';
 @use './day-planner.scss';

snippets/plugins/style-setting.scss → snippets/style-settings/_index.scss

@@ -1,3 +1,8 @@
+@use './basic.scss';
+@use './workspace.scss';
+@use './editor.scss';
+@use './plugin.scss';
+
 /* ====== style setting ====== */
 
 .mod-settings .vertical-tab-content>.setting-item:nth-child(2)>.setting-item-control>input[type=color] {
@@ -117,6 +122,7 @@ body:not(.loading-text) .setting-item[data-id='loading-text-content'],
 body:not(.search-internal-enable) .setting-item:is([data-id='search-internal-expand-on-focus'], [data-id="search-internal-disable-select-all"]),
 body:not(.color-use-custom) .setting-item[data-id*='color-accent-'],
 body:not(.code-language) .setting-item[data-id='setting-code-language-color'],
+body:not(.code-preview-bg) .setting-item[data-id='setting-code-bg-outer'],
 body:not(.modal-header) .setting-item[data-id='setting-modal-header-title'],
 body:not(.color-use-custom) .setting-item[data-id^='accent-hue'],
 body:not(.color-active-custom-light) .setting-item[data-id='setting-color-active-custom-light'],

snippets/style-settings/basic.scss

@@ -0,0 +1,162 @@
+/* @settings
+
+name: 🛠️ Maple Basic Setting
+id: maple-basic
+settings:
+    -
+        id: setting-animation-time
+        title: animation duration (ms)
+        title.zh: 动画持续时间（毫秒）
+        type: variable-number-slider
+        format: ms
+        default: 200
+        min: 0
+        max: 500
+        step: 50
+    -
+        id: color-use-custom
+        title: use custom accent color
+        description: use style setting accent color instead of Obsidian's accent color
+        title.zh: 自定义 accent color
+        description.zh: 使用 style setting 的颜色，而不是 Obsidian 自带的颜色
+        type: class-toggle
+    -
+        id: color-accent-light
+        title: light mode
+        title.zh: 浅色模式
+        type: heading
+        collapsed: true
+        level: 2
+    -
+        id: setting-accent-h-light
+        title: base color
+        title.zh: 基础颜色
+        type: variable-number-slider
+        default: 35
+        min: 0
+        max: 360
+        step: 5
+    -
+        id: color-active-light
+        title: highlight color
+        title.zh: 高亮颜色
+        type: class-select
+        allowEmpty: false
+        default: color-active-default-light
+        options:
+            -   label: accent color
+                value: color-active-default-light
+            -   label: accent color alt
+                value: color-active-alt-light
+            -   label: custom
+                value: color-active-custom-light
+    -
+        id: setting-color-active-custom-light
+        title: custom highlight color
+        title.zh: 自定义高亮颜色
+        type: variable-color
+        format: rgb
+        default: '#'
+        opacity: false
+    -
+        id: color-more-light
+        title: more configuration
+        title.zh: 更多设置
+        type: heading
+        collapsed: true
+        level: 3
+    -
+        id: setting-accent-s-light
+        title: accent color saturation
+        description: s of hsl
+        title.zh: 高亮颜色饱和度
+        description.zh: hsl中的s
+        type: variable-number-slider
+        default: 32
+        format: '%'
+        min: 0
+        max: 100
+        step: 1
+    -
+        id: setting-accent-l-light
+        title: accent color lightness
+        description: l of hsl
+        title.zh: 高亮颜色亮度
+        description.zh: hsl中的l
+        type: variable-number-slider
+        default: 58
+        format: '%'
+        min: 0
+        max: 100
+        step: 1
+    -
+        id: color-accent-dark
+        title: dark mode
+        title.zh: 暗色模式
+        type: heading
+        collapsed: true
+        level: 2
+    -
+        id: setting-accent-h-dark
+        title: base color
+        title.zh: 基础颜色
+        type: variable-number-slider
+        default: 207
+        min: 0
+        max: 360
+        step: 5
+    -
+        id: color-active-dark
+        title: highlight color
+        title.zh: 高亮颜色
+        type: class-select
+        allowEmpty: false
+        default: color-active-default-dark
+        options:
+            -   label: accent color
+                value: color-active-default-dark
+            -   label: accent color alt
+                value: color-active-alt-dark
+            -   label: custom
+                value: color-active-custom-dark
+    -
+        id: setting-color-active-custom-dark
+        title: custom highlight color
+        title.zh: 自定义高亮颜色
+        type: variable-color
+        default: '#'
+        format: rgb
+        opacity: false
+    -
+        id: color-more-dark
+        title: more configuration
+        title.zh: 更多设置
+        type: heading
+        collapsed: true
+        level: 3
+    -
+        id: setting-accent-s-dark
+        title: accent color saturation
+        description: s of hsl
+        title.zh: 高亮颜色饱和度
+        description.zh: hsl中的s
+        type: variable-number-slider
+        default: 32
+        format: '%'
+        min: 0
+        max: 100
+        step: 1
+    -
+        id: setting-accent-l-dark
+        title: accent color lightness
+        description: l of hsl
+        title.zh: 高亮颜色亮度
+        description.zh: hsl中的l
+        type: variable-number-slider
+        default: 58
+        format: '%'
+        min: 0
+        max: 100
+        step: 1
+    -
+*/