Version 1.4

DitterLogging · Jan 24, 2023 · 51004dc · 51004dc
1 parent 80a30c3
commit 51004dc
Show file tree

Hide file tree

Showing 6 changed files with 75 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -23,13 +23,17 @@
  - [x] Fix settings input height
 
 ### Version 1.3
-- [x] Fix breaking bug
-- [x] Add gitpod config
-- [x] Update console message
-- [x] Add issue templates
+ - [x] Fix breaking bug
+ - [x] Add gitpod config
+ - [x] Update console message
+ - [x] Add issue templates
 
-### Upcoming
+### Version 1.4
  - [x] Update package.json
+ - [x] Updated button look
+ - [x] Changed date
+
+### Upcoming
  - [ ] Update proxies
  - [ ] Add games
  - [ ] Custom themes

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "metallic",
-  "version": "1.3",
+  "version": "1.4",
   "description": "A powerful web proxy build for speed and customization.",
   "repository": "https://github.com/Metallic-Web/Metallic.git",
   "license": "MIT",

diff --git a/src/pages/home.js b/src/pages/home.js
@@ -177,7 +177,7 @@ function Home() {
           </Link>
         </div>
         <div className="footermiddle">
-          <Obfuscate>© Metallic </Obfuscate>{new Date().getFullYear()}
+          <Obfuscate>© Metallic 2022 - </Obfuscate>{new Date().getFullYear()}
         </div>
         <div>
           <a className="footersides link" href="https://discord.gg/yk33HZSZkU">

diff --git a/src/style/appearance.css b/src/style/appearance.css
@@ -7,6 +7,8 @@
     --placeholder: #bdc1c6;
     --font-main: "Roboto";
     --font-title: "Open Sans";
+    --secondary: #ffffff1a;
+    --hover: #ffffff33;
   }
 }
 
@@ -19,6 +21,8 @@
     --placeholder: lightgray;
     --font-main: "Roboto";
     --font-title: "Open Sans";
+    --secondary: #0000001a;
+    --hover: #00000033;
   }
 }
 
