diff --git a/desktop/package.json b/desktop/package.json index b60a7e3..d8939b1 100644 --- a/desktop/package.json +++ b/desktop/package.json @@ -1,6 +1,6 @@ { "name": "shelldeck-desktop", - "version": "0.1.0", + "version": "0.1.1", "private": true, "type": "module", "scripts": { diff --git a/desktop/src-tauri/Cargo.toml b/desktop/src-tauri/Cargo.toml index d3a805c..e85ab57 100644 --- a/desktop/src-tauri/Cargo.toml +++ b/desktop/src-tauri/Cargo.toml @@ -1,6 +1,6 @@ [package] name = "shelldeck-desktop" -version = "0.1.0" +version = "0.1.1" description = "ShellDeck desktop thin client" edition = "2021" diff --git a/desktop/src-tauri/tauri.conf.json b/desktop/src-tauri/tauri.conf.json index 5716c7e..6345dcb 100644 --- a/desktop/src-tauri/tauri.conf.json +++ b/desktop/src-tauri/tauri.conf.json @@ -1,7 +1,7 @@ { "$schema": "../node_modules/@tauri-apps/cli/config.schema.json", "productName": "ShellDeck", - "version": "0.1.0", + "version": "0.1.1", "identifier": "app.shelldeck.desktop", "build": { "beforeDevCommand": "npm run dev", diff --git a/desktop/src/styles.css b/desktop/src/styles.css index d1b1589..7c1f23b 100644 --- a/desktop/src/styles.css +++ b/desktop/src/styles.css @@ -1,10 +1,11 @@ :root { - color: #17202a; - background: #f6f8fb; + color: #edf7ff; + background: #070b10; font-family: - Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + "Cascadia Mono", "JetBrains Mono", "SFMono-Regular", ui-monospace, Consolas, monospace; font-synthesis: none; text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; } * { @@ -15,6 +16,7 @@ body { margin: 0; min-width: 320px; min-height: 100vh; + background: #070b10; } button, @@ -23,10 +25,10 @@ input { } button { - border: 0; + border: 1px solid #8bf6ff; border-radius: 6px; - background: #1b6b5f; - color: #fff; + background: #8bf6ff; + color: #041015; cursor: pointer; font-weight: 700; min-height: 42px; @@ -34,16 +36,19 @@ button { } button:hover { - background: #145348; + background: #a6f9ff; + border-color: #a6f9ff; } button.secondary { - background: #dfe7ee; - color: #17202a; + background: #0c1720; + border: 1px solid #21323f; + color: #edf7ff; } button.secondary:hover { - background: #ccd8e3; + background: #10202b; + border-color: #8bf6ff; } .shell { @@ -64,25 +69,32 @@ button.secondary:hover { } .eyebrow { - color: #1b6b5f; + color: #72f7c8; font-size: 0.8rem; - font-weight: 800; - letter-spacing: 0; + font-weight: 700; + letter-spacing: 0.12em; margin: 0 0 10px; text-transform: uppercase; } +.eyebrow::before { + content: "\25B8 "; + color: #72f7c8; +} + h1 { - color: #101820; - font-size: clamp(2rem, 5vw, 4rem); - line-height: 1; + color: #eaffff; + font-size: clamp(1.8rem, 4.5vw, 3.2rem); + line-height: 1.06; margin: 0 0 18px; + font-weight: 700; + letter-spacing: 0.02em; } .copy, .hint, .status { - color: #3c4a57; + color: #91a7b7; line-height: 1.55; margin: 0 0 20px; } @@ -98,8 +110,9 @@ h1 { label { display: block; + color: #cfe6f3; font-size: 0.9rem; - font-weight: 800; + font-weight: 700; margin-bottom: 8px; } @@ -110,16 +123,18 @@ label { } input { - border: 1px solid #b9c7d3; + border: 1px solid #21323f; border-radius: 6px; min-height: 42px; padding: 0 12px; width: 100%; + background: #071017; + color: #eef9ff; } input:focus { - border-color: #1b6b5f; - outline: 3px solid rgba(27, 107, 95, 0.18); + border-color: #72f7c8; + outline: 2px solid rgba(114, 247, 200, 0.28); } .actions { @@ -130,10 +145,10 @@ input:focus { } .server-pill { - background: #e8eef4; - border: 1px solid #c9d5df; + background: #0a1119; + border: 1px solid #21323f; border-radius: 6px; - color: #24313c; + color: #c9fff3; display: inline-block; line-height: 1.4; margin: 4px 0 0; @@ -148,11 +163,10 @@ input:focus { } h1 { - font-size: 2.4rem; + font-size: 2.2rem; } .field-row { grid-template-columns: 1fr; } } -