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

Imported the dark-mode toggle.

Browse Source
This commit is contained in:
Cotes Chung
2020-02-13 17:46:05 +08:00
parent 4390a00604
commit a4435a45ec
2 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/main.scss
View File

@@ -231,10 +231,26 @@ body {
/*box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.22);*/
}
#sidebar .contact a:hover {
#sidebar .contact a:hover,
#sidebar #mode-toggle-wrapper:hover {
color: #fff;
}
#mode-toggle-wrapper {
color: rgb(103, 107, 109);
font-size: 1.05rem;
user-select: none;
transition: color 0.35s ease-in-out;
}
#sidebar #mode-toggle-wrapper>i::after {
content: "";
color: #525354;
border-right: 1px solid;
padding-left: .6rem;
}
/*--- top-bar ---*/
#topbar-wrapper {
@@ -1107,6 +1123,10 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
padding: 0 0.6rem;
}
#mode-toggle-wrapper {
padding-left: 1.2rem;
}
#main-wrapper {
margin-left: 210px;
}
@@ -1362,6 +1382,10 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
padding-top: .45rem;
}
#mode-toggle-wrapper {
font-size: 1.6rem;
}
footer>div.d-flex {
max-width: 1130px;
}