dokril/harbor-net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

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

Browse Source
This commit is contained in:
Dmitriy Petrov
2026-07-11 16:15:54 +03:00
parent 322f5a125b
commit edad26d978
3 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<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" />
<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> <title>Harbor</title>
</head> </head>
<body> <body>

6
src/web/App.jsx
View File

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

8
src/web/styles.css
View File

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