Skip to content

Commit

Permalink
Update callout themes CSS for dark mode support
Browse files Browse the repository at this point in the history
  • Loading branch information
Adammatthiesen committed Jan 5, 2025
1 parent 36bc347 commit e97d309
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 16 deletions.
12 changes: 6 additions & 6 deletions packages/markdown-remark/assets/callout-themes/github.css
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
[data-theme="dark"] .callout {
border-left-color: var(--callout-color-dark);
[data-theme="light"] .callout {
border-left-color: var(--callout-color-light);
}

[data-theme="dark"] .callout-title {
color: var(--callout-color-dark);
[data-theme="light"] .callout-title {
color: var(--callout-color-light);
}

.callout {
border-left-color: var(--callout-color-light);
border-left-color: var(--callout-color-dark);
}

.callout-title {
color: var(--callout-color-light);
color: var(--callout-color-dark);
}

.callout {
Expand Down
16 changes: 8 additions & 8 deletions packages/markdown-remark/assets/callout-themes/obsidian.css
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
[data-theme="dark"] .callout {
mix-blend-mode: lighten;
background-color: rgb(from var(--callout-color-dark) r g b / 0.1);
[data-theme="light"] .callout {
mix-blend-mode: darken;
background-color: rgb(from var(--callout-color-light) r g b / 0.1);
}

[data-theme="dark"] .callout-title {
color: var(--callout-color-dark);
[data-theme="light"] .callout-title {
color: var(--callout-color-light);
}

.callout {
mix-blend-mode: darken;
background-color: rgb(from var(--callout-color-light) r g b / 0.1);
mix-blend-mode: lighten;
background-color: rgb(from var(--callout-color-dark) r g b / 0.1);
}

.callout-title {
color: var(--callout-color-light);
color: var(--callout-color-dark);
}

.callout {
Expand Down
4 changes: 2 additions & 2 deletions packages/markdown-remark/assets/callout-themes/vitepress.css
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
[data-theme="dark"] .callout {
background-color: rgb(from var(--callout-color-dark) r g b / 0.16);
background-color: rgb(from var(--callout-color-light) r g b / 0.14);
}

.callout {
background-color: rgb(from var(--callout-color-light) r g b / 0.14);
background-color: rgb(from var(--callout-color-dark) r g b / 0.16);
}

.callout {
Expand Down

0 comments on commit e97d309

Please sign in to comment.