style: soften green accent colors across hub CSS files
Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/8c50fde4-c2f8-49f8-953b-1a9e066041e5 Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
This commit is contained in:
committed by
GitHub
parent
df353d1318
commit
db093a04ad
@@ -16,8 +16,8 @@
|
|||||||
--text-primary: #ecf3ef;
|
--text-primary: #ecf3ef;
|
||||||
--text-secondary: #8aaa9a;
|
--text-secondary: #8aaa9a;
|
||||||
--text-dim: #4a6658;
|
--text-dim: #4a6658;
|
||||||
--accent-color: #28D978;
|
--accent-color: #5EAD8A;
|
||||||
--green: #2ec27e;
|
--green: #6DBF8B;
|
||||||
--yellow: #e5a50a;
|
--yellow: #e5a50a;
|
||||||
--red: #e01b24;
|
--red: #e01b24;
|
||||||
--grey: #5E7A6A;
|
--grey: #5E7A6A;
|
||||||
@@ -34,7 +34,7 @@ html, body {
|
|||||||
body {
|
body {
|
||||||
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif;
|
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif;
|
||||||
background:
|
background:
|
||||||
radial-gradient(ellipse at top, rgba(40, 217, 120, 0.04) 0%, transparent 50%),
|
radial-gradient(ellipse at top, rgba(94, 173, 138, 0.04) 0%, transparent 50%),
|
||||||
var(--bg-color);
|
var(--bg-color);
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|||||||
@@ -31,8 +31,8 @@ button:disabled {
|
|||||||
|
|
||||||
/* Update System button: uses accent green by default */
|
/* Update System button: uses accent green by default */
|
||||||
.btn-update {
|
.btn-update {
|
||||||
background-color: #1AA45D;
|
background-color: #4A9474;
|
||||||
color: #E8FFF4;
|
color: #E0F2EA;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -45,12 +45,12 @@ button:disabled {
|
|||||||
|
|
||||||
/* Update System button: brighter green when updates are available */
|
/* Update System button: brighter green when updates are available */
|
||||||
.btn-update.has-updates {
|
.btn-update.has-updates {
|
||||||
background-color: #28D978;
|
background-color: #5EAD8A;
|
||||||
color: #0A1A10;
|
color: #0A1A10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-update.has-updates:hover:not(:disabled) {
|
.btn-update.has-updates:hover:not(:disabled) {
|
||||||
background-color: #42F39A;
|
background-color: #78C8A2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.update-badge {
|
.update-badge {
|
||||||
|
|||||||
@@ -89,13 +89,13 @@
|
|||||||
/* Reboot = GREEN */
|
/* Reboot = GREEN */
|
||||||
.modal-footer .btn-reboot,
|
.modal-footer .btn-reboot,
|
||||||
button.btn-reboot {
|
button.btn-reboot {
|
||||||
background-color: #2ec27e;
|
background-color: #6DBF8B;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-footer .btn-reboot:hover:not(:disabled),
|
.modal-footer .btn-reboot:hover:not(:disabled),
|
||||||
button.btn-reboot:hover:not(:disabled) {
|
button.btn-reboot:hover:not(:disabled) {
|
||||||
background-color: #27ae6e;
|
background-color: #529E7E;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-save {
|
.btn-save {
|
||||||
@@ -295,7 +295,7 @@ button.btn-reboot:hover:not(:disabled) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.matrix-action-btn:hover {
|
.matrix-action-btn:hover {
|
||||||
background-color: #6EE4A8;
|
background-color: #7CC4A0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.matrix-form-group {
|
.matrix-form-group {
|
||||||
@@ -358,7 +358,7 @@ button.btn-reboot:hover:not(:disabled) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.matrix-form-submit:hover:not(:disabled) {
|
.matrix-form-submit:hover:not(:disabled) {
|
||||||
background-color: #6EE4A8;
|
background-color: #7CC4A0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.matrix-form-submit:disabled {
|
.matrix-form-submit:disabled {
|
||||||
@@ -391,7 +391,7 @@ button.btn-reboot:hover:not(:disabled) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.matrix-form-result.success {
|
.matrix-form-result.success {
|
||||||
background-color: rgba(74, 222, 128, 0.12);
|
background-color: rgba(109, 191, 139, 0.12);
|
||||||
border: 1px solid var(--green);
|
border: 1px solid var(--green);
|
||||||
color: var(--green);
|
color: var(--green);
|
||||||
display: block;
|
display: block;
|
||||||
|
|||||||
@@ -105,7 +105,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.security-status-info { color: var(--text-secondary); }
|
.security-status-info { color: var(--text-secondary); }
|
||||||
.security-status-ok { color: #2ec27e; }
|
.security-status-ok { color: #6DBF8B; }
|
||||||
.security-status-error { color: #e05252; }
|
.security-status-error { color: #e05252; }
|
||||||
|
|
||||||
/* ── Verify System Integrity ─────────────────────────────────────── */
|
/* ── Verify System Integrity ─────────────────────────────────────── */
|
||||||
@@ -160,7 +160,7 @@
|
|||||||
|
|
||||||
.security-verify-link {
|
.security-verify-link {
|
||||||
font-size: 0.78rem;
|
font-size: 0.78rem;
|
||||||
color: var(--accent-color, #2ec27e);
|
color: var(--accent-color, #6DBF8B);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -174,8 +174,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.security-verify-pass {
|
.security-verify-pass {
|
||||||
background-color: rgba(46, 194, 126, 0.15);
|
background-color: rgba(109, 191, 139, 0.15);
|
||||||
color: #2ec27e;
|
color: #6DBF8B;
|
||||||
}
|
}
|
||||||
|
|
||||||
.security-verify-fail {
|
.security-verify-fail {
|
||||||
|
|||||||
@@ -219,8 +219,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.support-wallet-protected {
|
.support-wallet-protected {
|
||||||
background-color: rgba(46, 194, 126, 0.06);
|
background-color: rgba(109, 191, 139, 0.06);
|
||||||
border-color: rgba(46, 194, 126, 0.3);
|
border-color: rgba(109, 191, 139, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.support-wallet-unlocked {
|
.support-wallet-unlocked {
|
||||||
@@ -310,7 +310,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.support-btn-wallet-lock:hover:not(:disabled) {
|
.support-btn-wallet-lock:hover:not(:disabled) {
|
||||||
background-color: #27ae6e;
|
background-color: #529E7E;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── Audit log ───────────────────────────────────────────────────── */
|
/* ── Audit log ───────────────────────────────────────────────────── */
|
||||||
|
|||||||
Reference in New Issue
Block a user