From ee653fdb201ae42467ac73bcc69324ad14e357ed Mon Sep 17 00:00:00 2001 From: vvveiii Date: Sun, 7 Feb 2021 09:16:42 +0800 Subject: update dark style --- assets/css/chroma/github-dark.css | 2 +- assets/css/dark-style.css | 12 ++++++------ assets/css/style.css | 31 +++---------------------------- 3 files changed, 10 insertions(+), 35 deletions(-) diff --git a/assets/css/chroma/github-dark.css b/assets/css/chroma/github-dark.css index bade824..1e75dab 100644 --- a/assets/css/chroma/github-dark.css +++ b/assets/css/chroma/github-dark.css @@ -1,4 +1,4 @@ -/* Background */ pre, .chroma { color: #E3E4E8; background-color: #242528 } +/* Background */ pre, .chroma { color: #c9d1d9; background-color: #161b22 } /* Error */ .chroma .err { color: #EA4A5A; } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } diff --git a/assets/css/dark-style.css b/assets/css/dark-style.css index 7d54d36..1c611cf 100644 --- a/assets/css/dark-style.css +++ b/assets/css/dark-style.css @@ -12,7 +12,7 @@ body { color: #d8dde2; - background-color: #222831; + background-color: #0d1117; } table thead { @@ -55,7 +55,7 @@ kbd, tt, samp { color: #e5c07b; - background-color: #40454d; + background-color: rgba(240, 246, 252, 0.05); } a { @@ -104,11 +104,11 @@ b, } #header { - background-color: #393e46; + background-color: #21262d; } .note.list .item { - background-color: #393e46; + background-color: #21262d; box-shadow: inset -1px 0 0 0 rgba(14, 17, 21, .6), inset 0 -1px 0 0 #0e1215, inset 1px 0 0 0 rgba(14, 17, 21, .6); } @@ -120,8 +120,8 @@ b, } .article-container { - background-color: #393e46; - box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .2); + background-color: #21262d; + box-shadow: 0 12px 16px 0 rgba(1, 4, 9, .85); } @media (max-width: 500px) { diff --git a/assets/css/style.css b/assets/css/style.css index b41876f..6c2d8e6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -344,7 +344,7 @@ b { .note.list .item { width: 100%; margin-top: 16px; - padding: 20px; + padding: 32px; background-color: #fff; border-radius: 6px; box-shadow: inset -1px 0 0 0 rgba(224, 227, 231, .6), @@ -564,7 +564,7 @@ b { } .article-container { - padding: 20px; + padding: 32px; border-radius: 6px; box-shadow: 0 12px 16px 0 rgba(29, 43, 76, .12); } @@ -603,32 +603,6 @@ b { .article.markdown-body img { border-radius: 3px; - - -ms-transform: scale(1); - -ms-transition: transform 0.25s ease-in-out 0s; - - -moz-transform: scale(1); - -moz-transition: transform 0.25s ease-in-out 0s; - - -webkit-transform: scale(1); - -webkit-transition: transform 0.25s ease-in-out 0s; - - transform: scale(1); - transition: transform 0.25s ease-in-out 0s; -} - -.article.markdown-body img:hover { - -ms-transform: scale(1.04); - -ms-transition: transform 0.25s ease-in-out 0s; - - -moz-transform: scale(1.04); - -moz-transition: transform 0.25s ease-in-out 0s; - - -webkit-transform: scale(1.04); - -webkit-transition: transform 0.25s ease-in-out 0s; - - transform: scale(1.04); - transition: transform 0.25s ease-in-out 0s; } .article.markdown-body blockquote, @@ -736,6 +710,7 @@ b { @media (max-width: 1012px) { .note.list .item, .article-container { + padding: 24px; border-radius: 0; box-shadow: none; } -- cgit v1.2.3