From 46d4562012fe27e6f9951ca0a3a7b28e1cc33a7f Mon Sep 17 00:00:00 2001 From: Raphael Forment Date: Sat, 16 Dec 2023 01:49:03 +0100 Subject: [PATCH] looking better --- index.html | 119 +++++++++++++++++++++++---------------------- src/API.ts | 2 +- src/DomElements.ts | 12 ++--- 3 files changed, 67 insertions(+), 66 deletions(-) diff --git a/index.html b/index.html index a6f9ff8..cac1cdc 100644 --- a/index.html +++ b/index.html @@ -79,19 +79,26 @@ @apply inline-block lg:px-4 px-8 py-1 text-selection_foreground } + .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 + } + + .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 + } + +
-
- + diff --git a/src/API.ts b/src/API.ts index 1ec85eb..e19ff21 100644 --- a/src/API.ts +++ b/src/API.ts @@ -221,7 +221,7 @@ export class UserAPI { clearTimeout(this.printTimeoutID); clearTimeout(this.errorTimeoutID); this.app.interface.error_line.innerHTML = message as string; - this.app.interface.error_line.style.color = "white"; + this.app.interface.error_line.style.color = "red"; this.app.interface.error_line.classList.remove("hidden"); // @ts-ignore this.printTimeoutID = setTimeout( diff --git a/src/DomElements.ts b/src/DomElements.ts index 1b98eb9..46e43da 100644 --- a/src/DomElements.ts +++ b/src/DomElements.ts @@ -76,21 +76,21 @@ export const createDocumentationStyle = (app: Editor) => { h2: "text-brightwhite lg:text-3xl text-xl lg:ml-4 lg:mx-4 mx-2 lg:my-4 my-2 lg:mb-4 mb-4 border-b-2 pt-12 pb-3 px-2", h3: "text-brightwhite lg:text-2xl text-xl lg:ml-4 lg:mx-4 mx-2 lg:my-4 my-2 border-l-2 border-b-2 lg:mb-4 mb-4 pb-2 px-2 lg:mt-16", ul: "text-underline ml-12", - li: "list-disc lg:text-2xl text-base text-foreground_selection lg:mx-4 mx-2 my-4 my-2 leading-normal", - p: "lg:text-2xl text-base text-background_selection lg:mx-6 mx-2 my-4 leading-normal", + li: "list-disc lg:text-2xl text-base text-white lg:mx-4 mx-2 my-4 my-2 leading-normal", + p: "lg:text-2xl text-base text-white lg:mx-6 mx-2 my-4 leading-normal", warning: "animate-pulse lg:text-2xl font-bold text-rose-600 lg:mx-6 mx-2 my-4 leading-normal", a: "lg:text-2xl text-base text-orange-300", code: `lg:my-4 sm:my-1 text-base lg:text-xl block whitespace-pre overflow-x-hidden`, icode: - "lg:my-1 my-1 lg:text-xl sm:text-xs text-foreground_selection font-mono bg-neutral-600", - ic: "lg:my-1 my-1 lg:text-xl sm:text-xs text-foreground_selection font-mono bg-neutral-600", + "lg:my-1 my-1 lg:text-xl sm:text-xs text-white font-mono bg-neutral-600", + ic: "lg:my-1 my-1 lg:text-xl sm:text-xs text-white font-mono bg-neutral-600", blockquote: "text-neutral-200 border-l-4 border-neutral-500 pl-4 my-4 mx-4", details: - "lg:mx-20 py-2 px-6 lg:text-2xl text-foreground_selection border-l-8 box-border bg-neutral-900", + "lg:mx-20 py-2 px-6 lg:text-2xl text-white border-l-8 box-border bg-neutral-900", summary: "font-semibold text-xl", table: - "justify-center lg:my-12 my-2 lg:mx-12 mx-2 lg:text-2xl text-base w-full text-left text-foreground_selection border-collapse", + "justify-center lg:my-12 my-2 lg:mx-12 mx-2 lg:text-2xl text-base w-full text-left text-white border-collapse", thead: "text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400", th: "",