diff --git a/frontend/src/assets/css/markdown-dark.scss b/frontend/src/assets/css/markdown-dark.scss index 880de1a6..c85ecfc8 100644 --- a/frontend/src/assets/css/markdown-dark.scss +++ b/frontend/src/assets/css/markdown-dark.scss @@ -1,5 +1,9 @@ +@use "sass:meta"; + .dark { .markdown { + @include meta.load-css("prismjs/themes/prism-tomorrow.min.css"); + table thead th { color: #e0e0e0; } diff --git a/frontend/src/assets/css/markdown-light.scss b/frontend/src/assets/css/markdown-light.scss index 3737feab..28c11358 100644 --- a/frontend/src/assets/css/markdown-light.scss +++ b/frontend/src/assets/css/markdown-light.scss @@ -1,5 +1,9 @@ +@use "sass:meta"; + .light { .markdown { + @include meta.load-css("prismjs/themes/prism.min.css"); + table tr:nth-child(2n) { background-color: #f5f5f5; } @@ -18,7 +22,7 @@ } pre { - background-color: #dfe0e1; + background-color: #f2f2f3; code { background-color: transparent; } diff --git a/frontend/src/assets/css/markdown.scss b/frontend/src/assets/css/markdown.scss index e464d5fb..cec0e5c6 100644 --- a/frontend/src/assets/css/markdown.scss +++ b/frontend/src/assets/css/markdown.scss @@ -97,6 +97,11 @@ p + ol { margin-top: -10px; } + + li > ul, + li > ol { + margin: 0; + } } // override prism stuff diff --git a/frontend/src/store/prism.ts b/frontend/src/store/prism.ts index 1dcf9513..12cdb7aa 100644 --- a/frontend/src/store/prism.ts +++ b/frontend/src/store/prism.ts @@ -2,7 +2,6 @@ import { defineStore } from "pinia"; import type { highlightAll, Languages } from "prismjs"; import { ref } from "#imports"; import { prismLog } from "~/composables/useLog"; -import "prismjs/themes/prism-tomorrow.min.css"; export const usePrismStore = defineStore("prism", () => { const prism = ref<{ highlightAll: typeof highlightAll; languages: Languages } | null>(null);