From 7abe3730635389d578d2991702d1555e551ac086 Mon Sep 17 00:00:00 2001 From: nanxiaobei Date: Sat, 21 Aug 2021 04:05:13 +0800 Subject: [PATCH] update theme button --- assets/app.css | 23 +++++++++++------------ static/theme.png | Bin 0 -> 9819 bytes 2 files changed, 11 insertions(+), 12 deletions(-) create mode 100644 static/theme.png diff --git a/assets/app.css b/assets/app.css index 392bbe6..2a1b279 100644 --- a/assets/app.css +++ b/assets/app.css @@ -65,8 +65,7 @@ body > * { } .not-ready, -.not-ready *, -.not-ready *::before { +.not-ready * { transition: none !important; } @@ -183,21 +182,17 @@ img { } .btn-theme { + align-self: center; width: 3rem; + height: 3rem; margin-left: 2rem; - overflow: hidden; - font-size: 3rem; cursor: pointer; + background: url(./theme.png) left / cover no-repeat; + transition: background-position 0.4s steps(6); } -.btn-theme::before { - white-space: nowrap; - content: '☀️🌕🌖🌗🌘🌑🌙'; - transition: transform 0.4s steps(6); -} - -.dark .btn-theme::before { - transform: translateX(-18rem); +.dark .btn-theme { + background-position: right; } .menu { @@ -210,6 +205,10 @@ img { margin-left: var(--gap); } +.menu a.active { + opacity: 0.4; +} + .social-icon { width: 3rem; margin-left: 3rem; diff --git a/static/theme.png b/static/theme.png new file mode 100644 index 0000000000000000000000000000000000000000..fe63476855c50e83ddad9c42859a8a5a7261bc42 GIT binary patch literal 9819 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 BJFfr$ literal 0 HcmV?d00001