3 files changed, 18 insertions, 10 deletions
diff --git a/assets/css/components/_markdown.scss b/assets/css/components/_markdown.scss
index 9ed1c967..76b8d122 100644
--- a/assets/css/components/_markdown.scss
+++ b/assets/css/components/_markdown.scss
@@ -4,6 +4,8 @@ $link-color: var(--link-color);
 $secondary-text-color: var(--secondary-text-color);
 $border-color: var(--border-color);
 $block-background-color: var(--block-background-color);
+$strong-text-color: #A94A4A;
+$em-text-color: #889E73;
 
 // Mixin for block styles
 @mixin block-style($margin, $padding, $color: null, $border-left: null) {
@@ -29,7 +31,9 @@ $block-background-color: var(--block-background-color);
   }
 
   blockquote {
-    @include block-style(0, 0 1em, $secondary-text-color, 0.25em solid $border-color);
+    @include block-style(0, 0 1em, $secondary-text-color, 0.2em solid $border-color);
+    margin-left: -1.4rem;
+    padding-right: 0;
   }
 
   pre {
@@ -59,11 +63,11 @@ $block-background-color: var(--block-background-color);
   }
 
   strong {
-    color: var(--strong-text-color)
+    color: $strong-text-color;
   }
 
   em {
-    color: var(--em-text-color)
+    color: $em-text-color;
   }
 
   hr {
@@ -87,4 +91,13 @@ $block-background-color: var(--block-background-color);
     color: var(--secondary-text-color);
     font-weight: 400;
   }
+
+  ul {
+    list-style-type: square;
+    padding-inline-start: 1.5rem;
+  }
+
+  mark {
+      background-color: rgba(255, 235, 0, .5)
+  }
 }
diff --git a/assets/css/components/_reset.scss b/assets/css/components/_reset.scss
index 1e694bd8..eeb324e4 100644
--- a/assets/css/components/_reset.scss
+++ b/assets/css/components/_reset.scss
@@ -27,10 +27,6 @@ a:hover {
   text-decoration: underline;
 }
 
-ul {
-  list-style-type: square;
-}
-
 button {
     border: none;
     outline: none;
diff --git a/assets/css/components/_variables.scss b/assets/css/components/_variables.scss
index bf7fe601..bd0dd8cc 100644
--- a/assets/css/components/_variables.scss
+++ b/assets/css/components/_variables.scss
@@ -1,3 +1,5 @@
+
+
 :root {
   /* colors */
   --background-color: #F5F5F7;
@@ -7,9 +9,6 @@
   --secondary-text-color: #6E6E73;
   --link-color: #277BD9;
 
-  --strong-text-color: #B6506A;
-  --em-text-color: #0271A4;
-
   /* fonts */
   --mono-font-family: "Courier New", Courier, "Menlo", "Monaco", Consolas, "Liberation Mono", "Lucida Console", monospace;
   --serif-font-family:  "Noto Serif SC", serif;