Improve the color of prompts

This commit is contained in:
Cotes Chung
2022-01-27 04:41:19 +08:00
parent a5d38e7fbc
commit fc36f8b66d
7 changed files with 53 additions and 59 deletions

View File

@@ -5,23 +5,27 @@
@import "colors/light-syntax";
@import "colors/dark-syntax";
html:not([data-mode]),
html[data-mode=light] {
@include light-syntax;
}
html {
@media (prefers-color-scheme: light) {
&:not([data-mode]),
[data-mode=light] {
@include light-syntax;
}
html[data-mode=dark] {
@include dark-syntax;
}
@media (prefers-color-scheme: dark) {
html:not([data-mode]),
html[data-mode=dark] {
@include dark-syntax;
&[data-mode=dark] {
@include dark-syntax;
}
}
html[data-mode=light] {
@include light-syntax;
@media (prefers-color-scheme: dark) {
&:not([data-mode]),
&[data-mode=dark] {
@include dark-syntax;
}
&[data-mode=light] {
@include light-syntax;
}
}
}
@@ -110,11 +114,6 @@ code {
background-color: var(--inline-code-bg);
}
[class^="prompt-"] & {
background-color: var(--prompt-code-bg);
color: var(--prompt-code-text-color);
}
&.filepath {
background-color: inherit;
color: var(--filepath-text-color);