obsidian-plugin/kotaindah55_extended-markdown-syntax
1
0
Fork 0
mirror of https://github.com/kotaindah55/extended-markdown-syntax.git synced 2026-07-22 05:38:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: use "colors" keyword instead of "stylesheet"

Browse source
This commit is contained in:
kotaindah55 2025-03-05 21:27:09 +02:00
parent de5de8f8de
commit 5f7716fb67
3 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/settings/configs/retrieveSettingUIConfigs.ts
View file

@ -184,7 +184,7 @@ export function retrieveSettingUIConfigs(settings: PluginSettings): SettingRoot<
callback: (slider, plugin) => {
plugin.setHlOpacity(slider.getValue(), Theme.LIGHT);
},
update: { stylesheet: true }
update: { colors: true }
}]
}, {
name: "Color opacity in dark mode",
@ -201,7 +201,7 @@ export function retrieveSettingUIConfigs(settings: PluginSettings): SettingRoot<
callback: (slider, plugin) => {
plugin.setHlOpacity(slider.getValue(), Theme.DARK);
},
update: { stylesheet: true }
update: { colors: true }
}]
}, {
name: "Customize the colors",

31
src/settings/interface/ExtendedSettingTab.ts
View file

@ -11,18 +11,19 @@ export class ExtendedSettingTab extends PluginSettingTab {
plugin: Plugin.default;
colorSettingItems: Setting[] = [];
refreshInternal = false;
rebuildStyleSheet = false;
rebuildColorStyleRules = false;
isHidden = true;
constructor(app: App, plugin: Plugin.default) {
super(app, plugin);
this.plugin = plugin;
}
saveSettings(spec?: { internal?: boolean, stylesheet?: boolean }) {
saveSettings(spec?: { internal?: boolean, colors?: boolean }) {
this.plugin.saveSettings();
if (spec?.internal) {
this.refreshInternal = true;
}
if (spec?.stylesheet) {
this.rebuildStyleSheet = true;
if (spec?.colors) {
this.rebuildColorStyleRules = true;
}
}
display(): void {
@ -36,10 +37,10 @@ export class ExtendedSettingTab extends PluginSettingTab {
if (this.refreshInternal) {
this.plugin.refreshMarkdownView();
}
if (this.rebuildStyleSheet) {
if (this.rebuildColorStyleRules) {
this.plugin.rebuildColorsStyleSheet();
}
this.refreshInternal = this.rebuildStyleSheet = false;
this.refreshInternal = this.rebuildColorStyleRules = false;
this.colorSettingItems.splice(0);
super.hide();
}
@ -115,7 +116,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
this.plugin.addNewColor();
let newSetting = this.setColorItem(colorConfigs.at(-1)!, colorConfigs, groupEl);
newSetting.controlEl.querySelector<HTMLElement>(".ems-field-tag")?.focus();
this.saveSettings({ internal: false, stylesheet: false });
this.saveSettings({ internal: false, colors: false });
});
insertButton(controlSetting, "Reset to default", true, () => {
this.colorSettingItems.forEach(setting => {
@ -125,7 +126,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
this.plugin.revertColorConfigs((config, configs) => {
this.setColorItem(config, configs, groupEl);
});
this.saveSettings({ internal: false, stylesheet: true });
this.saveSettings({ internal: false, colors: true });
});
if (collapsible) {
controlSetting.setClass("is-collapsible");
@ -142,7 +143,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
text.inputEl.addClasses(["ems-field", "ems-field-name"]);
text.onChange(name => {
config.name = name;
this.saveSettings({ internal: false, stylesheet: false });
this.saveSettings({ internal: false, colors: false });
});
})
.addExtraButton(btn => {
@ -156,7 +157,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
this.colorSettingItems.splice(index, 1);
this.plugin.colorsHandler.removeSingle(index);
this.removeSetting(colorSetting);
this.saveSettings({ internal: false, stylesheet: true });
this.saveSettings({ internal: false, colors: true });
});
})
.addExtraButton(btn => {
@ -169,7 +170,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
moveElement(colorSetting.settingEl, -1)
configArr.splice(index - 1, 0, configArr.splice(index, 1)[0]);
this.plugin.colorsHandler.moveSingleRule(index, -1);
this.saveSettings({ internal: false, stylesheet: true });
this.saveSettings({ internal: false, colors: true });
}
});
})
@ -183,7 +184,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
moveElement(colorSetting.settingEl, 1)
configArr.splice(index, 0, configArr.splice(index + 1, 1)[0]);
this.plugin.colorsHandler.moveSingleRule(index, 1);
this.saveSettings({ internal: false, stylesheet: true });
this.saveSettings({ internal: false, colors: true });
}
});
})
@ -194,7 +195,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
btn.onClick(() => {
config.showInMenu = !config.showInMenu;
btn.setIcon(config.showInMenu ? "eye" : "eye-off");
this.saveSettings({ internal: false, stylesheet: false })
this.saveSettings({ internal: false, colors: false })
});
})
.addText(text => {
@ -207,7 +208,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
let index = configArr.findIndex(target => target == config),
ruleStr = createCSSRuleFromColorConfig(config);
this.plugin.colorsHandler.replace(ruleStr, index);
this.saveSettings({ internal: false, stylesheet: true });
this.saveSettings({ internal: false, colors: true });
});
})
.addColorPicker(picker => {
@ -218,7 +219,7 @@ export class ExtendedSettingTab extends PluginSettingTab {
let index = configArr.findIndex(target => target == config),
ruleStr = createCSSRuleFromColorConfig(config);
this.plugin.colorsHandler.replace(ruleStr, index);
this.saveSettings({ internal: false, stylesheet: true });
this.saveSettings({ internal: false, colors: true });
});
});
this.colorSettingItems.push(colorSetting);

2
src/types/index.ts
View file

@ -238,7 +238,7 @@ export type AbstractFieldDesc<TField extends Field, TRecord, TKey extends keyof
callback?: (component: FieldComponent<TField>, plugin: ExtendedMarkdownSyntax) => unknown,
spec: FieldSpec<TField, TRecord[TKey]>,
update?: {
stylesheet?: boolean,
colors?: boolean,
internal?: boolean
}
};