1
0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-09 16:17:28 +02:00

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

fix dracula li markers
This commit is contained in:
Hakim El Hattab
2023-09-04 08:53:40 +02:00
committed by GitHub
2 changed files with 18 additions and 75 deletions

View File

@@ -86,47 +86,21 @@ $codeFont: "Fira Code", $systemFontsMono;
--r-list-bullet-color: #{$listBulletColor};
}
.reveal strong, .reveal b {
.reveal {
strong, b {
color: var(--r-bold-color);
}
.reveal em, .reveal i, .reveal blockquote {
em, i, blockquote {
color: var(--r-italic-color);
}
.reveal code {
code {
color: var(--r-inline-code-color);
}
// Dracula colored list bullets and numbers
.reveal ul {
list-style: none;
}
.reveal ul li::before {
content: "";
ul, 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
}

View File

@@ -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;
}