Skip to content

Commit 96ca5fa

Browse files
HanFengA7HanFengA7
authored
Merge pull request #97 from HanFengA7/2.x_LTS
<feat>: 新增夜间模式 #21
2 parents c15090d + 67882b4 commit 96ca5fa

File tree

5 files changed

+59
-20
lines changed

5 files changed

+59
-20
lines changed

‎DreamCat_StaticResources/css/style.css

+5-5
Original file line numberDiff line numberDiff line change
@@ -66,10 +66,10 @@ box-shadow:.5rem .875rem 2.375rem rgba(255,255,255,.12),
6666
}
6767
.DreamCat-content-header {
6868
min-height: 50px;
69-
margin-left: -240px;
70-
padding: 10px 16px 48px 256px;
69+
/*margin-left: -240px;*/
70+
padding: 35px 50px 35px 80px;
7171
color: #fff;
72-
background-color: #3f51b5;
72+
/*background-color: #3f51b5;*/
7373
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
7474
}
7575
.DreamCat-inCo{
@@ -79,8 +79,8 @@ box-shadow:.5rem .875rem 2.375rem rgba(255,255,255,.12),
7979
}
8080
.DreamCat-footer {
8181
padding: 10px 0;
82-
background: rgba(255,255,255,.6);
83-
box-shadow: 1px 0px 9px 1px rgba(0,0,0,.1);
82+
background-color: #f6f6f6;
83+
/*box-shadow: 1px 0px 9px 1px rgba(0,0,0,.1);*/
8484
}
8585
.DreamCat-infooter {
8686
text-align: center;

‎footer.php

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<?php
22
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
33
?>
4-
4+
<div class=" mdui-appbar mdui-shadow-0">
55
<div class="DreamCat-footer">
66
<div class="DreamCat-infooter">
77
<br/>
@@ -18,6 +18,7 @@
1818
<br/>
1919
</div>
2020
</div>
21+
</div>
2122

2223
<div class="mdui-dialog" id="About_DreamCat">
2324
<div class="mdui-dialog-title">关于 DreamCat</div>

‎header.php

+44-5
Original file line numberDiff line numberDiff line change
@@ -73,14 +73,14 @@
7373
</head>
7474

7575

76-
<body class="mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink mdui-color-grey-100">
76+
<body class="mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink">
77+
<!--mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink mdui-color-grey-100 -->
7778
<script src="<?php CustomCDN_FAM('js/', '', 'js/fly-engine.js', 'fly-engine.js'); ?>"
7879
type="module"></script>
7980

8081

8182
<header>
82-
<div class="mc-drawer mdui-drawer mdui-color-grey-50"
83-
style="background: linear-gradient(135deg,#ECEFF1 0,#FAFAFA 60%);" id="main-drawer">
83+
<div class="mc-drawer mdui-drawer" id="main-drawer">
8484
<div class="mdui-list DreamCat-List-01" mdui-collapse="{accordion: true}" style="margin-bottom: 50%;">
8585
<div class="mdui-card DreamCat-List-02" style="overflow: inherit;">
8686
<?php if (!empty($this->options->CustomPicture1)): ?>
@@ -256,9 +256,48 @@ class="mdui-icon material-icons">menu</i></span>
256256
<a href="/" class="mdui-typo-headline mdui-hidden-xs"><?php #$this->options->title(); ?></a>
257257
<a href="" class="mdui-typo-title"><?php #$this->archiveTitle(); ?></a>
258258
<div class="mdui-toolbar-spacer"></div>
259-
<a href="javascript:location.reload();" class="mdui-btn mdui-btn-icon">
260-
<i class="mdui-icon material-icons">refresh</i>
259+
<a onclick="LDMode()" class="mdui-btn mdui-btn-icon">
260+
<i class="mdui-icon material-icons">
261+
<div id="LDMode_BtnIcon"></div>
262+
</i>
261263
</a>
264+
<button onclick="javascript:location.reload();" class="mdui-btn mdui-btn-icon">
265+
<i class="mdui-icon material-icons">refresh</i>
266+
</button>
267+
<script>
268+
let LDMode_theme = "light";
269+
let LDMode_Body = document.body;
270+
let LDMode_BtnIcon = document.getElementById('LDMode_BtnIcon');
271+
272+
if (window.sessionStorage.getItem('LDMode_theme')){
273+
if (window.sessionStorage.getItem('LDMode_theme') === 'dark'){
274+
LDMode_BtnIcon.innerHTML = `&#xe3a9;`;
275+
LDMode_Body.classList.add("mdui-theme-layout-dark");
276+
}else{
277+
LDMode_BtnIcon.innerHTML = `&#xe3aa;`;
278+
LDMode_Body.classList.remove("mdui-theme-layout-dark");
279+
}
280+
}else{
281+
LDMode_theme = "light";
282+
document.getElementById('LDMode_BtnIcon').innerHTML = `&#xe3aa;`;
283+
LDMode_Body.classList.remove("mdui-theme-layout-dark");
284+
}
285+
286+
function LDMode() {
287+
if (LDMode_theme === "light") {
288+
LDMode_BtnIcon.innerHTML = `&#xe3a9;`;
289+
LDMode_Body.classList.add("mdui-theme-layout-dark");
290+
LDMode_theme = "dark";
291+
window.sessionStorage.setItem('LDMode_theme', LDMode_theme);
292+
} else if (LDMode_theme === "dark") {
293+
LDMode_BtnIcon.innerHTML = `&#xe3aa;`;
294+
LDMode_Body.classList.remove("mdui-theme-layout-dark");
295+
LDMode_theme = "light";
296+
window.sessionStorage.setItem('LDMode_theme', LDMode_theme);
297+
}
298+
}
299+
300+
</script>
262301
</div>
263302
</div>
264303
</div>

‎index.php

+7-8
Original file line numberDiff line numberDiff line change
@@ -16,22 +16,21 @@
1616
<div class="container">
1717
<div class="row">
1818
<!--Start-->
19-
<div class="mdui-container-fluid">
20-
<div class="mdui-row DreamCat-content-header">
21-
<div class="mdui-container fade-scale in">
19+
<div class="mdui-container-fluid mdui-appbar mdui-shadow-0">
20+
<div class="mdui-row DreamCat-content-header mdui-color-indigo">
21+
<div class="fade-scale in ">
2222
<h1 class="title">
2323
<?php $this->options->title(); ?></h1>
2424
<h5 class="subtitle">
2525
<?php $this->options->description(); ?></h5>
2626
</div>
2727
</div>
28-
<div class="mdui-row">
28+
<div class="mdui-row mdui-appbar mdui-shadow-0">
2929
<div class="mdui-col-xs-6 mdui-float-right"
3030
style="transform: translateY(-50%);width: 95px;">
31-
<button class="mdui-shadow-0 mdui-fab mdui-color-theme-accent mdui-ripple"
32-
mdui-dialog="{target: '#search-1'}"
33-
style="background-color: #3f51b5!important;"><i
34-
class="mdui-icon material-icons">search</i></button>
31+
<div class="mdui-shadow-0 mdui-fab mdui-ripple mdui-color-indigo"
32+
mdui-dialog="{target: '#search-1'}"><i
33+
class="mdui-icon material-icons">search</i></div>
3534
</div>
3635
</div>
3736
</div>

‎post.php

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<div class="mdui-container-fluid">
1515
<div class="mdui-row DreamCat-content-header" style="min-height: 140px;"></div>
16-
<div class="mdui-container">
16+
<div class="mdui-container" style="padding: 15px;">
1717
<div class="mdui-row">
1818
<div class="mdui-card shadow-A1" style="margin-top: -15%; border-radius:9px;">
1919
<div class="mdui-card-header mdui-color-grey-50">

0 commit comments

Comments
 (0)