mirror of
https://github.com/ankitects/anki.git
synced 2025-09-18 14:02:21 -04:00
f2173fddb0
* Allow theme change at runtime and add hook * Save or restore default palette on theme change * Update aqt widget styles on theme change * styling fixes - drop _light_palette, as default_palette serves the same purpose - save default platform theme, and restore it when switching away from nightmode - update macOS light/dark mode on theme switch - fix unreadable menus on Windows * update night-mode classes on theme change This is the easy part - CSS styling that uses standard_css or our css variables should update automatically. The main remaining issue is JS code that sets colors based on the theme at the time it's run - eg the graph code, and the editor. * switch night mode value on toggle * expose current theme via a store; switch graphs to use it https://github.com/ankitects/anki/issues/1471#issuecomment-972402492 * start using currentTheme in editor/components This fixes basic editing - there are still components that need updating. * add simple xcodeproj for code completion * add helper to get currently-active system theme on macOS * fix setCurrentTheme not being immediately available * live update tag color * style().name() doesn't work on Qt5 * automatic theme switching on Windows/Mac * currentTheme -> pageTheme * Replace `nightModeKey` with `pageTheme` Co-authored-by: Damien Elmes <gpg@ankiweb.net>
95 lines
2.6 KiB
TypeScript
95 lines
2.6 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import "./legacy.css";
|
|
import "./editor-base.css";
|
|
|
|
/* eslint
|
|
@typescript-eslint/no-explicit-any: "off",
|
|
*/
|
|
|
|
import "../sveltelib/export-runtime";
|
|
import "../lib/register-package";
|
|
import "../domlib/surround";
|
|
|
|
import { filterHTML } from "../html-filter";
|
|
import { execCommand } from "./helpers";
|
|
import { updateAllState } from "../components/WithState.svelte";
|
|
|
|
export function pasteHTML(
|
|
html: string,
|
|
internal: boolean,
|
|
extendedMode: boolean,
|
|
): void {
|
|
html = filterHTML(html, internal, extendedMode);
|
|
|
|
if (html !== "") {
|
|
setFormat("inserthtml", html);
|
|
}
|
|
}
|
|
|
|
export function setFormat(cmd: string, arg?: string, _nosave = false): void {
|
|
execCommand(cmd, false, arg);
|
|
updateAllState(new Event(cmd));
|
|
}
|
|
|
|
import { setupI18n, ModuleName } from "../lib/i18n";
|
|
import { isApplePlatform } from "../lib/platform";
|
|
import { registerShortcut } from "../lib/shortcuts";
|
|
import { bridgeCommand } from "../lib/bridgecommand";
|
|
|
|
declare global {
|
|
interface Selection {
|
|
modify(s: string, t: string, u: string): void;
|
|
addRange(r: Range): void;
|
|
removeAllRanges(): void;
|
|
getRangeAt(n: number): Range;
|
|
}
|
|
}
|
|
|
|
if (isApplePlatform()) {
|
|
registerShortcut(() => bridgeCommand("paste"), "Control+Shift+V");
|
|
}
|
|
|
|
export const i18n = setupI18n({
|
|
modules: [
|
|
ModuleName.EDITING,
|
|
ModuleName.KEYBOARD,
|
|
ModuleName.ACTIONS,
|
|
ModuleName.BROWSING,
|
|
],
|
|
});
|
|
|
|
import OldEditorAdapter from "./OldEditorAdapter.svelte";
|
|
import type { NoteEditorAPI } from "./OldEditorAdapter.svelte";
|
|
|
|
async function setupNoteEditor(): Promise<NoteEditorAPI> {
|
|
await i18n;
|
|
|
|
const api: Partial<NoteEditorAPI> = {};
|
|
|
|
const noteEditor = new OldEditorAdapter({
|
|
target: document.body,
|
|
props: { api: api as NoteEditorAPI },
|
|
});
|
|
|
|
Object.assign(globalThis, {
|
|
setFields: noteEditor.setFields,
|
|
setDescriptions: noteEditor.setDescriptions,
|
|
setFonts: noteEditor.setFonts,
|
|
focusField: noteEditor.focusField,
|
|
setColorButtons: noteEditor.setColorButtons,
|
|
setTags: noteEditor.setTags,
|
|
setSticky: noteEditor.setSticky,
|
|
setBackgrounds: noteEditor.setBackgrounds,
|
|
setClozeHint: noteEditor.setClozeHint,
|
|
saveNow: noteEditor.saveFieldNow,
|
|
activateStickyShortcuts: noteEditor.activateStickyShortcuts,
|
|
focusIfField: noteEditor.focusIfField,
|
|
setNoteId: noteEditor.setNoteId,
|
|
});
|
|
|
|
return api as NoteEditorAPI;
|
|
}
|
|
|
|
export const noteEditorPromise = setupNoteEditor();
|