BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Colors are slightly better in the editor

Browse Source
This commit is contained in:
Raphaël Forment
2023-12-16 02:00:37 +01:00
parent 46d4562012
commit 932c8cb6ca
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -80,11 +80,11 @@
} }
.doc_header { .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 { .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
} }

6
src/EditorSetup.ts
View File

@ -110,11 +110,11 @@ export const getCodeMirrorTheme = (theme: {[key: string]: string}): Extension =>
".cm-gutters": { ".cm-gutters": {
//backgroundColor: base00, //backgroundColor: base00,
backgroundColor: "transparent", backgroundColor: "transparent",
color: selection_background, color: foreground,
}, },
".cm-activeLineGutter": { ".cm-activeLineGutter": {
backgroundColor: foreground, backgroundColor: selection_background,
color: white, color: selection_foreground,
}, },
".cm-foldPlaceholder": { ".cm-foldPlaceholder": {

5
src/InterfaceLogic.ts
View File

@ -326,10 +326,11 @@ export const installInterfaceLogic = (app: Editor) => {
// @ts-ignore // @ts-ignore
let selected_theme = colors[app.settings.theme as string]; let selected_theme = colors[app.settings.theme as string];
let theme_preview = ""; let theme_preview = "<div class='pl-4'>";
for (const [key, _] of Object.entries(selected_theme)) { for (const [key, _] of Object.entries(selected_theme)) {
theme_preview += `<p class="inline text-${key} bg-${key}">█</div>`; theme_preview += `<p class="inline text-${key} bg-${key}">█</p>`;
} }
theme_preview += "</div>";
app.interface.theme_previewer.innerHTML = theme_preview; app.interface.theme_previewer.innerHTML = theme_preview;
// Populate the font family selector // Populate the font family selector
const doughNudgeRange = app.interface.dough_nudge_range as HTMLInputElement; const doughNudgeRange = app.interface.dough_nudge_range as HTMLInputElement;