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

Another super feature: auto dark mode!

Browse Source
This commit is contained in:
Cotes Chung
2020-01-03 21:22:11 +08:00
parent 1c2be0c243
commit 2386fe5bd8
13 changed files with 325 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/home.scss
View File

@@ -41,7 +41,7 @@
.post-preview .post-content {
margin-top: .6rem;
margin-bottom: .6rem;
color: dimgray;
color: var(--text-color, dimgray);
}
/* Make preview shorter in Home page*/
@@ -67,19 +67,21 @@
-webkit-box-align: center;
align-items: center;
border-radius: 50%;
border: 1px solid #f1f1f1;
border: 1px solid var(--main-border, #f1f1f1);
font-family: 'Lato', sans-serif;
background-color: var(--button-bg);
}
.page-item.active .page-link {
background-color: #2a408e;
box-shadow: 0 0 8px 0 #4b92d2 !important;
color: #f8f8f8;
box-shadow: 0 0 8px 0 var(--main-wrapper-bg, #4b92d2) !important;
color: var(--text-color, #f8f8f8);
}
.page-item.disabled .page-link {
color: rgba(108, 117, 125, 0.57);
border-color: #f1f1f1;
border-color: var(--main-border, #f1f1f1);
background-color: var(--button-bg);
}
.page-item.disabled {
@@ -129,4 +131,11 @@
#post-list {
padding-right: 0;
}
}
@media (prefers-color-scheme: dark) {
.page-item.active .page-link {
background-color: #203a96;
border-color: #0252a9;
}
}