From 45a6ced462526f2cbf1b395465ce8bcdec87d293 Mon Sep 17 00:00:00 2001 From: Alireza Ahmadi Date: Mon, 4 Dec 2023 19:03:41 +0100 Subject: new login face #1286 --- web/html/login.html | 107 +++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 81 insertions(+), 26 deletions(-) (limited to 'web/html/login.html') diff --git a/web/html/login.html b/web/html/login.html index 61381a61..40ce2a80 100644 --- a/web/html/login.html +++ b/web/html/login.html @@ -3,10 +3,6 @@ {{template "head" .}} - + @@ -121,7 +189,6 @@ lang: "" }, async created() { - this.updateBackground(); this.lang = getLang(); this.secretEnable = await this.getSecretStatus(); }, @@ -143,18 +210,6 @@ return msg.obj; } }, - updateBackground() { - const leftColor = RandomUtil.randomIntRange(0x222222, 0xFFFFFF / 2).toString(16); - const rightColor = RandomUtil.randomIntRange(0xFFFFFF / 2, 0xDDDDDD).toString(16); - const deg = RandomUtil.randomIntRange(0, 360); - const background = `linear-gradient(${deg}deg, #${leftColor} 10%, #${rightColor} 100%)`; - document.querySelector('#app').style.background = this.themeSwitcher.isDarkTheme ? colors.dark.bg : background; - }, - }, - watch: { - 'themeSwitcher.isDarkTheme'(newVal, oldVal) { - this.updateBackground(); - }, }, }); -- cgit v1.2.3 From 3eb232910aad9dc08f85710ad0a038cf4a0b9ebb Mon Sep 17 00:00:00 2001 From: Alireza Ahmadi Date: Mon, 4 Dec 2023 19:23:20 +0100 Subject: fix login title #1286 --- web/html/login.html | 1 - 1 file changed, 1 deletion(-) (limited to 'web/html/login.html') diff --git a/web/html/login.html b/web/html/login.html index 40ce2a80..736004f6 100644 --- a/web/html/login.html +++ b/web/html/login.html @@ -5,7 +5,6 @@ h1 { text-align: center; - color: #fff; margin: 20px 0 50px 0; } -- cgit v1.2.3 From c419eadf15630518606ab434387079172070d340 Mon Sep 17 00:00:00 2001 From: Alireza Ahmadi Date: Tue, 5 Dec 2023 18:13:36 +0100 Subject: xray setting enhancements #1286 --- web/html/login.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'web/html/login.html') diff --git a/web/html/login.html b/web/html/login.html index 736004f6..07d5f52e 100644 --- a/web/html/login.html +++ b/web/html/login.html @@ -176,7 +176,12 @@ {{template "component/themeSwitcher" .}} {{template "component/password" .}} \ No newline at end of file -- cgit v1.2.3 From 523e49833ef35414933300fcac525a2c447d20a4 Mon Sep 17 00:00:00 2001 From: Tara Rostami <132676256+TaraRostami@users.noreply.github.com> Date: Sun, 10 Dec 2023 16:02:48 +0330 Subject: Update login.html --- web/html/login.html | 27 +++++++++++++-------------- 1 file changed, 13 insertions(+), 14 deletions(-) (limited to 'web/html/login.html') diff --git a/web/html/login.html b/web/html/login.html index a59368b1..8f5a6f4d 100644 --- a/web/html/login.html +++ b/web/html/login.html @@ -70,7 +70,7 @@ left: 50%; width: 6000px; height: 6000px; - background: #000; + background-color: rgba(0, 135, 113, 0.08); margin-left: -3000px; transform-origin: 50% 48%; border-radius: 46%; @@ -84,7 +84,6 @@ .wave3 { animation: wave 80s infinite linear; opacity: 0.1; - background: #0a755715; } .under { background-color: #dbf5ed; @@ -93,18 +92,18 @@ background: rgb(10 117 87 / 20%); } .dark .under { - background-color: #051510; + background-color: #101828; } .dark #login { - background-color: rgb(8, 22, 20); + background-color: #151f31; } .dark h1 { color: rgba(255, 255, 255, 0.85); } .ant-btn-primary-login { - color: #0a7557; - background-color: #edf4fa; - border-color: #a9c5e7; + color: #008771; + background-color: #eef9f7; + border-color: #89d9cc; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: none; width: 100%; @@ -112,12 +111,12 @@ .ant-btn-primary-login:focus, .ant-btn-primary-login:hover { color: #fff; - background-color: #0c3f9d; - border-color: #0a7557; + background-color: #006655; + border-color: #006655; background-image: linear-gradient( 270deg, rgba(123, 199, 77, 0) 30%, - #2f67c2, + #009980, rgba(123, 199, 77, 0) 100% ); background-repeat: no-repeat; @@ -130,8 +129,8 @@ .ant-btn-primary-login.active, .ant-btn-primary-login:active { color: #fff; - background-color: #04308f; - border-color: #04308f; + background-color: #006655; + border-color: #006655; } @keyframes ma-bg-move { 0% { @@ -163,7 +162,7 @@ } .dark .wave-btn-bg-cl { background-image: linear-gradient(rgba(13, 14, 33, 0), rgba(13, 14, 33, 0)), - radial-gradient(circle at left top, #0a7557, #387eff, #0a7557) !important; + radial-gradient(circle at left top, #006655, #009980, #006655) !important; border-radius: 3em; } .dark .wave-btn-bg-cl:hover { @@ -338,4 +337,4 @@ }); - \ No newline at end of file + -- cgit v1.2.3