thallada/thallada.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling tweaks

Browse Source 
Make theme switcher a toggle.
This commit is contained in:
Tyler Hallada 2020-01-05 18:57:45 -05:00
parent 75f288b222
commit 448c6b86b4
4 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

@ -68,7 +68,7 @@
<div class="theme-toggle"> <div class="theme-toggle">
<dark-mode-toggle <dark-mode-toggle
id="dark-mode-toggle-1" id="dark-mode-toggle-1"
appearance="switch" appearance="toggle"
dark="Dark" dark="Dark"
light="Light" light="Light"
permanent permanent

2
_layouts/home.html
View File

@ -62,7 +62,7 @@
<div class="theme-toggle"> <div class="theme-toggle">
<dark-mode-toggle <dark-mode-toggle
id="dark-mode-toggle-1" id="dark-mode-toggle-1"
appearance="switch" appearance="toggle"
dark="Dark" dark="Dark"
light="Light" light="Light"
permanent permanent

4
css/main.css
View File

@ -204,6 +204,7 @@ h1.title {
font-size: 2rem; font-size: 2rem;
font-weight: 200; font-weight: 200;
margin: 0; margin: 0;
margin-left: 0.5rem;
} }
div.header { div.header {
@ -570,7 +571,8 @@ div.theme-toggle {
bottom: 0; bottom: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
z-index: 100; z-index: 2;
padding: 0.25rem 0.75rem;
} }
@media (min-width: 40rem) { @media (min-width: 40rem) {

4
css/main_dark.css
View File

@ -29,6 +29,10 @@ a:not(.card) img:not(.icon) {
filter: none; filter: none;
} }
.card {
box-shadow: 0 1px 2px #fff;
}
.post pre { .post pre {
background-color: #fff; background-color: #fff;
} }