Skip to content

Commit 51004dc

Browse files
committed
Version 1.4
1 parent 80a30c3 commit 51004dc

6 files changed

Lines changed: 75 additions & 10 deletions

File tree

CHANGELOG.md

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,17 @@
2323
- [x] Fix settings input height
2424

2525
### Version 1.3
26-
- [x] Fix breaking bug
27-
- [x] Add gitpod config
28-
- [x] Update console message
29-
- [x] Add issue templates
26+
- [x] Fix breaking bug
27+
- [x] Add gitpod config
28+
- [x] Update console message
29+
- [x] Add issue templates
3030

31-
### Upcoming
31+
### Version 1.4
3232
- [x] Update package.json
33+
- [x] Updated button look
34+
- [x] Changed date
35+
36+
### Upcoming
3337
- [ ] Update proxies
3438
- [ ] Add games
3539
- [ ] Custom themes

package-lock.json

Lines changed: 3 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "metallic",
3-
"version": "1.3",
3+
"version": "1.4",
44
"description": "A powerful web proxy build for speed and customization.",
55
"repository": "https://github.com/Metallic-Web/Metallic.git",
66
"license": "MIT",

src/pages/home.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -177,7 +177,7 @@ function Home() {
177177
</Link>
178178
</div>
179179
<div className="footermiddle">
180-
<Obfuscate>© Metallic </Obfuscate>{new Date().getFullYear()}
180+
<Obfuscate>© Metallic 2022 - </Obfuscate>{new Date().getFullYear()}
181181
</div>
182182
<div>
183183
<a className="footersides link" href="https://discord.gg/yk33HZSZkU">

src/style/appearance.css

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@
77
--placeholder: #bdc1c6;
88
--font-main: "Roboto";
99
--font-title: "Open Sans";
10+
--secondary: #ffffff1a;
11+
--hover: #ffffff33;
1012
}
1113
}
1214

@@ -19,6 +21,8 @@
1921
--placeholder: lightgray;
2022
--font-main: "Roboto";
2123
--font-title: "Open Sans";
24+
--secondary: #0000001a;
25+
--hover: #00000033;
2226
}
2327
}
2428

@@ -30,6 +34,8 @@ body[appearance="dark"] {
3034
--placeholder: #bdc1c6;
3135
--font-main: "Roboto";
3236
--font-title: "Open Sans";
37+
--secondary: #ffffff1a;
38+
--hover: #ffffff33;
3339
}
3440

