From 1f7c8924a2c40fa3f5d2e4f57037f581e4bda646 Mon Sep 17 00:00:00 2001 From: XPoet Date: Tue, 5 Jan 2021 18:08:41 +0800 Subject: [PATCH] style: optimize article content page user avatar display --- _config.yml | 9 ++--- source/css/layout/article-content.styl | 1 + source/css/layout/common/variables.styl | 3 ++ source/images/avatar.png | Bin 18694 -> 0 bytes source/images/avatar.svg | 42 ++++++++++++++++++++++++ source/images/logo.svg | 13 +++----- 6 files changed, 56 insertions(+), 12 deletions(-) delete mode 100644 source/images/avatar.png create mode 100644 source/images/avatar.svg diff --git a/_config.yml b/_config.yml index 688af6d..ff8d992 100644 --- a/_config.yml +++ b/_config.yml @@ -27,7 +27,7 @@ style: left_side_width: 260px # Content area max width - content_max_width: 900px + content_max_width: 920px # Mouse hover hover: @@ -67,6 +67,7 @@ menu: # Tags: /tags # Links: /links # About: /about + # Changelog: /changelog # ...... @@ -97,17 +98,17 @@ toc: enable: false # Automatically add list number to toc. - number: true + number: false # If true, all level of TOC in a post will be displayed, rather than the activated part of it. - expand_all: true + expand_all: false # --------------------------------------------------------------------------------------- # Post copyright info # --------------------------------------------------------------------------------------- copyright_info: - enable: true + enable: false # --------------------------------------------------------------------------------------- diff --git a/source/css/layout/article-content.styl b/source/css/layout/article-content.styl index e81c6a5..7af6e2b 100644 --- a/source/css/layout/article-content.styl +++ b/source/css/layout/article-content.styl @@ -44,6 +44,7 @@ $article-title-font-size = 1.6rem; border-radius: 50%; width: 100%; height: 100%; + background: var(--avatar-background-color); } } diff --git a/source/css/layout/common/variables.styl b/source/css/layout/common/variables.styl index 4e6d1ac..7254687 100644 --- a/source/css/layout/common/variables.styl +++ b/source/css/layout/common/variables.styl @@ -71,6 +71,7 @@ $scroll-bar-color = lighten($default-text-color, 20%); $scroll-bar-bg-color = darken($background-color, 10%); $link-color = darken($default-text-color, 10%); $copyright-info-color = #CC0033; +$avatar-background-color = #0066CC; // ====================== dark mode color ====================== $dark-primary-color = $primary-color; @@ -89,6 +90,7 @@ $dark-scroll-bar-color = darken($dark-background-color, 30%); $dark-scroll-bar-bg-color = lighten($dark-background-color, 10%); $dark-link-color = lighten($dark-default-text-color, 10%); $dark-copyright-info-color = darken($copyright-info-color, 20%); +$dark-avatar-background-color = darken($avatar-background-color, 20%); // ======================================================================== // font @@ -119,6 +121,7 @@ root-color(mode) { --scroll-bar-bg-color: mode == 'light' ? $scroll-bar-bg-color : $dark-scroll-bar-bg-color; --link-color: mode == 'light' ? $link-color : $dark-link-color; --copyright-info-color: mode == 'light' ? $copyright-info-color : $dark-copyright-info-color; + --avatar-background-color: mode == 'light' ? $avatar-background-color : $dark-avatar-background-color; } diff --git a/source/images/avatar.png b/source/images/avatar.png deleted file mode 100644 index fd924bd99db41823f091cf39c6ecf24f0d8d6a24..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 18694 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 diff --git a/source/images/avatar.svg b/source/images/avatar.svg new file mode 100644 index 0000000..cfe6832 --- /dev/null +++ b/source/images/avatar.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/images/logo.svg b/source/images/logo.svg index ab6f4d4..9933ffc 100644 --- a/source/images/logo.svg +++ b/source/images/logo.svg @@ -1,4 +1,4 @@ - + @@ -29,16 +29,13 @@ - - - + + +