blackroad-os/blackroad-os-docs
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor green accent colors to use CSS custom properties

Browse Source 
Co-authored-by: blackboxprogramming <118287761+blackboxprogramming@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2025-11-21 01:57:46 +00:00
parent d7518ca65a
commit 3773105a62
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
backend/static/index.html
View File

@@ -5,6 +5,11 @@
<title>BlackRoad OS</title> <title>BlackRoad OS</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<style> <style>
:root {
--color-status-green: rgba(34, 197, 94, 0.4);
--color-status-green-light: rgba(34, 197, 94, 0.1);
--color-status-green-solid: #22c55e;
}
body { body {
margin: 0; margin: 0;
min-height: 100vh; min-height: 100vh;
@@ -34,8 +39,8 @@
letter-spacing: 0.12em; letter-spacing: 0.12em;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
border-radius: 999px; border-radius: 999px;
background: rgba(34, 197, 94, 0.1); background: var(--color-status-green-light);
border: 1px solid rgba(34, 197, 94, 0.4); border: 1px solid var(--color-status-green);
color: #bbf7d0; color: #bbf7d0;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
@@ -80,8 +85,8 @@
width: 0.4rem; width: 0.4rem;
height: 0.4rem; height: 0.4rem;
border-radius: 999px; border-radius: 999px;
background: #22c55e; background: var(--color-status-green-solid);
box-shadow: 0 0 12px #22c55e; box-shadow: 0 0 12px var(--color-status-green-solid);
} }
.footnote { .footnote {
margin-top: 1rem; margin-top: 1rem;