3541
body[appearance="light"] {
@@ -40,6 +46,8 @@ body[appearance="light"] {
4046
--placeholder: lightgray;
4147
--font-main: "Roboto";
4248
--font-title: "Open Sans";
49+
--secondary: #0000001a;
50+
--hover: #00000033;
4351
}
4452

4553
body[appearance="lime"] {
@@ -50,6 +58,8 @@ body[appearance="lime"] {
5058
--placeholder: black;
5159
--font-main: "Roboto";
5260
--font-title: "Open Sans";
61+
--secondary: #ffffff1a;
62+
--hover: #ffffff33;
5363
}
5464

5565
body[appearance="space"] {
@@ -60,6 +70,8 @@ body[appearance="space"] {
6070
--placeholder: white;
6171
--font-main: "Roboto";
6272
--font-title: "Open Sans";
73+
--secondary: #ffffff1a;
74+
--hover: #ffffff33;
6375
}
6476

6577
body[appearance="molten"] {
@@ -70,6 +82,8 @@ body[appearance="molten"] {
7082
--placeholder: black;
7183
--font-main: "Roboto";
7284
--font-title: "Open Sans";
85+
--secondary: #ffffff1a;
86+
--hover: #ffffff33;
7387
}
7488

7589
body[appearance="retro"] {
@@ -80,6 +94,8 @@ body[appearance="retro"] {
8094
--placeholder: black;
8195
--font-main: "Ubuntu Mono";
8296
--font-title: "Ubuntu Mono";
97+
--secondary: #ffffff1a;
98+
--hover: #ffffff33;
8399
}
84100

85101
body[appearance="eaglenet"] {
@@ -90,6 +106,8 @@ body[appearance="eaglenet"] {
90106
--placeholder: white;
91107
--font-main: "Roboto";
92108
--font-title: "Open Sans";
109+
--secondary: #ffffff1a;
110+
--hover: #ffffff33;
93111
}
94112

95113
body[appearance="midnight"] {
@@ -100,6 +118,8 @@ body[appearance="midnight"] {
100118
--placeholder: lightgray;
101119
--font-main: "Roboto";
102120
--font-title: "Open Sans";
121+
--secondary: #ffffff1a;
122+
--hover: #ffffff33;
103123
}
104124

105125
body[appearance="honey"] {
@@ -110,6 +130,8 @@ body[appearance="honey"] {
110130
--placeholder: lightgrey;
111131
--font-main: "Roboto";
112132
--font-title: "Open Sans";
133+
--secondary: #0000001a;
134+
--hover: #00000033;
113135
}
114136

115137
body[appearance="swamp"] {
@@ -120,6 +142,8 @@ body[appearance="swamp"] {
120142
--placeholder: darkslategray;
121143
--font-main: "Roboto";
122144
--font-title: "Open Sans";
145+
--secondary: #ffffff1a;
146+
--hover: #ffffff33;
123147
}
124148

125149
body[appearance="banana"] {
@@ -130,6 +154,8 @@ body[appearance="banana"] {
130154
--placeholder: #161616;
131155
--font-main: "Roboto";
132156
--font-title: "Open Sans";
157+
--secondary: #ffffff1a;
158+
--hover: #ffffff33;
133159
}
134160

135161
body[appearance="banana"] .homelogo {
@@ -148,6 +174,8 @@ body[appearance="flamingo"] {
148174
--placeholder: #bdc1c6;
149175
--font-main: "Roboto Slab";
150176
--font-title: "Prata";
177+
--secondary: #0000001a;
178+
--hover: #00000033;
151179
}
152180

153181
body[appearance="magma"] {
@@ -158,6 +186,8 @@ body[appearance="magma"] {
158186
--placeholder: white;
159187
--font-main: "Roboto";
160188
--font-title: "Open Sans";
189+
--secondary: #ffffff1a;
190+
--hover: #ffffff33;
161191
}
162192

163193
body[appearance="shadow"] {
@@ -168,6 +198,8 @@ body[appearance="shadow"] {
168198
--placeholder: black;
169199
--font-main: "Roboto";
170200
--font-title: "Open Sans";
201+
--secondary: #ffffff1a;
202+
--hover: #ffffff33;
171203
}
172204

173205
body[appearance="hacker"] {
@@ -178,6 +210,8 @@ body[appearance="hacker"] {
178210
--placeholder: #7de38d;
179211
--font-main: "JetBrains Mono";
180212
--font-title: "JetBrains Mono";
213+
--secondary: transparent
214+
--hover: transparent;
181215
}
182216

183217
body[appearance="nord"] {
@@ -188,6 +222,8 @@ body[appearance="nord"] {
188222
--placeholder: #eceff4;
189223
--font-main: "Rubik";
190224
--font-title: "Rubik";
225+
--secondary: transparent;
226+
--hover: transparent;
191227
}
192228

193229
body[appearance="violet"] {
@@ -198,6 +234,8 @@ body[appearance="violet"] {
198234
--placeholder: white;
199235
--font-main: "Roboto";
200236
--font-title: "Open Sans";
237+
--secondary: #ffffff1a;
238+
--hover: #ffffff33;
201239
}
202240

203241
body[appearance="jungle"] {
@@ -208,6 +246,8 @@ body[appearance="jungle"] {
208246
--placeholder: black;
209247
--font-main: "Roboto";
210248
--font-title: "Open Sans";
249+
--secondary: #ffffff1a;
250+
--hover: #ffffff33;
211251
}
212252

213253
body[appearance="connection"] {
@@ -218,6 +258,8 @@ body[appearance="connection"] {
218258
--placeholder: #1c1b29;
219259
--font-main: "Roboto";
220260
--font-title: "Open Sans";
261+
--secondary: #ffffff1a;
262+
--hover: #ffffff33;
221263
}
222264

223265
body[appearance="dune"] {
@@ -228,6 +270,8 @@ body[appearance="dune"] {
228270
--placeholder: var(--background);
229271
--font-main: "Roboto";
230272
--font-title: "Open Sans";
273+
--secondary: #0000001a;
274+
--hover: #00000033;
231275
}
232276

233277
body[appearance="dracula"] {
@@ -238,6 +282,8 @@ body[appearance="dracula"] {
238282
--placeholder: #50fa7b;
239283
--font-main: "Roboto";
240284
--font-title: "Open Sans";
285+
--secondary: #ffffff1a;
286+
--hover: #ffffff33;
241287
}
242288

243289
body[appearance="simple"] {
@@ -248,6 +294,8 @@ body[appearance="simple"] {
248294
--placeholder: white;
249295
--font-main: "Roboto";
250296
--font-title: "Open Sans";
297+
--secondary: transparent;
298+
--hover: transparent;
251299
}
252300

253301
body[appearance="fracital"] {
@@ -258,6 +306,8 @@ body[appearance="fracital"] {
258306
--placeholder: #f971e4;
259307
--font-main: "Roboto";
260308
--font-title: "Open Sans";
309+
--secondary: transparent;
310+
--hover: transparent;
261311
}
262312

263313
body[appearance="nebula"] {
@@ -269,6 +319,8 @@ body[appearance="nebula"] {
269319
--placeholder: var(--highlight);
270320
--font-main: "Roboto";
271321
--font-title: "Roboto";
322+
--secondary: transparent;
323+
--hover: transparent;
272324
}
273325

274326
body[appearance="nebula"] .optionchoose {
@@ -335,6 +387,8 @@ body[appearance="tsunami"] {
335387
--placeholder: black;
336388
--font-main: "Roboto";
337389
--font-title: "Quicksand";
390+
--secondary: transparent;
391+
--hover: transparent;
338392
}
339393

340394
body[appearance="tsunami"] .homelogo {
@@ -353,6 +407,8 @@ body[appearance="hub"] {
353407
--placeholder: black;
354408
--font-main: Arial, Helvetica, sans-serif;
355409
--font-title: Arial, Helvetica, sans-serif;
410+
--secondary: #ffffff1a;
411+
--hover: #ffffff33;
356412
}
357413

358414
body[appearance="hub"] .homenav {

src/style/style.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -300,10 +300,14 @@ body {
300300
margin: 10px;
301301
padding: 14px 18px;
302302
cursor: pointer;
303-
background: transparent;
303+
background: var(--secondary);
304304
white-space: nowrap;
305305
}
306306

307+
.optionchoose:not(.chooseactive):hover {
308+
background: var(--hover);
309+
}
310+
307311
.chooseactive {
308312
background: var(--highlight);
309313
color: var(--text-contrast);

0 commit comments

Comments
 (0)