@@ -30,6 +34,8 @@ body[appearance="dark"] {
   --placeholder: #bdc1c6;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="light"] {
@@ -40,6 +46,8 @@ body[appearance="light"] {
   --placeholder: lightgray;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #0000001a;
+  --hover: #00000033;
 }
 
 body[appearance="lime"] {
@@ -50,6 +58,8 @@ body[appearance="lime"] {
   --placeholder: black;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="space"] {
@@ -60,6 +70,8 @@ body[appearance="space"] {
   --placeholder: white;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="molten"] {
@@ -70,6 +82,8 @@ body[appearance="molten"] {
   --placeholder: black;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="retro"] {
@@ -80,6 +94,8 @@ body[appearance="retro"] {
   --placeholder: black;
   --font-main: "Ubuntu Mono";
   --font-title: "Ubuntu Mono";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="eaglenet"] {
@@ -90,6 +106,8 @@ body[appearance="eaglenet"] {
   --placeholder: white;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="midnight"] {
@@ -100,6 +118,8 @@ body[appearance="midnight"] {
   --placeholder: lightgray;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="honey"] {
@@ -110,6 +130,8 @@ body[appearance="honey"] {
   --placeholder: lightgrey;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #0000001a;
+  --hover: #00000033;
 }
 
 body[appearance="swamp"] {
@@ -120,6 +142,8 @@ body[appearance="swamp"] {
   --placeholder: darkslategray;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="banana"] {
@@ -130,6 +154,8 @@ body[appearance="banana"] {
   --placeholder: #161616;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="banana"] .homelogo {
@@ -148,6 +174,8 @@ body[appearance="flamingo"] {
   --placeholder: #bdc1c6;
   --font-main: "Roboto Slab";
   --font-title: "Prata";
+  --secondary: #0000001a;
+  --hover: #00000033;
 }
 
 body[appearance="magma"] {
@@ -158,6 +186,8 @@ body[appearance="magma"] {
   --placeholder: white;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="shadow"] {
@@ -168,6 +198,8 @@ body[appearance="shadow"] {
   --placeholder: black;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="hacker"] {
@@ -178,6 +210,8 @@ body[appearance="hacker"] {
   --placeholder: #7de38d;
   --font-main: "JetBrains Mono";
   --font-title: "JetBrains Mono";
+  --secondary: transparent
+  --hover: transparent;
 }
 
 body[appearance="nord"] {
@@ -188,6 +222,8 @@ body[appearance="nord"] {
   --placeholder: #eceff4;
   --font-main: "Rubik";
   --font-title: "Rubik";
+  --secondary: transparent;
+  --hover: transparent;
 }
 
 body[appearance="violet"] {
@@ -198,6 +234,8 @@ body[appearance="violet"] {
     --placeholder: white;
     --font-main: "Roboto";
     --font-title: "Open Sans";
+    --secondary: #ffffff1a;
+    --hover: #ffffff33;
 }
 
 body[appearance="jungle"] {
@@ -208,6 +246,8 @@ body[appearance="jungle"] {
     --placeholder: black;
     --font-main: "Roboto";
     --font-title: "Open Sans";
+    --secondary: #ffffff1a;
+    --hover: #ffffff33;
 }
 
 body[appearance="connection"] {
@@ -218,6 +258,8 @@ body[appearance="connection"] {
     --placeholder: #1c1b29;
     --font-main: "Roboto";
     --font-title: "Open Sans";
+    --secondary: #ffffff1a;
+    --hover: #ffffff33;
 }
 
 body[appearance="dune"] {
@@ -228,6 +270,8 @@ body[appearance="dune"] {
   --placeholder: var(--background);
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #0000001a;
+  --hover: #00000033;
 }
 
 body[appearance="dracula"] {
@@ -238,6 +282,8 @@ body[appearance="dracula"] {
   --placeholder: #50fa7b;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="simple"] {
@@ -248,6 +294,8 @@ body[appearance="simple"] {
   --placeholder: white;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: transparent;
+  --hover: transparent;
 }
 
 body[appearance="fracital"] {
@@ -258,6 +306,8 @@ body[appearance="fracital"] {
   --placeholder: #f971e4;
   --font-main: "Roboto";
   --font-title: "Open Sans";
+  --secondary: transparent;
+  --hover: transparent;
 }
 
 body[appearance="nebula"] {
@@ -269,6 +319,8 @@ body[appearance="nebula"] {
   --placeholder: var(--highlight);
   --font-main: "Roboto";
   --font-title: "Roboto";
+  --secondary: transparent;
+  --hover: transparent;
 }
 
 body[appearance="nebula"] .optionchoose {
@@ -335,6 +387,8 @@ body[appearance="tsunami"] {
   --placeholder: black;
   --font-main: "Roboto";
   --font-title: "Quicksand";
+  --secondary: transparent;
+  --hover: transparent;
 }
 
 body[appearance="tsunami"] .homelogo {
@@ -353,6 +407,8 @@ body[appearance="hub"] {
   --placeholder: black;
   --font-main: Arial, Helvetica, sans-serif;
   --font-title: Arial, Helvetica, sans-serif;
+  --secondary: #ffffff1a;
+  --hover: #ffffff33;
 }
 
 body[appearance="hub"] .homenav {

diff --git a/src/style/style.css b/src/style/style.css
@@ -300,10 +300,14 @@ body {
   margin: 10px;
   padding: 14px 18px;
   cursor: pointer;
-  background: transparent;
+  background: var(--secondary);
   white-space: nowrap;
 }
 
+.optionchoose:not(.chooseactive):hover {
+  background: var(--hover);
+}
+
 .chooseactive {
   background: var(--highlight);
   color: var(--text-contrast);