feat: add colorblind setting

kometenstaub · Mar 13, 2022 · 34d42b6 · 34d42b6
1 parent ac77313
commit 34d42b6
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 0 deletions.
diff --git a/src/diff_view.ts b/src/diff_view.ts
@@ -50,6 +50,9 @@ export default class DiffView extends Modal {
 		this.syncHistoryContentContainer = this.contentEl.createDiv({
 			cls: ['sync-history-content-container', 'diff'],
 		});
+		if (this.plugin.settings.colorBlind) {
+			this.syncHistoryContentContainer.addClass('colorblind');
+		}
 		this.createHtml();
 	}
 

diff --git a/src/interfaces.ts b/src/interfaces.ts
@@ -1,6 +1,7 @@
 export interface OpenSyncHistorySettings {
 	//context: string;
 	diffStyle: 'word' | 'char';
+	colorBlind: boolean;
 }
 
 declare module 'obsidian' {

diff --git a/src/main.ts b/src/main.ts
@@ -7,6 +7,7 @@ import DiffView from './diff_view';
 const DEFAULT_SETTINGS: OpenSyncHistorySettings = {
 	//context: '3',
 	diffStyle: 'word',
+	colorBlind: false,
 };
 
 export default class OpenSyncHistoryPlugin extends Plugin {

diff --git a/src/settings.ts b/src/settings.ts
@@ -52,5 +52,17 @@ export default class OpenSyncHistorySettingTab extends PluginSettingTab {
 						await this.plugin.saveSettings();
 					});
 			});
+
+		new Setting(containerEl)
+			.setName('Colour-blindness')
+			.setDesc('Enable colour-blind mode')
+			.addToggle((toggle) => {
+				toggle
+					.setValue(this.plugin.settings.colorBlind)
+					.onChange(async (state) => {
+						this.plugin.settings.colorBlind = state;
+						await this.plugin.saveSettings();
+					});
+			});
 	}
 }