f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Improve the color of prompts

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

49
_sass/addon/commons.scss
View File

@@ -3,35 +3,29 @@
*/
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;900&display=swap');
@mixin mode-toggle($dark-mode: false) {
@if $dark-mode {
@include dark-scheme;
} @else {
@include light-scheme;
}
}
html {
@media (prefers-color-scheme: light) {
&:not([data-mode]),
[data-mode=light] {
@include light-scheme;
}
html:not([data-mode]),
html[data-mode=light] {
@include mode-toggle();
}
html[data-mode=dark] {
@include mode-toggle(true);
}
@media (prefers-color-scheme: dark) {
html:not([data-mode]),
html[data-mode=dark] {
@include mode-toggle(true);
&[data-mode=dark] {
@include dark-scheme;
}
}
html[data-mode=light] {
@include mode-toggle();
}
}
@media (prefers-color-scheme: dark) {
&:not([data-mode]),
&[data-mode=dark] {
@include dark-scheme;
}
&[data-mode=light] {
@include light-scheme;
}
}
:root {
font-size: 16px;
}
@@ -109,10 +103,11 @@ blockquote {
display: flex;
border-left: 0;
border-radius: 6px;
padding: 0.75rem 1rem;
padding: 0.75rem 1.2rem;
color: var(--prompt-text-color);
&::before {
margin-right: 0.8rem;
margin-right: 1rem;
font-family: "Font Awesome 5 Free";
text-align: center;
width: 1.25rem;