Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WalBridge | macOS Wallpaper Theme Bridge</title>
<meta name="description" content="WalBridge syncs your macOS apps to your wallpaper colors with animated transitions and Linux-inspired theming workflows.">
<meta name="description" content="WalBridge syncs your macOS apps to your wallpaper colors with animated transitions and Linux-inspired theming.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
Expand All @@ -21,7 +21,7 @@
<p class="kicker">Linux-inspired theming for macOS</p>
<h1>Bridge your wallpaper to your entire desktop stack.</h1>
<p class="lead">
WalBridge automatically syncs color themes across 14 apps from your current wallpaper, with vivid active borders, muted inactive borders, and smooth animated transitions.
WalBridge automatically syncs color themes across 14 apps from your current wallpaper, with high-contrast active borders, dimmed inactive borders, and animated transitions.
</p>
<div class="cta-row">
<a class="btn btn-primary" href="https://github.com/paul-cch/WalBridge/releases/latest" target="_blank" rel="noreferrer">Get Latest Release</a>
Expand Down Expand Up @@ -58,7 +58,6 @@ <h2>How It Works</h2>

<section class="panel">
<h2>Release Demo</h2>
<p>See animated transitions and multi-target sync in action.</p>
<a class="btn btn-primary" href="https://github.com/paul-cch/WalBridge/releases/download/v1.0.0/walbridge-demo.gif" target="_blank" rel="noreferrer">Open Demo GIF</a>
</section>
</main>
Expand Down
13 changes: 5 additions & 8 deletions docs/styles.css
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
:root {
--bg: #0f1724;
--bg-soft: #162237;
--panel: #1d2c45;
--text: #f2f6fc;
--muted: #b4c4d8;
--accent: #f08c5a;
--accent-2: #5fb7b0;
--line: #304666;
--accent-warm: #ffb347;
--accent-dark: #231209;
}

* {
Expand All @@ -17,10 +17,7 @@ body {
margin: 0;
font-family: "Space Grotesk", sans-serif;
color: var(--text);
background:
radial-gradient(circle at 80% -20%, #2f4c7a 0%, transparent 45%),
radial-gradient(circle at -10% 30%, #3d2f53 0%, transparent 35%),
linear-gradient(165deg, var(--bg) 0%, #101f33 55%, #121d2d 100%);
background: linear-gradient(165deg, var(--bg) 0%, #101f33 55%, #121d2d 100%);
min-height: 100vh;
}

Expand Down Expand Up @@ -104,8 +101,8 @@ h1 {
}

.btn-primary {
background: linear-gradient(135deg, var(--accent), #ffb347);
color: #231209;
background: linear-gradient(135deg, var(--accent), var(--accent-warm));
color: var(--accent-dark);
}

.btn-ghost {
Expand Down