diff --git a/hive-ag3nt/assets/agent.css b/hive-ag3nt/assets/agent.css index 9a78466..1482419 100644 --- a/hive-ag3nt/assets/agent.css +++ b/hive-ag3nt/assets/agent.css @@ -25,12 +25,14 @@ body { text-align: center; margin: 0 0 1em 0; font-size: 0.95em; + text-shadow: 0 0 6px rgba(203, 166, 247, 0.55), 0 0 14px rgba(203, 166, 247, 0.25); overflow-x: auto; } h2, h3 { color: var(--purple); text-transform: uppercase; letter-spacing: 0.15em; + text-shadow: 0 0 8px rgba(203, 166, 247, 0.4); } .divider { color: var(--purple-dim); @@ -39,11 +41,14 @@ h2, h3 { margin-bottom: 0.5em; } .meta { color: var(--muted); font-size: 0.85em; } -.status-online { color: var(--green); } -.status-needs-login { color: var(--amber); } +.status-online { color: var(--green); text-shadow: 0 0 6px rgba(166, 227, 161, 0.55); } +.status-needs-login { color: var(--amber); text-shadow: 0 0 6px rgba(250, 179, 135, 0.55); } code { background: rgba(203, 166, 247, 0.12); padding: 0.05em 0.3em; border-radius: 2px; } -a { color: var(--cyan); } -a:hover { color: var(--fg); } +a { + color: var(--cyan); + text-shadow: 0 0 4px rgba(137, 220, 235, 0.5); +} +a:hover { color: var(--fg); text-shadow: 0 0 12px rgba(137, 220, 235, 0.9); } .btn { font-family: inherit; font-size: 1em; @@ -54,7 +59,15 @@ a:hover { color: var(--fg); } cursor: pointer; letter-spacing: 0.1em; } -.btn:hover { background: rgba(205, 214, 244, 0.06); } +.btn { + text-shadow: 0 0 4px currentColor; + transition: box-shadow 0.15s ease, text-shadow 0.15s ease; +} +.btn:hover { + background: rgba(205, 214, 244, 0.06); + text-shadow: 0 0 10px currentColor; + box-shadow: 0 0 10px -2px currentColor; +} .btn-login { color: var(--amber); border-color: var(--amber); } .btn-cancel { color: var(--red); border-color: var(--red); font-size: 0.85em; padding: 0.15em 0.6em; } .btn-rebuild { diff --git a/hive-c0re/assets/dashboard.css b/hive-c0re/assets/dashboard.css index 79dfdd4..8dee7fa 100644 --- a/hive-c0re/assets/dashboard.css +++ b/hive-c0re/assets/dashboard.css @@ -28,6 +28,7 @@ body { text-align: center; margin: 0 0 1em 0; font-size: 0.95em; + text-shadow: 0 0 6px rgba(203, 166, 247, 0.55), 0 0 14px rgba(203, 166, 247, 0.25); overflow-x: auto; } h1, h2 { @@ -35,6 +36,7 @@ h1, h2 { text-transform: uppercase; letter-spacing: 0.15em; margin-top: 2em; + text-shadow: 0 0 8px rgba(203, 166, 247, 0.4); } .divider { color: var(--purple-dim); @@ -49,8 +51,12 @@ a { color: var(--cyan); text-decoration: none; font-weight: bold; + text-shadow: 0 0 4px rgba(137, 220, 235, 0.5); +} +a:hover { + color: var(--fg); + text-shadow: 0 0 12px rgba(137, 220, 235, 0.9); } -a:hover { color: var(--fg); } .role { display: inline-block; margin-left: 0.4em; @@ -87,8 +93,15 @@ ul form.inline { display: inline-block; } border: 1px solid; padding: 0.25em 0.8em; cursor: pointer; + text-shadow: 0 0 4px currentColor; + box-shadow: 0 0 0 0 currentColor; + transition: box-shadow 0.15s ease; +} +.btn:hover { + background: rgba(205, 214, 244, 0.06); + text-shadow: 0 0 10px currentColor; + box-shadow: 0 0 10px -2px currentColor; } -.btn:hover { background: rgba(205, 214, 244, 0.06); } .btn-approve { color: var(--green); border-color: var(--green); } .btn-deny { color: var(--red); border-color: var(--red); } .btn-destroy { color: var(--red); border-color: var(--red); font-size: 0.75em; padding: 0.15em 0.5em; margin-left: 0.6em; }