Skip to content

Commit ca7187e

Browse files
tonylu110tonylu110
committed
1.2.1 version
1 parent 3c21c91 commit ca7187e

30 files changed

+665
-477
lines changed

‎manifest.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"manifest_version": 3,
33
"name": "uyou 新标签页",
44
"description": "这是一个很好看的新标签页！",
5-
"version": "1.2.0",
5+
"version": "1.2.1",
66
"icons": {
77
"128": "extension.png",
88
"48": "extension.png",

‎newPage/css/cal.css

+1-15
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,4 @@
1-
:root{
2-
--color90: #ffffff90;
3-
--color70: #ffffff70;
4-
--color50: #ffffff50;
5-
--borderColor: #ffffff70;
6-
--textColor: black;
7-
}
8-
9-
:root.dark{
10-
--color90: #11111190;
11-
--color70: #00000070;
12-
--color50: #00000050;
13-
--borderColor: #00000010;
14-
--textColor: #999999;
15-
}
1+
@import url(./color.css);
162

173
/* cal css */
184
.mainCal{

‎newPage/css/color.css

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
:root{
2+
--searchBarColor: #ffffff90;
3+
--searchBarColorHover: #ffffff70;
4+
--searchBarBorderColor: #ffffff70;
5+
--searchBarBorderColorHover: #ffffff50;
6+
--linkColorActive: #aaaaaa50;
7+
--linkBorderColorActive: #ffffff30;
8+
--clickColor: #00000000;
9+
--weatherColor: #ffffff70;
10+
--fontColor: black;
11+
--inputBackground: white;
12+
--buttonMainColor: #ffffff90;
13+
--mainBorder: #ffffff70;
14+
--buttonColor: #e6e6e6;
15+
--buttonColorActive: #9e9e9e;
16+
--color50: #ffffff50;
17+
--featureColor: #ffffffee;
18+
--linkChangeColor: #ffffff90;
19+
--selColor: #ffffff70;
20+
--color90: #ffffff90;
21+
--color70: #ffffff70;
22+
--borderColor: #ffffff70;
23+
--textColor: black;
24+
--barColor: #ffffff90;
25+
--inColor: #ffffff90;
26+
--seaRight: #44444450;
27+
}
28+
29+
:root.dark{
30+
--searchBarColor: #11111190;
31+
--searchBarColorHover: #00000070;
32+
--searchBarBorderColor: #00000010;
33+
--searchBarBorderColorHover: #00000010;
34+
--linkColorActive: #00000050;
35+
--linkBorderColorActive: #00000010;
36+
--clickColor: #00000050;
37+
--weatherColor: #44444470;
38+
--fontColor: #999;
39+
--inputBackground: #44444490;
40+
--buttonMainColor: #11111190;
41+
--mainBorder: #00000030;
42+
--buttonColor: #4e4e4e;
43+
--buttonColorActive: #2e2e2e;
44+
--color50: #44444450;
45+
--featureColor: #444444ee;
46+
--linkChangeColor: #44444430;
47+
--selColor: #44444470;
48+
--color90: #11111190;
49+
--color70: #00000070;
50+
--borderColor: #00000010;
51+
--textColor: #999999;
52+
--barColor: #11111190;
53+
--inColor: #44444470;
54+
--seaRight: #cccccc70;
55+
}

‎newPage/css/history.css

+2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@import url(./color.css);
2+
13
/* This is historybar style */
24
.bar{
35
height: 100vh;

‎newPage/css/info.css

+1-11
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,4 @@
1-
:root{
2-
--barColor: #ffffff90;
3-
--textColor: black;
4-
--inColor: #ffffff90;
5-
}
6-
7-
:root.dark{
8-
--barColor: #11111190;
9-
--textColor: white;
10-
--inColor: #44444470;
11-
}
1+
@import url(./color.css);
122

133
.bottom-right{
144
position: fixed;

‎newPage/css/one.css

+1-15
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,4 @@
1-
:root{
2-
--color90: #ffffff90;
3-
--color70: #ffffff70;
4-
--color50: #ffffff50;
5-
--borderColor: #ffffff70;
6-
--textColor: black;
7-
}
8-
9-
:root.dark{
10-
--color90: #11111190;
11-
--color70: #00000070;
12-
--color50: #00000050;
13-
--borderColor: #00000010;
14-
--textColor: #999999;
15-
}
1+
@import url(./color.css);
162

173
.button{
184
position: fixed;

‎newPage/css/setting.css

+37-27
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,4 @@
1-
:root{
2-
--buttonMainColor: #ffffff90;
3-
--mainBorder: #ffffff70;
4-
--fontColor: black;
5-
--buttonColor: #e6e6e6;
6-
--buttonColorActive: #9e9e9e;
7-
--color50: #ffffff50;
8-
--featureColor: #ffffffee;
9-
--linkChangeColor: #ffffff90;
10-
--selColor: #ffffff70;
11-
}
12-
:root.dark{
13-
--buttonMainColor: #11111190;
14-
--mainBorder: #00000030;
15-
--fontColor: #999;
16-
--buttonColor: #4e4e4e;
17-
--buttonColorActive: #2e2e2e;
18-
--color50: #44444450;
19-
--featureColor: #444444ee;
20-
--linkChangeColor: #44444430;
21-
--selColor: #44444470;
22-
}
1+
@import url(./color.css);
232

243
.top-left{
254
position: fixed;
@@ -569,7 +548,7 @@
569548
margin-bottom: 10px;
570549
padding: 10px;
571550
border-radius: 8px;
572-
background-color: var(--mainBorder);
551+
background-color: var(--color50);
573552
}
574553
.loadingTimeSetting{
575554
display: flex;
@@ -583,7 +562,7 @@
583562
padding: 7px;
584563
}
585564
.ms{
586-
background-color: var(--mainBorder);
565+
background-color: var(--color50);
587566
margin-right: 10px;
588567
border-radius: 8px;
589568
padding: 10px;
@@ -623,15 +602,16 @@
623602
z-index: 260;
624603
width: 180px;
625604
padding: 20px;
626-
background-color: #ffffff90;
605+
background-color: var(--buttonMainColor);
627606
box-shadow: 0px 0px 70px #00000070;
628607
backdrop-filter: blur(20px);
629608
border-radius: 15px;
630609
display: flex;
631610
flex-direction: column;
632611
align-items: center;
633-
border-top: 2px solid #ffffff70;
634-
border-left: 2px solid #ffffff70;
612+
border-top: 2px solid var(--mainBorder);
613+
border-left: 2px solid var(--mainBorder);
614+
color: var(--fontColor);
635615
}
636616
#toastButton{
637617
width: 80px;
@@ -862,4 +842,34 @@
862842
margin-right: 10px;
863843
margin-left: 10px;
864844
width: auto;
845+
}
846+
847+
.blackBackShowBack{
848+
flex-direction: column;
849+
margin-top: 0px;
850+
border-radius: 0px 0px 10px 10px;
851+
}
852+
.dlMore{
853+
display: flex;
854+
flex-direction: row;
855+
justify-content: space-between;
856+
width: 100%;
857+
align-items: center;
858+
}
859+
#blackBackColor{
860+
font-size: 15px;
861+
padding: 12px;
862+
border: 0px;
863+
outline: none;
864+
border-radius: 8px;
865+
margin-right: 10px;
866+
flex: 1;
867+
}
868+
#backAlpha{
869+
margin-right: auto;
870+
font-size: 17px;
871+
margin-bottom: 10px;
872+
border-radius: 8px;
873+
background-color: var(--color50);
874+
padding: 10px;
865875
}

‎newPage/css/style.css

+26-26
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,9 @@
1-
:root{
2-
--searchBarColor: #ffffff90;
3-
--searchBarColorHover: #ffffff70;
4-
--searchBarBorderColor: #ffffff70;
5-
--searchBarBorderColorHover: #ffffff50;
6-
--linkColorActive: #aaaaaa50;
7-
--linkBorderColorActive: #ffffff30;
8-
--clickColor: #00000000;
9-
--weatherColor: #ffffff70;
10-
--fontColor: black;
11-
--inputBackground: white;
12-
}
13-
14-
:root.dark{
15-
--searchBarColor: #11111190;
16-
--searchBarColorHover: #00000070;
17-
--searchBarBorderColor: #00000010;
18-
--searchBarBorderColorHover: #00000010;
19-
--linkColorActive: #00000050;
20-
--linkBorderColorActive: #00000010;
21-
--clickColor: #00000050;
22-
--weatherColor: #44444470;
23-
--fontColor: #999;
24-
--inputBackground: #44444490;
25-
}
1+
@import url(./color.css);
2+
@import url(./setting.css);
3+
@import url(./cal.css);
4+
@import url(./history.css);
5+
@import url(./info.css);
6+
@import url(./one.css);
267

278
::-webkit-scrollbar {
289
display: none; /* Chrome Safari */
@@ -185,7 +166,7 @@ input{
185166
background-color: transparent;
186167
border-radius: 6px;
187168
height: 30px;
188-
width: 540px;
169+
flex: 1;
189170
font-size: 20px;
190171
font-weight: bold;
191172
outline: 0px;
@@ -198,6 +179,25 @@ input{
198179
border-radius: 50%;
199180
background-color: white;
200181
}
182+
.keywordsRight{
183+
width: 2px;
184+
height: 30px;
185+
margin: 0px 10px 0px 10px;
186+
background-color: var(--seaRight);
187+
}
188+
#searchBtn{
189+
width: 0px;
190+
text-align: center;
191+
color: var(--fontColor);
192+
font-weight: bold;
193+
font-size: 17px;
194+
line-height: 28px;
195+
cursor: pointer;
196+
user-select: none;
197+
overflow: hidden;
198+
white-space: nowrap;
199+
transition: 0.3s;
200+
}
201201

202202
/* This is favourite link style */
203203
.link{

‎newPage/index.html

+15-24
Original file line numberDiff line numberDiff line change
@@ -7,29 +7,7 @@
77
<title>Home</title>
88
<link rel="shortcut icon" href="imgs/favicon.ico" />
99
<link rel="stylesheet" href="css/style.css">
10-
<link rel="stylesheet" href="css/history.css">
11-
<link rel="stylesheet" href="css/cal.css">
12-
<link rel="stylesheet" href="css/info.css">
13-
<link rel="stylesheet" href="css/one.css">
14-
<link rel="stylesheet" href="css/setting.css">
15-
<script src="js/main/function.js"></script>
16-
<script src="js/main/dark2light.js"></script>
17-
<script src="js/main/main.js"></script>
18-
<script src="js/features/hide.js"></script>
19-
<script src="js/features/info.js"></script>
20-
<script src="js/features/search.js"></script>
21-
<script src="js/main/print.js"></script>
22-
<script src="js/features/cal.js"></script>
23-
<script src="js/features/history.js"></script>
24-
<script src="js/features/one.js"></script>
25-
<script src="js/features/hsFeature.js"></script>
26-
<script src="js/features/hsLink.js"></script>
27-
<script src="js/features/changeLink.js"></script>
28-
<script src="js/features/settingMenu.js"></script>
29-
<script src="js/features/otherSetting.js"></script>
30-
<script src="js/features/weather.js"></script>
31-
<script src="js/features/settings.js"></script>
32-
<script src="js/main/load.js"></script>
10+
<script type="module" src="js/main/load.js"></script>
3311
</head>
3412
<body id="background">
3513
<div id="loading" style="display: none;">
@@ -64,7 +42,7 @@
6442
</div>
6543
<div id="toast" style="display: none;">
6644
<div id="Msg"></div>
67-
<div id="toastButton"></div>
45+
<div id="toastButton">确认</div>
6846
</div>
6947
<div id="settingMain" class="settingMainBefore" >
7048
<div id="backSettingMenus" style="display: none;">
@@ -355,6 +333,17 @@
355333
<div class="otherFeaturesBefore" id="dlAn">亮色</div>
356334
</div>
357335
</div>
336+
<div class="otherBtn blackBackShowBack" style="display: none;">
337+
<div class="dlMore" style="margin-bottom: 10px;">
338+
<div class="otherName" id="colorMode">是否显示暗色壁纸遮罩</div>
339+
<div class="otherFeatures" id="blackBackShow">显示</div>
340+
</div>
341+
<div id="backAlpha">当前背景暗色遮罩深度为：</div>
342+
<div class="dlMore">
343+
<input type="text" placeholder="请输入暗色遮罩程度：00-FF" id="blackBackColor">
344+
<div class="otherFeatures" id="setBackAlpha">确定</div>
345+
</div>
346+
</div>
358347
</div>
359348
</div>
360349
<div id="helpMain" class="otherInfo" style="display: none;">
@@ -490,6 +479,8 @@
490479
<div class="searchbar" id="searchbar" style="display: none;"><!--search bar-->
491480
<img id="searchEngine" hidden>
492481
<input type="text" id="keywords">
482+
<div class="keywordsRight" style="display: none;"></div>
483+
<div id="searchBtn" style="color: transparent;">搜索</div>
493484
</div>
494485
<!-- This is moreSearch area -->
495486
<div class="moreSearch" id="moreSearch" hidden>

0 commit comments

Comments
 (0)