From caf40793026e0873a4dc7df0ead63f468f753601 Mon Sep 17 00:00:00 2001
From: MiniDigger | Martin <admin@benndorf.dev>
Date: Sun, 23 Apr 2023 20:45:23 +0200
Subject: [PATCH] fix: markdown list marking, markdown code light theme, closes
 #1176

---
 frontend/src/assets/css/markdown-dark.scss  | 4 ++++
 frontend/src/assets/css/markdown-light.scss | 6 +++++-
 frontend/src/assets/css/markdown.scss       | 5 +++++
 frontend/src/store/prism.ts                 | 1 -
 4 files changed, 14 insertions(+), 2 deletions(-)

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);