From 94b623aa0c15d3bb0fd06b458d4966cc3e8e7ee3 Mon Sep 17 00:00:00 2001
From: Eltrac <45323514+BigCoke233@users.noreply.github.com>
Date: Sat, 21 Dec 2019 21:54:12 +0800
Subject: =?UTF-8?q?=F0=9F=8E=88=20Add:=20=E8=AF=B4=E8=AF=B4=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/dark.css | 305 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 305 insertions(+)
 create mode 100644 assets/css/dark.css

(limited to 'assets/css/dark.css')

diff --git a/assets/css/dark.css b/assets/css/dark.css
new file mode 100644
index 0000000..cf7e4ae
--- /dev/null
+++ b/assets/css/dark.css
@@ -0,0 +1,305 @@
+@charset 'utf-8';
+
+/*
+ * Dark theme for Miracles
+ * Author:  Eltrac
+ * License: MIT
+ */
+
+.body-dark {
+	background:#4b4b4b;
+	color:#fafafa
+}
+
+/**
+ *  Special
+ */
+
+/* Post Content */
+.body-dark .post-content code {
+	background:#505050
+}
+.body-dark .post-content img:not(.OwO-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 {
+	border: 3px dashed #787878!important
+}
+/* Pio Plugin */
+.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)
+}
+/* Aplayer */
+.body-dark .aplayer,
+.body-dark .aplayer .aplayer-author,
+.body-dark .aplayer .aplayer-controller,
+.body-dark .aplayer .aplayer-icon,
+.body-dark .aplayer .aplayer-info,
+.body-dark .aplayer .aplayer-lrc-contents p,
+.body-dark .aplayer-list-author,
+.body-dark .aplayer-list-index {
+	color:#f0f0f0!important
+}
+.body-dark .aplayer {
+	background:#646464
+}
+.body-dark .aplayer .aplayer-list ol li:hover,
+.body-dark .aplayer-list-light {
+	background:#8c8c8c!important
+}
+.body-dark .aplayer .aplayer-lrc:after,
+.body-dark .aplayer .aplayer-lrc:before {
+	background:0 0;
+	background:0 0;
+	filter:none
+}
+.body-dark .aplayer .aplayer-list ol li {
+	border-color:#787878
+}
+.body-dark .aplayer-list::-webkit-scrollbar {
+	background:#6e6e6e!important
+}
+.body-dark .aplayer-list::-webkit-scrollbar-thumb {
+	background:#505050
+}
+.body-dark .aplayer-info {
+	border:none
+}
+/* Nav/Search/login */
+.body-dark .nav {
+	background:rgba(50,50,50,.86);
+	box-shadow:0 0 20px #000;
+	-webkit-box-shadow:0 0 20px #000;
+	-moz-box-shadow:0 0 30px #000
+}
+.body-dark .mobile-menu-pagelist a:hover,
+.body-dark .nav a:hover,
+.body-dark .nav-mobile-title:hover {
+	background:#646464
+}
+.body-dark .nav-icon-button {
+	background:#5a5a5a
+}
+.body-dark .nav-icon-button {
+	color:#fff
+}
+.body-dark .nav-icon-button:hover,
+.body-dark .search-close {
+	background:#5a5a5a
+}
+.body-dark .login,
+.body-dark .mobile-menu,
+.body-dark .search {
+	background:rgba(90,90,90,.95)
+}
+/* Others */
+.body-dark .post-meta a {
+	color: gray!important
+}
+.body-dark .comment-reply a {
+	background: 0 0
+}
+.body-dark .footer-info {
+	background:#3c3c3c!important
+}
+
+/**
+ *  Normal
+ */
+/* Need shadow */
+.body-dark .options {
+	box-shadow:0 0 0 #fff;
+	-moz-box-shadow:0 0 0 #fff;
+	-webkit-box-shadow:0 0 0 #fff
+}
+.body-dark .OwO .OwO-body .OwO-items .OwO-item:hover,
+.body-dark .OwO-body,.body-dark .OwO-open .OwO-logo,
+.body-dark .bubble.saying-body:hover,
+.body-dark .comment-pagenav a,
+.body-dark .dark-button,
+.body-dark .options,
+.body-dark .post-body,
+.body-dark .saying-item,
+.body-dark .post-item,
+.body-dark .post-pagenav a {
+	box-shadow:0 0 36px #323232;
+	-moz-box-shadow:0 0 36px #323232;
+	-webkit-box-shadow:0 0 36px #323232
+}
+.body-dark .gotop-button,
+.body-dark .links-item,
+.body-dark .alert {
+	box-shadow:0 1px 3px #323232;
+	-moz-box-shadow:0 1px 3px #323232;
+	-webkit-box-shadow:0 1px 3px #323232
+}
+.body-dark .gotop-button:hover,
+.body-dark .links-item:hover {
+	box-shadow:0 4px 22px #323232;
+	-moz-box-shadow:0 4px 22px #323232;
+	-webkit-box-shadow:0 4px 22px #323232;
+}
+/* No Shadow */
+.body-dark .options-with-drawer {
+	box-shadow: 0 0 0 #fff;
+	-moz-box-shadow: 0 0 0 #fff;
+	-webkit-box-shadow: 0 0 0 #fff;
+}
+/* Need #646464 bg */
+.body-dark .archives-list a:hover,
+.body-dark .bubble.comment-content,
+.body-dark .bubble.saying-body,
+.body-dark .comment-author,
+.body-dark .comment-by-author .bubble.comment-content,
+.body-dark .comment-pagenav a,
+.body-dark .comment-submit button,
+.body-dark .drawer-content a:hover,
+.body-dark .drawer-footer,
+.body-dark .drawer-header,
+.body-dark .options-button-active,
+.body-dark .tags-item a,
+.body-dark .post-tags a,
+.body-dark .about-social a:hover {
+	background: #646464!important
+}
+/* Need #5a5a5a bg */
+.body-dark .OwO-body,
+.body-dark .OwO-logo,
+.body-dark .OwO-package-active,
+.body-dark .OwO-packages li:hover,
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.body-dark .saying-item textarea,
+.body-dark .comment-reply a:hover,
+.body-dark .dark-button,.body-dark .dialog,
+.body-dark .drawer,
+.body-dark .drawer-icon,
+.body-dark .gotop-button,.body-dark .links-item,
+.body-dark .options,
+.body-dark .options-family-button,
+.body-dark .options-theme-label,
+.body-dark .post-body,
+.body-dark .saying-item,
+.body-dark .post-content th,
+.body-dark .post-item,
+.body-dark .post-pagenav a,
+.body-dark .search-form input {
+	background:#5a5a5a!important
+}
+/* Need #6e6e6e bg */
+.body-dark .OwO-bar,
+.body-dark .OwO-item,
+.body-dark .index-banner {
+	background-color:#6e6e6e!important
+}
+.body-dark .index-banner {
+	background-color: rgb(80,80,80)!important
+}
+/* Need white fonts */
+.body-dark .OwO-bar,
+.body-dark .OwO-logo,
+.body-dark .comment,
+.body-dark .comment a,
+.body-dark .comment-content p,
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.body-dark .saying-item textarea,
+.body-dark .dark-button,
+.body-dark .drawer,
+.body-dark .drawer a,
+.body-dark .drawer-icon,
+.body-dark .drawer-open .drawer-button,
+.body-dark .footer-info,
+.body-dark .footer-info a,
+.body-dark .gotop-button,
+.body-dark .login,
+.body-dark .login-close,
+.body-dark .mobile-menu,
+.body-dark .mobile-menu a,
+.body-dark .mobile-menu-close,
+.body-dark .mobile-menu-footer,
+.body-dark .nav,
+.body-dark .nav a,
+.body-dark .options-contentsize-button,
+.body-dark .options-family-button,
+.body-dark .options-theme-item:hover .options-theme-label,
+.body-dark .post-body,
+.body-dark .saying-item,
+.body-dark .saying-item a,
+.body-dark .post-body a,
+.body-dark .post-content blockquote,
+.body-dark .post-item,
+.body-dark .post-item a,
+.body-dark .search-close,
+.body-dark .search-form button,
+.body-darl .login a,
+.body-dark .alert,
+.body-dark .banner-content.banner-font-black,
+.body-dark .post-pagenav a {
+	color:#fafafa!important
+}
+.body-dark .options-theme-label {
+	color:#5a5a5a!important
+}
+/* Need border color */
+.body-dark .OwO-body,
+.body-dark .OwO-logo,
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.body-dark .saying-item textarea,
+.body-dark .drawer,
+.body-dark .mobile-menu-footer,
+.body-dark .mobile-menu-title,
+.body-dark .options hr,
+.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 .saying-hr {
+	border-color:#6e6e6e!important
+}
+.body-dark .tip {
+	border-top-color:#6e6e6e!important;
+	border-bottom-color:#6e6e6e!important;
+	border-right-color:#6e6e6e!important
+}
+.body-dark .bubble.comment-content:before,
+.body-dark .bubble.saying-body:before,
+.body-dark .comment-by-author .bubble.comment-content:before {
+	border-right-color:#646464!important
+}
+/* Need darker mask */
+.body-dark .banner-mask {
+	background:rgba(10,10,10,.4)
+}
+/* Need filter */
+.body-dark img {
+	filter:brightness(88%)
+}
+.body-dark .aplayer-pic,
+.body-dark .post-banner,
+.body-dark iframe {
+	filter:brightness(72%)
+}
+/* Dark shade */
+.body-dark .dark-shade {
+    position:fixed;
+    width:100%;
+    height:100%;
+    background-color:#00000085;
+    z-index:100;
+    pointer-events:none
+}
-- 
cgit v1.2.3