From 9f005b5e386fc2888e05a4f9344247291005bf7a Mon Sep 17 00:00:00 2001 From: Eltrac <45323514+BigCoke233@users.noreply.github.com> Date: Wed, 17 Jul 2019 16:58:25 +0800 Subject: =?UTF-8?q?=E5=A4=9C=E9=97=B4=E6=A8=A1=E5=BC=8F=E4=B8=8B=E8=AF=84?= =?UTF-8?q?=E8=AE=BA=E5=8C=BA=E7=9A=84=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/dark.miracles.css | 183 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 183 insertions(+) create mode 100644 assets/css/dark.miracles.css (limited to 'assets/css/dark.miracles.css') diff --git a/assets/css/dark.miracles.css b/assets/css/dark.miracles.css new file mode 100644 index 0000000..80a8078 --- /dev/null +++ b/assets/css/dark.miracles.css @@ -0,0 +1,183 @@ +@charset 'utf-8'; +/* + * DarkTheme for Miracles + * Author: Eltrac + */ +/* Body */ +.body-dark { + background: #4b4b4b; + color: rgb(250,250,250); +} +/* Post */ +/* > PostContent */ +.body-dark .post-content code { + background: #505050; +} +.body-dark .post-content img { + box-shadow: 0 2px 10px #323232; + -moz-box-shadow: 0 2px 10px #323232; + -webkit-box-shadow: 0 2px 10px #323232 +} +.body-dark .post-content tr:nth-child(odd) { + background: #6e6e6e +} +.body-dark .post-content hr { + background: rgb(120,120,120) +} +/* > PostOthers */ +.body-dark .post-meta a { + color: gray!important +} +/* No Background */ +.body-dark .comment-reply a { + background: transparent +} +/* Need Shadow */ +.body-dark .dark-button, +.body-dark .gotop-button, +.body-dark .post-body, +.body-dark .post-item, +.body-dark .post-pagenav a { + box-shadow: 0 0 36px #323232!important; + -moz-box-shadow: 0 0 36px #323232!important; + -webkit-box-shadow: 0 0 36px #323232!important +} +.body-dark .links-item { + box-shadow: 0 0 2px #323232!important +} +.body-dark .links-item:hover { + box-shadow: 0 0 22px #323232!important +} +/* Need #646464 bg */ +.body-dark .archives-list a:hover, +.body-dark .comment-submit button, +.body-dark .comment-by-author .bubble.comment-content, +.body-dark .bubble.comment-content, +.body-dark .comment-author { + background: #646464 +} +/* Need #5a5a5a bg */ +.body-dark .search-form input, +.body-dark .comment-form input, +.body-dark .OwO-logo, +.body-dark .comment-form textarea, +.body-dark .comment-reply a:hover, +.body-dark .dark-button, +.body-dark .gotop-button, +.body-dark .links-item, +.body-dark .post-body, +.body-dark .post-content th, +.body-dark .post-item, +.body-dark .post-pagenav a, +.body-dark .OwO-body, +.body-dark .OwO-package-active, +.body-dark .OwO-packages li:hover { + background: #5a5a5a!important +} +/* OwO */ +.body-dark .OwO-item, +.body-dark .OwO-bar { + background: rgb(110,110,110)!important; +} +/* Need white fonts */ +.body-dark .comment, +.body-dark .comment a, +.body-dark .comment-content p, +.body-dark .comment-form input, +.body-dark .comment-form textarea, +.body-dark .OwO-logo, +.body-dark .dark-button, +.body-dark .footer-info, +.body-dark .footer-info a, +.body-dark .gotop-button, +.body-dark .nav, +.body-dark .nav a, +.body-dark .post-body, +.body-dark .post-body a, +.body-dark .post-content blockquote, +.body-dark .post-item, +.body-dark .post-item a, +.body-dark .search-form button, +.body-dark .search-close, +.body-dark .login, +.body-dark .login-close, +.body-darl .login a, +.body-dark .OwO-bar, +.body-dark .mobile-menu, +.body-dark .mobile-menu a, +.body-dark .mobile-menu-close, +.body-dark .mobile-menu-footer { + color: #fafafa!important +} +/* Need dark border-color */ +.body-dark .comment-form input, +.body-dark .comment-form textarea, +.body-dark .post-content blockquote, +.body-dark .post-content table, +.body-dark .post-content td, +.body-dark .post-content th, +.body-dark .post-content tr, +.body-dark .OwO-logo, +.body-dark .OwO-body, +.body-dark .mobile-menu-title, +.body-dark .mobile-menu-footer { + border-color: #6e6e6e!important; +} +.body-dark .comment-by-author .bubble.comment-content:before, +.body-dark .bubble.comment-content:before { + border-right-color: #646464; +} +/* Darker Mask */ +.body-dark .dark-cover { + background: rgba(10,10,10,0.35) +} +/* Dark Footer */ +.body-dark .footer-info { + background: #3c3c3c!important +} +/* Dark Nav */ +.body-dark .nav { + background: rgba(50,50,50,.9)!important; + box-shadow: 0 0 20px #000; + -webkit-box-shadow: 0 0 20px #000; + -moz-box-shadow: 0 0 30px #000 +} +.body-dark .nav a:hover, +.body-dark .nav-mobile-title:hover, +.mobile-menu-pagelist a:hover { + background: #646464 +} +.body-dark .nav-icon-button { + background: rgb(90,90,90) +} +.body-dark .nav-icon-button { + color: #fff +} +.body-dark .nav-icon-button:hover,.body-dark .search-close { + background: #5a5a5a +} +/* Need dark filter */ +.body-dark img { + filter: brightness(90%); +} +.body-dark .post-banner, +.body-dark iframe { + filter: brightness(75%); +} +/* Need Transparent dark background */ +.body-dark .search, +.body-dark .login, +.body-dark .mobile-menu { + background: rgba(90,90,90,.95) +} +/* Pio Plugin in dark theme */ +.body-dark .pio-container .pio-dialog { + color: #fff; + box-shadow: 1px 1px 15px #505050; + -webkit-box-shadow: 1px 1px 15px #505050; + -moz-box-shadow: 1px 1px 15px #505050; + background: rgba(90,90,90,.9) +} +.body-dark .pio-action span { + background-color: rgba(90,90,90,.9) +} \ No newline at end of file -- cgit v1.2.3