diff --git a/index.html b/index.html index cac1cdc..99d6739 100644 --- a/index.html +++ b/index.html @@ -80,11 +80,11 @@ } .doc_header { - @apply pl-2 pr-2 lg:text-xl text-sm py-1 my-1 rounded-lg text-white hover:text-blue hover:bg-red + @apply pl-2 pr-2 lg:text-xl text-sm py-1 my-1 rounded-lg text-white hover:text-brightwhite hover:bg-brightblack } .doc_subheader { - @apply pl-2 pr-2 lg:text-xl text-sm ml-6 py-1 my-1 rounded-lg text-white hover:text-blue hover:bg-red + @apply pl-2 pr-2 lg:text-xl text-sm ml-6 py-1 my-1 rounded-lg text-white hover:text-brightwhite hover:bg-brightblack } diff --git a/src/EditorSetup.ts b/src/EditorSetup.ts index 0103822..e1b4fe7 100644 --- a/src/EditorSetup.ts +++ b/src/EditorSetup.ts @@ -110,11 +110,11 @@ export const getCodeMirrorTheme = (theme: {[key: string]: string}): Extension => ".cm-gutters": { //backgroundColor: base00, backgroundColor: "transparent", - color: selection_background, + color: foreground, }, ".cm-activeLineGutter": { - backgroundColor: foreground, - color: white, + backgroundColor: selection_background, + color: selection_foreground, }, ".cm-foldPlaceholder": { diff --git a/src/InterfaceLogic.ts b/src/InterfaceLogic.ts index 54432e1..c9ca980 100644 --- a/src/InterfaceLogic.ts +++ b/src/InterfaceLogic.ts @@ -326,10 +326,11 @@ export const installInterfaceLogic = (app: Editor) => { // @ts-ignore let selected_theme = colors[app.settings.theme as string]; - let theme_preview = ""; + let theme_preview = "
"; for (const [key, _] of Object.entries(selected_theme)) { - theme_preview += `

`; + theme_preview += `

`; } + theme_preview += ""; app.interface.theme_previewer.innerHTML = theme_preview; // Populate the font family selector const doughNudgeRange = app.interface.dough_nudge_range as HTMLInputElement;