💄 改进 dark 主题

This commit is contained in:
WispX
2020-03-15 20:54:28 +08:00
parent 27046d1556
commit 4bd6410e86
3 changed files with 72 additions and 5 deletions
+31 -1
View File
@@ -567,7 +567,37 @@ footer {
border-color: #ddd;
cursor: not-allowed;
}
body.mdui-theme-layout-dark main .mdui-btn {
body.mdui-theme-layout-dark .markdown-body {
color: #eaeaea;
}
body.mdui-theme-layout-dark .markdown-body a {
color: #64adff;
}
body.mdui-theme-layout-dark .markdown-body img {
background-color: rgba(0, 0, 0, 0);
}
body.mdui-theme-layout-dark .markdown-body .highlight pre,
body.mdui-theme-layout-dark .markdown-body pre {
background-color: #585858;
}
body.mdui-theme-layout-dark .markdown-body table tr {
background-color: #4c4c4c;
}
body.mdui-theme-layout-dark .markdown-body table tr:nth-child(2n) {
background-color: #5d5d5d;
}
body.mdui-theme-layout-dark .pagination > .disabled > span,
body.mdui-theme-layout-dark .pagination > .disabled > span:hover,
body.mdui-theme-layout-dark .pagination > .disabled > span:focus,
body.mdui-theme-layout-dark .pagination > .disabled > a,
body.mdui-theme-layout-dark .pagination > .disabled > a:hover,
body.mdui-theme-layout-dark .pagination > .disabled > a:focus,
body.mdui-theme-layout-dark .pagination > li > a,
body.mdui-theme-layout-dark .pagination > li > span {
background-color: #2b2b2b;
}
body.mdui-theme-layout-dark .mdui-btn,
body.mdui-theme-layout-dark .mdui-theme-accent-indigo .mdui-dialog-actions .mdui-btn {
color: white !important;
}
body.mdui-theme-layout-dark main .images-container .folders-box .item p.name,
File diff suppressed because one or more lines are too long
+40 -3
View File
@@ -678,11 +678,48 @@ footer {
// dark 主题
body.mdui-theme-layout-dark {
main {
.mdui-btn {
color: white !important;
.markdown-body {
color: #eaeaea;
a {
color: #64adff;
}
img {
background-color: rgba(0, 0, 0, 0);
}
.highlight pre, pre {
background-color: #585858;
}
table {
tr {
background-color: #4c4c4c;
&:nth-child(2n) {
background-color: #5d5d5d;
}
}
}
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus,
.pagination > li > a, .pagination > li > span {
background-color: #2b2b2b;
}
.mdui-btn, .mdui-theme-accent-indigo .mdui-dialog-actions .mdui-btn {
color: white !important;
}
main {
.images-container {
.folders-box, .images-box {
.item {