Merge pull request #3464 from t-fritsch/fix-dracula-theme-li-marker-c…

…olors fix dracula li markers
hakimel · Sep 4, 2023 · 03fe25c · 03fe25c
2 parents 680cf5e + 81ea116
commit 03fe25c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 75 deletions.
diff --git a/css/theme/source/dracula.scss b/css/theme/source/dracula.scss
@@ -86,47 +86,21 @@ $codeFont: "Fira Code", $systemFontsMono;
 	--r-list-bullet-color: #{$listBulletColor};
 }
 
-.reveal strong, .reveal b {
-	color: var(--r-bold-color);
+.reveal {
+	strong, b {
+		color: var(--r-bold-color);
+	}
+	em, i, blockquote {
+		color: var(--r-italic-color);
+	}
+	code {
+		color: var(--r-inline-code-color);
+	}
+	// Dracula colored list bullets and numbers
+	ul, ol {
+		li::marker {
+			color: var(--r-list-bullet-color);
+		}
+	}
 }
 
-.reveal em, .reveal i, .reveal blockquote {
-	color: var(--r-italic-color);
-}
-
-.reveal code {
-	color: var(--r-inline-code-color);
-}
-
-// Dracula colored list bullets and numbers
-.reveal ul {
-	list-style: none;
-}
-
-.reveal ul li::before {
-	content: "•";
-	color: var(--r-list-bullet-color);
-	display: inline-block;
-	width: 1em;
-	margin-left: -1em
-}
-
-.reveal ol {
-	list-style: none;
-	counter-reset: li;
-}
-
-.reveal ol li::before {
-	content: counter(li) ".";
-	color: var(--r-list-bullet-color);
-	display: inline-block;
-	width: 2em;
-
-	margin-left: -2.5em;
-    margin-right: 0.5em;
-	text-align: right;
-}
-
-.reveal ol li {
-	counter-increment: li
-}
diff --git a/dist/theme/dracula.css b/dist/theme/dracula.css
@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /**
  * Dracula Dark theme for reveal.js.
  * Based on https://draculatheme.com
@@ -373,42 +372,12 @@ section.has-light-background, section.has-light-background h1, section.has-light
 .reveal strong, .reveal b {
   color: var(--r-bold-color);
 }
-
 .reveal em, .reveal i, .reveal blockquote {
   color: var(--r-italic-color);
 }
-
 .reveal code {
   color: var(--r-inline-code-color);
 }
-
-.reveal ul li {
-  list-style: none;
-}
-
-.reveal ul li::before {
-  content: "•";
+.reveal ul li::marker, .reveal ol li::marker {
   color: var(--r-list-bullet-color);
-  display: inline-block;
-  width: 1em;
-  margin-left: -1em;
-}
-
-.reveal ol {
-  list-style: none;
-  counter-reset: li;
-}
-
-.reveal ol li::before {
-  content: counter(li) ".";
-  color: var(--r-list-bullet-color);
-  display: inline-block;
-  width: 2em;
-  margin-left: -2.5em;
-  margin-right: 0.5em;
-  text-align: right;
-}
-
-.reveal ol li {
-  counter-increment: li;
-}
+}