From 836ee29b786fd3ab3958f0984e5b02e6a89976cf Mon Sep 17 00:00:00 2001 From: Tara Rostami <132676256+TaraRostami@users.noreply.github.com> Date: Wed, 28 Feb 2024 14:35:01 +0330 Subject: Optimize Dark Theme & Ultra Dark (#1889) --------- Co-authored-by: MHSanaei Co-authored-by: Alireza Ahmadi --- web/html/login.html | 203 +++++++++++++++++++++++++++------------------------- 1 file changed, 107 insertions(+), 96 deletions(-) (limited to 'web/html/login.html') diff --git a/web/html/login.html b/web/html/login.html index fc38166b..7655c66f 100644 --- a/web/html/login.html +++ b/web/html/login.html @@ -49,6 +49,9 @@ border-radius: 2rem; padding: 3rem; transition: all 0.3s; + user-select:none; + -webkit-user-select:none; + -moz-user-select: none; } #login:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); @@ -68,10 +71,10 @@ z-index: 0; } .dark .under { - background-color: #0f2d32; + background-color: var(--dark-color-login-wave); } .dark #login { - background-color: #101113; + background-color: var(--dark-color-surface-100); } .dark h1 { color: rgba(255, 255, 255); @@ -199,7 +202,7 @@ z-index: -1; } .dark .waves-header { - background-color: #0a2227; + background-color: var(--dark-color-login-background); } .waves-inner-header { height: 50vh; @@ -219,7 +222,7 @@ animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } .dark .parallax > use { - fill: #0f2d32; + fill: var(--dark-color-login-wave); } .parallax > use:nth-child(1) { animation-delay: -2s; @@ -373,98 +376,106 @@ } - - - -

- -

- - - - -

- - {{ i18n "pages.login.title" }} - Hello! - -

- - - - - - - - - - - - - - - - - - - - - -

- -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + +

+ +

+ + + + +

+ + {{ i18n "pages.login.hello" }} + {{ i18n "pages.login.title" }} + +

+ + + + + + + + + + + + + + + + + + + + +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + Ultra + + + + + + + + + + + + {{template "js" .}} {{template "component/themeSwitcher" .}} {{template "component/password" .}} -- cgit v1.2.3