color palette rework #2

2026-03-09 16:53:55 +01:00
parent 0c2157bd0a
commit 4e8a50374e
11 changed files with 52 additions and 40 deletions
--- a/src/app/modules/user/login/login.component.less
+++ b/src/app/modules/user/login/login.component.less
@@ -4,7 +4,7 @@

 p.error {
  margin: 8px 10px;
-  color: darkred;
+  color: var(--danger);
 }

 .login {
@@ -12,9 +12,11 @@ p.error {
  padding: 20px;
  width: 400px;
  margin: 100px 0;
-  background: #fffa;
+  background: var(--surface);
+  border: 1px solid var(--surface-border);
  border-radius: 8px;
  font-size: 18px;
+  color: var(--text);
  position: relative;
  @media screen and (max-width: 860px) {
    margin: 20px;
@@ -33,11 +35,11 @@ button {

 .btn-password {
  margin-bottom: 20px;
-  color: #888;
+  color: var(--text-soft);
 }

 .btn-user {
-  color: #888;
+  color: var(--text-soft);
 }

 .frame {