fix: callout info text color distinguishable when in light mode
This commit is contained in:
parent
bce6cd4506
commit
742c011f4e
1 changed files with 6 additions and 0 deletions
|
@ -40,4 +40,10 @@ const { icon, type = 'info'} = Astro.props;
|
||||||
--callout-bg: var(--terminal-red);
|
--callout-bg: var(--terminal-red);
|
||||||
--callout-text: #111;
|
--callout-text: #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root:not([data-theme="dark"]) .callout-info {
|
||||||
|
--callout-text: #eee;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Add table
Add a link
Reference in a new issue