Make Stop Capture button red and prominent

- Add --danger/--danger-hover CSS variables (dark + light themes)
- .stop button now uses red background + white text with brighter hover
  (was muted gray, easy to miss)
- Bump 1.22.3, SW cache v34->v35
This commit is contained in:
catarrh committed 2026-09-05 23:41:49 +03:00
1 parent 70d288fd0f
commit 811a6a1ed7
5 files changed
+11 -7

No files matched your search

+7 -3
View File
@@ -26,6 +26,8 @@
--warn-hover: #eab308; --warn-hover: #eab308;
--warning-bg: #78350f; --warning-bg: #78350f;
--error: #f87171; --error: #f87171;
--danger: #b91c1c;
--danger-hover: #dc2626;
--code-bg: #1e293b; --code-bg: #1e293b;
--scrollbar-track: #0f172a; --scrollbar-track: #0f172a;
--scrollbar-thumb: #334155; --scrollbar-thumb: #334155;
@@ -57,6 +59,8 @@
--warn-hover: #d97706; --warn-hover: #d97706;
--warning-bg: #fef3c7; --warning-bg: #fef3c7;
--error: #dc2626; --error: #dc2626;
--danger: #dc2626;
--danger-hover: #b91c1c;
--code-bg: #f3f4f6; --code-bg: #f3f4f6;
--scrollbar-track: #fafafa; --scrollbar-track: #fafafa;
--scrollbar-thumb: #d1d5db; --scrollbar-thumb: #d1d5db;
@@ -106,8 +110,8 @@ body { font: 14px/1.5 system-ui, sans-serif; background: var(--bg); color: var(-
.trace-topbar .filter-label { color: var(--text-muted); font-size: 13px; white-space: nowrap; } .trace-topbar .filter-label { color: var(--text-muted); font-size: 13px; white-space: nowrap; }
.trace-topbar button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; } .trace-topbar button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; }
.trace-topbar button:hover { background: var(--accent-hover); } .trace-topbar button:hover { background: var(--accent-hover); }
.trace-topbar button.stop { background: var(--bg-input); color: var(--text); } .trace-topbar button.stop { background: var(--danger); color: #fff; }
.trace-topbar button.stop:hover { background: var(--bg-panel); } .trace-topbar button.stop:hover { background: var(--danger-hover); }
.trace-topbar button.connect { background: var(--warn); color: #0f172a; } .trace-topbar button.connect { background: var(--warn); color: #0f172a; }
.trace-topbar button.connect:hover { background: var(--warn-hover); } .trace-topbar button.connect:hover { background: var(--warn-hover); }
.trace-main { display: flex; flex: 1; overflow: hidden; } .trace-main { display: flex; flex: 1; overflow: hidden; }
@@ -2514,7 +2518,7 @@ function onFilterChange() {
} }
// ──────────────────── Versioning ──────────────────── // ──────────────────── Versioning ────────────────────
const PWA_VERSION = '1.22.2'; const PWA_VERSION = '1.22.3';
const MIN_SERVER_VERSION = '1.0.0'; const MIN_SERVER_VERSION = '1.0.0';
function parseVersion(v) { function parseVersion(v) {
+1 -1
View File
@@ -1,4 +1,4 @@
const CACHE = 'simtrace-analyser-v34'; const CACHE = 'simtrace-analyser-v35';
const PRECACHE = [ const PRECACHE = [
'index.html', 'index.html',
+1 -1
View File
@@ -4,7 +4,7 @@ build-backend = "setuptools.backends._legacy:_Backend"
[project] [project]
name = "simtrace2-pysniff" name = "simtrace2-pysniff"
version = "1.22.2" version = "1.22.3"
description = "Python-based sniffing tool for SIMtrace2 hardware (SIM card communication sniffer)" description = "Python-based sniffing tool for SIMtrace2 hardware (SIM card communication sniffer)"
readme = {file = "README.md", content-type = "text/markdown"} readme = {file = "README.md", content-type = "text/markdown"}
license = {text = "GPL-2.0-or-later"} license = {text = "GPL-2.0-or-later"}
+1 -1
View File
@@ -6,7 +6,7 @@ from .gsmtap import GsmtapSender, GsmtapReceiver
from .pcap import PcapWriter from .pcap import PcapWriter
from .dump import FileDumper, format_message from .dump import FileDumper, format_message
__version__ = '1.22.2' __version__ = '1.22.3'
__all__ = [ __all__ = [
'SniffSession', 'SniffSession',
'DeviceDisconnected', 'DeviceDisconnected',
+1 -1
View File
@@ -224,7 +224,7 @@ class TestImportEndpoint(unittest.TestCase):
class TestVersion(unittest.TestCase): class TestVersion(unittest.TestCase):
def test_package_version(self): def test_package_version(self):
from simtrace2_pysniff import __version__ from simtrace2_pysniff import __version__
self.assertEqual(__version__, '1.22.2') self.assertEqual(__version__, '1.22.3')
def test_status_includes_version(self): def test_status_includes_version(self):
import os import os