Быстрый клиент · Naive · Hy2 · AWG · Xray
+diff --git a/README.md b/README.md index 737bb40..724fec3 100644 --- a/README.md +++ b/README.md @@ -247,7 +247,9 @@ https://evilfox.win/ - восстановление системного прокси после аварийного завершения; - auth-токен для локального macOS `/api`; - обязательный SHA-256 при обновлении; -- исправлен ложный UDP ping; HTTPS-only подписки; UI не зависает на connect. +- исправлен ложный UDP ping; HTTPS-only подписки; UI не зависает на connect; +- 2.7.3+2: импорт Amnezia `vpn://` — очистка невидимых символов, создание профиля при активном подключении, ошибка в модалке; +- 2.7.3+3: тёмная тема интерфейса (переключатель в шапке, сохранение выбора). В 2.7.2: - убран вечный цикл обновления (проверка больше не устанавливает сама; только кнопка «Обновить»); diff --git a/build-macos.bat b/build-macos.bat index a04367e..cf95aba 100644 --- a/build-macos.bat +++ b/build-macos.bat @@ -34,11 +34,11 @@ if errorlevel 1 exit /b 1 go build -o "tools\packmac\packmac.exe" .\tools\packmac if errorlevel 1 exit /b 1 -tools\packmac\packmac.exe -bin "dist\navis-release\darwin-arm64\Navis" -out "dist\navis-release\darwin-arm64" -version 2.7.3 -build 2.7.3.1 -arch arm64 +tools\packmac\packmac.exe -bin "dist\navis-release\darwin-arm64\Navis" -out "dist\navis-release\darwin-arm64" -version 2.7.3 -build 2.7.3.3 -arch arm64 if errorlevel 1 exit /b 1 -tools\packmac\packmac.exe -bin "dist\navis-release\darwin-amd64\Navis" -out "dist\navis-release\darwin-amd64" -version 2.7.3 -build 2.7.3.1 -arch amd64 +tools\packmac\packmac.exe -bin "dist\navis-release\darwin-amd64\Navis" -out "dist\navis-release\darwin-amd64" -version 2.7.3 -build 2.7.3.3 -arch amd64 if errorlevel 1 exit /b 1 -tools\packmac\packmac.exe -bin "dist\navis-release\darwin-universal\Navis" -out "dist\navis-release\darwin-universal" -version 2.7.3 -build 2.7.3.1 -arch universal +tools\packmac\packmac.exe -bin "dist\navis-release\darwin-universal\Navis" -out "dist\navis-release\darwin-universal" -version 2.7.3 -build 2.7.3.3 -arch universal if errorlevel 1 exit /b 1 echo Built Mac GUI + CLI: diff --git a/dist/navis-release/darwin-arm64/Navis b/dist/navis-release/darwin-arm64/Navis index 545b8c6..f1941e7 100755 Binary files a/dist/navis-release/darwin-arm64/Navis and b/dist/navis-release/darwin-arm64/Navis differ diff --git a/dist/navis-release/darwin-arm64/Navis-cli b/dist/navis-release/darwin-arm64/Navis-cli index 81c9fa3..8c098ad 100755 Binary files a/dist/navis-release/darwin-arm64/Navis-cli and b/dist/navis-release/darwin-arm64/Navis-cli differ diff --git a/dist/navis-release/darwin-arm64/Navis.app.zip b/dist/navis-release/darwin-arm64/Navis.app.zip index 63202cd..654d0d4 100644 Binary files a/dist/navis-release/darwin-arm64/Navis.app.zip and b/dist/navis-release/darwin-arm64/Navis.app.zip differ diff --git a/dist/navis-release/darwin-arm64/Navis.dmg b/dist/navis-release/darwin-arm64/Navis.dmg index dad90d7..8206042 100644 Binary files a/dist/navis-release/darwin-arm64/Navis.dmg and b/dist/navis-release/darwin-arm64/Navis.dmg differ diff --git a/dist/navis-release/darwin-arm64/Navis.version b/dist/navis-release/darwin-arm64/Navis.version index 2639e3f..33d26cd 100644 --- a/dist/navis-release/darwin-arm64/Navis.version +++ b/dist/navis-release/darwin-arm64/Navis.version @@ -1 +1 @@ -2.7.3+1 +2.7.3+3 diff --git a/dist/navis-release/darwin-arm64/VERSION b/dist/navis-release/darwin-arm64/VERSION index b709f35..66fa5e9 100644 --- a/dist/navis-release/darwin-arm64/VERSION +++ b/dist/navis-release/darwin-arm64/VERSION @@ -1 +1 @@ -2.7.3.1 +2.7.3.3 diff --git a/dist/navis-release/update.json b/dist/navis-release/update.json index 86ac28e..0eb13f5 100644 --- a/dist/navis-release/update.json +++ b/dist/navis-release/update.json @@ -1,6 +1,6 @@ { "version": "2.7.3", - "notes": "2.7.3+1: восстановление system proxy после crash; auth для macOS /api; обязательный SHA обновлений; fix UDP ping; HTTPS-only подписки; UI без зависания на connect.", + "notes": "Navis 2.7.3+3: тёмная тема; fix импорта Amnezia vpn:// (sanitize, создание профиля при подключении, ошибка в модалке).", "platform": "windows-amd64", "os": "windows", "arch": "amd64", @@ -16,7 +16,7 @@ }, "darwin-arm64": { "url": "https://git.evilfox.cc/test2/navi/raw/branch/main/dist/navis-release/darwin-arm64/Navis", - "sha256": "847fe952e6d1dfb83bb74661accbbe2c6df0f4261a4c0619c0e20e0a7faae3ca", + "sha256": "3cba96ea2124863a3f401fdcd05dc7b8bc24588241be239c793d0f34177023eb", "os": "darwin", "arch": "arm64", "dmg_url": "https://git.evilfox.cc/test2/navi/raw/branch/main/dist/navis-release/darwin-arm64/Navis.dmg", diff --git a/dist/update.json b/dist/update.json index 86ac28e..0eb13f5 100644 --- a/dist/update.json +++ b/dist/update.json @@ -1,6 +1,6 @@ { "version": "2.7.3", - "notes": "2.7.3+1: восстановление system proxy после crash; auth для macOS /api; обязательный SHA обновлений; fix UDP ping; HTTPS-only подписки; UI без зависания на connect.", + "notes": "Navis 2.7.3+3: тёмная тема; fix импорта Amnezia vpn:// (sanitize, создание профиля при подключении, ошибка в модалке).", "platform": "windows-amd64", "os": "windows", "arch": "amd64", @@ -16,7 +16,7 @@ }, "darwin-arm64": { "url": "https://git.evilfox.cc/test2/navi/raw/branch/main/dist/navis-release/darwin-arm64/Navis", - "sha256": "847fe952e6d1dfb83bb74661accbbe2c6df0f4261a4c0619c0e20e0a7faae3ca", + "sha256": "3cba96ea2124863a3f401fdcd05dc7b8bc24588241be239c793d0f34177023eb", "os": "darwin", "arch": "arm64", "dmg_url": "https://git.evilfox.cc/test2/navi/raw/branch/main/dist/navis-release/darwin-arm64/Navis.dmg", diff --git a/internal/appui/index.html b/internal/appui/index.html index 5edfc6e..f7d1f97 100644 --- a/internal/appui/index.html +++ b/internal/appui/index.html @@ -22,6 +22,79 @@ --shadow: 0 18px 50px rgba(8, 40, 32, 0.12); --radius: 22px; --ease: cubic-bezier(.22,.8,.24,1); + --page-bg: + radial-gradient(780px 420px at 8% -10%, #9fe0c8 0%, transparent 55%), + radial-gradient(640px 380px at 100% 0%, #b8d4e8 0%, transparent 48%), + radial-gradient(500px 320px at 50% 110%, #cfe8dc 0%, transparent 45%), + linear-gradient(165deg, #e7f6f0 0%, #f4faf7 48%, #eef4f8 100%); + --hero-bg: linear-gradient(160deg, rgba(255,255,255,.92), rgba(232,247,240,.88)); + --hero-on-bg: linear-gradient(160deg, rgba(216,243,233,.95), rgba(255,255,255,.9)); + --input-bg: rgba(255,255,255,.94); + --chip-bg: rgba(255,255,255,.75); + --row-bg: rgba(255,255,255,.72); + --row-active-bg: linear-gradient(135deg, rgba(216,243,233,.95), #fff); + --modal-bg: #f5fbf8; + --modal-scrim: rgba(8, 28, 24, .42); + --soft-btn: linear-gradient(180deg, #d2efe4, #bfe6d6); + --soft-btn-hover: linear-gradient(180deg, #c5e9db, #aedfcb); + --danger-btn: linear-gradient(180deg, #f8d8d4, #efc4bf); + --danger-btn-hover: linear-gradient(180deg, #f3c5bf, #e8aea7); + --danger-ink: #9e2a22; + --danger-ink-hover: #7f1f19; + --meta-bg: rgba(255,255,255,.35); + --meta-ok-bg: rgba(216,243,233,.65); + --meta-err-bg: rgba(255,236,234,.75); + --update-bg: linear-gradient(135deg, rgba(13,138,102,.14), rgba(255,255,255,.75)); + --shop-bg: linear-gradient(135deg, rgba(13,138,102,.09), rgba(255,255,255,.55)); + --switch-track: #c7d5cf; + --switch-knob: #fff; + --ms-good: #0a7a3e; + --ms-mid: #b8860b; + --focus-ring: rgba(13,138,102,.12); + --theme-btn-bg: rgba(255,255,255,.7); + } + html[data-theme="dark"] { + --ink: #e6f4ee; + --muted: #8eaaa0; + --line: rgba(230, 244, 238, 0.12); + --accent: #2bbf8a; + --accent-deep: #7ee0b8; + --accent-soft: rgba(43, 191, 138, 0.16); + --danger: #f07167; + --ok: #2bbf8a; + --surface: rgba(18, 28, 26, 0.88); + --surface-2: rgba(28, 42, 38, 0.72); + --shadow: 0 18px 50px rgba(0, 0, 0, 0.45); + --page-bg: + radial-gradient(720px 400px at 6% -12%, rgba(20, 90, 70, .55) 0%, transparent 55%), + radial-gradient(560px 340px at 100% 0%, rgba(30, 55, 80, .45) 0%, transparent 50%), + radial-gradient(480px 300px at 50% 110%, rgba(18, 70, 55, .4) 0%, transparent 45%), + linear-gradient(165deg, #0c1412 0%, #121c1a 48%, #101820 100%); + --hero-bg: linear-gradient(160deg, rgba(28, 42, 38, .95), rgba(22, 34, 31, .9)); + --hero-on-bg: linear-gradient(160deg, rgba(24, 70, 55, .55), rgba(28, 42, 38, .95)); + --input-bg: rgba(12, 20, 18, .92); + --chip-bg: rgba(12, 20, 18, .75); + --row-bg: rgba(22, 34, 31, .78); + --row-active-bg: linear-gradient(135deg, rgba(43, 191, 138, .18), rgba(28, 42, 38, .95)); + --modal-bg: #182420; + --modal-scrim: rgba(0, 0, 0, .58); + --soft-btn: linear-gradient(180deg, #1f3d34, #18332b); + --soft-btn-hover: linear-gradient(180deg, #264d42, #1d3d34); + --danger-btn: linear-gradient(180deg, #4a2a28, #3d2220); + --danger-btn-hover: linear-gradient(180deg, #5a3230, #4a2826); + --danger-ink: #f0a39c; + --danger-ink-hover: #ffc4be; + --meta-bg: rgba(12, 20, 18, .45); + --meta-ok-bg: rgba(43, 191, 138, .14); + --meta-err-bg: rgba(240, 113, 103, .14); + --update-bg: linear-gradient(135deg, rgba(43,191,138,.16), rgba(22,34,31,.85)); + --shop-bg: linear-gradient(135deg, rgba(43,191,138,.12), rgba(22,34,31,.7)); + --switch-track: #3a4f48; + --switch-knob: #e6f4ee; + --ms-good: #4ad69a; + --ms-mid: #e0b84a; + --focus-ring: rgba(43,191,138,.2); + --theme-btn-bg: rgba(22, 34, 31, .85); } * { box-sizing: border-box; } html, body { @@ -29,11 +102,12 @@ min-height: 100%; font-family: Figtree, sans-serif; color: var(--ink); - background: - radial-gradient(780px 420px at 8% -10%, #9fe0c8 0%, transparent 55%), - radial-gradient(640px 380px at 100% 0%, #b8d4e8 0%, transparent 48%), - radial-gradient(500px 320px at 50% 110%, #cfe8dc 0%, transparent 45%), - linear-gradient(165deg, #e7f6f0 0%, #f4faf7 48%, #eef4f8 100%); + background: var(--page-bg); + transition: color .2s var(--ease), background .25s var(--ease); + color-scheme: light; + } + html[data-theme="dark"], html[data-theme="dark"] body { + color-scheme: dark; } body { display: grid; @@ -61,7 +135,7 @@ padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(13, 138, 102, 0.28); - background: linear-gradient(135deg, rgba(13,138,102,.14), rgba(255,255,255,.75)); + background: var(--update-bg); animation: rise .4s var(--ease) both; } .update-banner.show { display: block; } @@ -105,6 +179,29 @@ } .logo svg { width: 30px; height: 30px; } .brand-wrap { min-width: 0; flex: 1; } + .theme-btn { + flex: 0 0 auto; + width: 40px; + height: 40px; + border-radius: 14px; + border: 1px solid var(--line); + background: var(--theme-btn-bg); + color: var(--ink); + cursor: pointer; + display: grid; + place-items: center; + transition: background .15s, border-color .15s, transform .15s; + box-shadow: 0 4px 12px rgba(0,0,0,.06); + } + .theme-btn:hover { + border-color: rgba(13,138,102,.35); + transform: translateY(-1px); + } + .theme-btn svg { width: 18px; height: 18px; display: block; } + .theme-btn .icon-sun { display: none; } + .theme-btn .icon-moon { display: block; } + html[data-theme="dark"] .theme-btn .icon-sun { display: block; } + html[data-theme="dark"] .theme-btn .icon-moon { display: none; } .brand-row { display: flex; align-items: baseline; @@ -142,8 +239,7 @@ overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); - background: - linear-gradient(160deg, rgba(255,255,255,.92), rgba(232,247,240,.88)); + background: var(--hero-bg); padding: 16px 16px 14px; margin-bottom: 14px; transition: border-color .25s, box-shadow .25s, background .25s; @@ -151,8 +247,7 @@ .hero.on { border-color: rgba(13,138,102,.35); box-shadow: 0 14px 36px rgba(13, 138, 102, 0.14); - background: - linear-gradient(160deg, rgba(216,243,233,.95), rgba(255,255,255,.9)); + background: var(--hero-on-bg); } .hero::after { content: ""; @@ -202,7 +297,7 @@ letter-spacing: .03em; text-transform: uppercase; color: var(--muted); - background: rgba(255,255,255,.75); + background: var(--chip-bg); border: 1px solid var(--line); border-radius: 999px; padding: 5px 10px; @@ -265,13 +360,13 @@ select, input[type="text"], textarea { width: 100%; border: 1px solid var(--line); - background: rgba(255,255,255,.94); + background: var(--input-bg); border-radius: 14px; padding: 11px 13px; font: inherit; color: var(--ink); outline: none; - transition: border-color .15s, box-shadow .15s; + transition: border-color .15s, box-shadow .15s, background .15s; } textarea { min-height: 78px; @@ -282,7 +377,7 @@ } select:focus, input[type="text"]:focus, textarea:focus { border-color: rgba(13,138,102,.5); - box-shadow: 0 0 0 4px rgba(13,138,102,.12); + box-shadow: 0 0 0 4px var(--focus-ring); } .icon-btn { width: 44px; @@ -291,7 +386,7 @@ place-items: center; border-radius: 14px; border: 1px solid rgba(8, 90, 68, 0.22); - background: linear-gradient(180deg, #d2efe4, #bfe6d6); + background: var(--soft-btn); color: var(--accent-deep); font-size: 1.15rem; font-weight: 700; @@ -300,19 +395,19 @@ box-shadow: 0 4px 12px rgba(8, 90, 68, 0.08); } .icon-btn:hover { - background: linear-gradient(180deg, #c5e9db, #aedfcb); + background: var(--soft-btn-hover); border-color: rgba(8, 90, 68, 0.38); - color: #05553f; + color: var(--accent-deep); box-shadow: 0 6px 14px rgba(8, 90, 68, 0.14); } .icon-btn.danger { - color: #9e2a22; - background: linear-gradient(180deg, #f8d8d4, #efc4bf); + color: var(--danger-ink); + background: var(--danger-btn); border-color: rgba(158, 42, 34, 0.28); } .icon-btn.danger:hover { - background: linear-gradient(180deg, #f3c5bf, #e8aea7); - color: #7f1f19; + background: var(--danger-btn-hover); + color: var(--danger-ink-hover); } .icon-btn.wide { width: auto; @@ -374,7 +469,7 @@ padding: 11px 13px; border: 1px solid var(--line); border-radius: 14px; - background: rgba(255,255,255,.6); + background: var(--surface-2); margin-bottom: 12px; font-weight: 600; font-size: .9rem; @@ -382,7 +477,7 @@ .switch { position: relative; width: 44px; height: 26px; flex: 0 0 auto; } .switch input { opacity: 0; width: 0; height: 0; } .slider { - position: absolute; inset: 0; background: #c7d5cf; + position: absolute; inset: 0; background: var(--switch-track); border-radius: 999px; cursor: pointer; transition: background .15s; } .slider::before { @@ -390,7 +485,7 @@ position: absolute; width: 20px; height: 20px; left: 3px; top: 3px; - background: #fff; + background: var(--switch-knob); border-radius: 50%; transition: transform .15s; box-shadow: 0 2px 6px rgba(0,0,0,.12); @@ -472,7 +567,7 @@ .server-actions .mini { appearance: none; border: 1px solid rgba(8, 90, 68, 0.22); - background: linear-gradient(180deg, #d2efe4, #bfe6d6); + background: var(--soft-btn); color: var(--accent-deep); border-radius: 999px; padding: 6px 10px; @@ -506,7 +601,7 @@ padding: 4px; border-radius: 14px; border: 1px solid var(--line); - background: rgba(255,255,255,.4); + background: var(--surface-2); } .server-row { display: grid; @@ -516,7 +611,7 @@ padding: 6px 10px; border-radius: 10px; border: 1px solid transparent; - background: rgba(255,255,255,.72); + background: var(--row-bg); cursor: pointer; transition: background .12s, border-color .12s, box-shadow .12s; text-align: left; @@ -526,11 +621,11 @@ } .server-row:hover { border-color: rgba(13,138,102,.25); - background: #fff; + background: var(--input-bg); } .server-row.active { border-color: rgba(13,138,102,.4); - background: linear-gradient(135deg, rgba(216,243,233,.95), #fff); + background: var(--row-active-bg); box-shadow: 0 4px 14px rgba(13,138,102,.1); } .server-row .left { min-width: 0; } @@ -573,8 +668,8 @@ color: var(--muted); } .server-row .ms.ok { color: var(--ok); } - .server-row .ms.good { color: #0a7a3e; } - .server-row .ms.mid { color: #b8860b; } + .server-row .ms.good { color: var(--ms-good); } + .server-row .ms.mid { color: var(--ms-mid); } .server-row .ms.bad { color: var(--danger); } .server-empty { padding: 14px 10px; @@ -600,18 +695,18 @@ min-height: 2.4em; padding: 8px 10px; border-radius: 12px; - background: rgba(255,255,255,.35); + background: var(--meta-bg); border: 1px solid transparent; transition: color .15s, border-color .15s, background .15s; } .meta.ok { color: var(--ok); - background: rgba(216,243,233,.65); + background: var(--meta-ok-bg); border-color: rgba(13,138,102,.18); } .meta.err { color: var(--danger); - background: rgba(255,236,234,.75); + background: var(--meta-err-bg); border-color: rgba(192,54,44,.16); } @@ -627,7 +722,7 @@ padding: 8px 12px; border-radius: 12px; border: 1px solid var(--line); - background: rgba(255,255,255,.6); + background: var(--row-bg); font-size: .82rem; } .ping-item .ms { font-weight: 700; } @@ -639,7 +734,7 @@ padding: 13px 14px 12px; border-radius: 18px; border: 1px solid rgba(13, 138, 102, 0.16); - background: linear-gradient(135deg, rgba(13,138,102,.09), rgba(255,255,255,.55)); + background: var(--shop-bg); } .shop h3 { font-family: Sora, sans-serif; @@ -680,7 +775,7 @@ .modal-backdrop { position: fixed; inset: 0; - background: rgba(8, 28, 24, .42); + background: var(--modal-scrim); backdrop-filter: blur(4px); display: none; place-items: center; @@ -690,12 +785,13 @@ .modal-backdrop.open { display: grid; } .modal { width: min(400px, 100%); - background: #f5fbf8; + background: var(--modal-bg); border-radius: 22px; border: 1px solid var(--line); box-shadow: var(--shadow); padding: 18px; animation: rise .35s var(--ease) both; + color: var(--ink); } .modal h2 { font-family: Sora, sans-serif; @@ -715,6 +811,18 @@ .tools { grid-template-columns: 1fr; } } +
Быстрый клиент · Naive · Hy2 · AWG · Xray
+