Refresh Harbor Gateway branding assets and accent styling
All checks were successful
Build and Deploy Gateway / build-and-push (push) Successful in 13s
Build and Deploy Gateway / deploy (push) Successful in 1s

This commit is contained in:
2026-07-11 16:15:54 +03:00
parent 322f5a125b
commit edad26d978
3 changed files with 12 additions and 4 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link id="harbor-favicon" rel="icon" href="/harbor-connect.svg" type="image/svg+xml" />
<link id="harbor-favicon" rel="icon" href="/harbor-connect.svg?v=2" type="image/svg+xml" sizes="any" />
<title>Harbor</title>
</head>
<body>

View File

@@ -35,8 +35,8 @@ function App() {
const isGateway = state.mode === 'gateway';
document.title = isGateway ? 'Harbor Gateway' : 'Harbor Connect';
document.getElementById('harbor-favicon').href = isGateway
? '/harbor-gateway.svg'
: '/harbor-connect.svg';
? '/harbor-gateway.svg?v=2'
: '/harbor-connect.svg?v=2';
}, [state?.mode]);
async function run(action) {
@@ -87,7 +87,7 @@ function App() {
if (!state) return <div className="app-loading">Harbor</div>;
return (
<div className="app client-app">
<div className={`app client-app${state.mode === 'gateway' ? ' is-gateway-app' : ''}`}>
<div className="app-body client-mode">
<main className="app-main">
<ClientOverviewPage

View File

@@ -68,6 +68,10 @@ p {
background: var(--client-bg);
}
.app.client-app.is-gateway-app {
--client-accent: var(--harbor-gateway);
}
.app-body.client-mode {
min-height: 100vh;
background: var(--client-bg);
@@ -180,6 +184,10 @@ p {
stroke: var(--harbor-gateway);
}
.harbor-brand.is-gateway .harbor-anchor-left {
stroke: var(--harbor-gateway);
}
.harbor-brand strong {
font-weight: 800;
}