Merge pull request #181 from naturallaw777/copilot/soften-green-colors-hub-ui

[WIP] Update green colors for a calmer UI experience

app/sovran_systemsos_web/static/css/base.css

@@ -16,8 +16,8 @@
   --text-primary:    #ecf3ef;
   --text-secondary:  #8aaa9a;
   --text-dim:        #4a6658;
-  --accent-color:    #28D978;
-  --green:           #2ec27e;
+  --accent-color:    #5EAD8A;
+  --green:           #6DBF8B;
   --yellow:          #e5a50a;
   --red:             #e01b24;
   --grey:            #5E7A6A;
@@ -34,7 +34,7 @@ html, body {
 body {
   font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif;
   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);
   color: var(--text-primary);
   line-height: 1.5;

app/sovran_systemsos_web/static/css/buttons.css

@@ -31,8 +31,8 @@ button:disabled {
 
 /* Update System button: uses accent green by default */
 .btn-update {
-  background-color: #1AA45D;
-  color: #E8FFF4;
+  background-color: #4A9474;
+  color: #E0F2EA;
   position: relative;
   display: flex;
   align-items: center;
@@ -45,12 +45,12 @@ button:disabled {
 
 /* Update System button: brighter green when updates are available */
 .btn-update.has-updates {
-  background-color: #28D978;
+  background-color: #5EAD8A;
   color: #0A1A10;
 }
 
 .btn-update.has-updates:hover:not(:disabled) {
-  background-color: #42F39A;
+  background-color: #78C8A2;
 }
 
 .update-badge {

app/sovran_systemsos_web/static/css/modals.css

@@ -89,13 +89,13 @@
 /* Reboot = GREEN */
 .modal-footer .btn-reboot,
 button.btn-reboot {
-  background-color: #2ec27e;
+  background-color: #6DBF8B;
   color: #fff;
 }
 
 .modal-footer .btn-reboot:hover:not(:disabled),
 button.btn-reboot:hover:not(:disabled) {
-  background-color: #27ae6e;
+  background-color: #529E7E;
 }
 
 .btn-save {
@@ -295,7 +295,7 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .matrix-action-btn:hover {
-  background-color: #6EE4A8;
+  background-color: #7CC4A0;
 }
 
 .matrix-form-group {
@@ -358,7 +358,7 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .matrix-form-submit:hover:not(:disabled) {
-  background-color: #6EE4A8;
+  background-color: #7CC4A0;
 }
 
 .matrix-form-submit:disabled {
@@ -391,7 +391,7 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .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);
   color: var(--green);
   display: block;

app/sovran_systemsos_web/static/css/security.css

@@ -105,7 +105,7 @@
 }
 
 .security-status-info  { color: var(--text-secondary); }
-.security-status-ok    { color: #2ec27e; }
+.security-status-ok    { color: #6DBF8B; }
 .security-status-error { color: #e05252; }
 
 /* ── Verify System Integrity ─────────────────────────────────────── */
@@ -160,7 +160,7 @@
 
 .security-verify-link {
   font-size: 0.78rem;
-  color: var(--accent-color, #2ec27e);
+  color: var(--accent-color, #6DBF8B);
   text-decoration: none;
 }
 
@@ -174,8 +174,8 @@
 }
 
 .security-verify-pass {
-  background-color: rgba(46, 194, 126, 0.15);
-  color: #2ec27e;
+  background-color: rgba(109, 191, 139, 0.15);
+  color: #6DBF8B;
 }
 
 .security-verify-fail {

app/sovran_systemsos_web/static/css/support.css

@@ -219,8 +219,8 @@
 }
 
 .support-wallet-protected {
-  background-color: rgba(46, 194, 126, 0.06);
-  border-color: rgba(46, 194, 126, 0.3);
+  background-color: rgba(109, 191, 139, 0.06);
+  border-color: rgba(109, 191, 139, 0.3);
 }
 
 .support-wallet-unlocked {
@@ -310,7 +310,7 @@
 }
 
 .support-btn-wallet-lock:hover:not(:disabled) {
-  background-color: #27ae6e;
+  background-color: #529E7E;
 }
 
 /* ── Audit log ───────────────────────────────────────────────────── */