fixed the color of buttons

This commit is contained in:
2026-04-02 13:54:03 -05:00
parent bb7db0693a
commit 868e6e3315
2 changed files with 21 additions and 13 deletions

View File

@@ -1,5 +1,6 @@
/* Sovran_SystemsOS Hub — Web UI Stylesheet /* Sovran_SystemsOS Hub — Web UI Stylesheet
Dark theme matching the Adwaita dark aesthetic */ Dark theme matching the Adwaita dark aesthetic
v2 — cache bust */
*, *::before, *::after { *, *::before, *::after {
box-sizing: border-box; box-sizing: border-box;
@@ -100,9 +101,9 @@ button:disabled {
opacity: 0.88; opacity: 0.88;
} }
/* Update button: blue by default, green when updates available */ /* Update System button: BLUE (#89b4fa) by default */
.btn-update { .btn-update {
background-color: var(--accent-color); background-color: #89b4fa;
color: #1e1e2e; color: #1e1e2e;
position: relative; position: relative;
display: flex; display: flex;
@@ -114,8 +115,9 @@ button:disabled {
opacity: 0.88; opacity: 0.88;
} }
/* Update System button: GREEN when updates are available */
.btn-update.has-updates { .btn-update.has-updates {
background-color: var(--green); background-color: #2ec27e;
color: #fff; color: #fff;
} }
@@ -473,14 +475,20 @@ button:disabled {
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
} }
/* Reboot button */ /* ── Modal footer buttons ────────────────────────────────────────
#btn-reboot { Reboot = GREEN, Save = YELLOW, Close = GREY */
background-color: #2ec27e !important;
color: #fff !important; .modal-footer .btn-reboot,
.modal-footer button.btn-reboot,
button#btn-reboot {
background-color: #2ec27e;
color: #fff;
} }
#btn-reboot:hover:not(:disabled) { .modal-footer .btn-reboot:hover:not(:disabled),
background-color: #27ae6e !important; .modal-footer button.btn-reboot:hover:not(:disabled),
button#btn-reboot:hover:not(:disabled) {
background-color: #27ae6e;
} }
.btn-save { .btn-save {

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sovran_SystemsOS Hub</title> <title>Sovran_SystemsOS Hub</title>
<link rel="stylesheet" href="/static/style.css" /> <link rel="stylesheet" href="/static/style.css?v=2" />
</head> </head>
<body> <body>
@@ -54,6 +54,6 @@
</div> </div>
</div> </div>
<script src="/static/app.js"></script> <script src="/static/app.js?v=2"></script>
</body> </body>
</html> </html>