Skip to content

Commit 3b76a99

Browse files
btouchardbtouchard
committed
feat: change name and adapte style
1 parent 201f958 commit 3b76a99

38 files changed

+277
-258
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,3 +45,4 @@ site/
4545
CLAUDE.md
4646
.claude/
4747
pulseboard-*.md
48+
compose.local.yml

‎compose.local.yml‎

Lines changed: 0 additions & 28 deletions
This file was deleted.

‎frontend/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
<link rel="icon" href="/logo.svg" type="image/svg+xml">
66
<link rel="icon" href="/favicon.ico" sizes="48x48">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<title>PulseBoard</title>
8+
<title>maintenant</title>
99
<link rel="manifest" href="/manifest.webmanifest">
10-
<meta name="theme-color" content="#0b1120">
10+
<meta name="theme-color" content="#0B0E13">
1111
<link rel="apple-touch-icon" href="/logo.svg">
1212
</head>
1313
<body>

‎frontend/public/favicon.ico‎

-6.68 KB
Binary file not shown.

‎frontend/public/icon.svg‎

Lines changed: 22 additions & 0 deletions
Loading

‎frontend/public/icons/icon-192.svg‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎frontend/public/icons/icon-512.svg‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎frontend/public/logo.svg‎

Lines changed: 21 additions & 8 deletions
Loading

‎frontend/src/assets/logo.svg‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎frontend/src/assets/main.css‎

Lines changed: 65 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -4,66 +4,95 @@
44

55
/* T004: Color primitives + semantic tokens via Tailwind v4 @theme */
66
@theme {
7-
/* Gray scale */
8-
--color-pb-gray-50: #f9fafb;
9-
--color-pb-gray-100: #f3f4f6;
10-
--color-pb-gray-200: #e5e7eb;
11-
--color-pb-gray-300: #d1d5db;
12-
--color-pb-gray-400: #9ca3af;
13-
--color-pb-gray-500: #6b7280;
14-
--color-pb-gray-600: #4b5563;
15-
--color-pb-gray-700: #374151;
16-
--color-pb-gray-800: #1e293b;
17-
--color-pb-gray-850: #151923;
18-
--color-pb-gray-900: #0f1115;
19-
--color-pb-gray-950: #0b0d11;
7+
/* Gray scale — override slate to match brand palette */
8+
--color-slate-50: #F0F3FA;
9+
--color-slate-100: #E8ECF4;
10+
--color-slate-200: #C8CED9;
11+
--color-slate-300: #A0A8B8;
12+
--color-slate-400: #6B7590;
13+
--color-slate-500: #4E5568;
14+
--color-slate-600: #363D4E;
15+
--color-slate-700: #252B38;
16+
--color-slate-800: #1A1F2A;
17+
--color-slate-900: #12151C;
18+
--color-slate-950: #0B0E13;
19+
20+
/* Emerald — align with brand green */
21+
--color-emerald-400: #4FD89E;
22+
--color-emerald-500: #3ECF8E;
23+
--color-emerald-600: #2EAF78;
24+
25+
/* Brand green (primary accent) */
26+
--color-pb-green-400: #4FD89E;
27+
--color-pb-green-500: #3ECF8E;
28+
--color-pb-green-600: #2EAF78;
29+
--color-pb-green-700: #1A9960;
30+
31+
/* Brand cyan (secondary accent) */
32+
--color-pb-cyan-400: #33D8F0;
33+
--color-pb-cyan-500: #22D3EE;
34+
--color-pb-cyan-600: #0E8BA0;
35+
36+
/* Legacy aliases for pb-gray */
37+
--color-pb-gray-50: #F0F3FA;
38+
--color-pb-gray-100: #E8ECF4;
39+
--color-pb-gray-200: #C8CED9;
40+
--color-pb-gray-300: #A0A8B8;
41+
--color-pb-gray-400: #6B7590;
42+
--color-pb-gray-500: #4E5568;
43+
--color-pb-gray-600: #363D4E;
44+
--color-pb-gray-700: #252B38;
45+
--color-pb-gray-800: #1A1F2A;
46+
--color-pb-gray-850: #12151C;
47+
--color-pb-gray-900: #0B0E13;
48+
--color-pb-gray-950: #070A0F;
2049

2150
/* Status colors (spec-aligned) */
22-
--color-pb-green-500: #10b981;
51+
--color-pb-green-500: #3ECF8E;
2352
--color-pb-red-500: #f43f5e;
2453
--color-pb-yellow-500: #f59e0b;
2554
--color-pb-orange-500: #f97316;
26-
--color-pb-blue-500: #3b82f6;
55+
--color-pb-blue-500: #22D3EE;
2756
}
2857

2958
/* Dark theme (default) */
3059
@layer base {
3160
:root {
32-
/* Semantic: backgrounds — spec tokens */
33-
--pb-bg-primary: #0f1115;
34-
--pb-bg-surface: #151923;
35-
--pb-bg-elevated: #1e293b;
36-
--pb-bg-hover: #334155;
61+
/* Semantic: backgrounds */
62+
--pb-bg-primary: #0B0E13;
63+
--pb-bg-surface: #12151C;
64+
--pb-bg-elevated: #1A1F2A;
65+
--pb-bg-hover: #252B38;
3766

3867
/* Semantic: text */
39-
--pb-text-primary: #f9fafb;
40-
--pb-text-secondary: #d1d5db;
41-
--pb-text-muted: #64748b;
42-
--pb-text-inverted: #0f1115;
68+
--pb-text-primary: #E8ECF4;
69+
--pb-text-secondary: #A0A8B8;
70+
--pb-text-muted: #6B7590;
71+
--pb-text-inverted: #0B0E13;
4372

44-
/* Semantic: borders — slate-800 */
45-
--pb-border-default: #1e293b;
46-
--pb-border-subtle: #1e293b;
73+
/* Semantic: borders */
74+
--pb-border-default: #1A1F2A;
75+
--pb-border-subtle: #161B25;
4776

48-
/* Accent */
49-
--pb-accent: #3b82f6;
50-
--pb-accent-hover: #2563eb;
77+
/* Accent — brand green */
78+
--pb-accent: #3ECF8E;
79+
--pb-accent-hover: #2EAF78;
5180

52-
/* Status semantic — spec-aligned */
53-
--pb-status-ok: #10b981;
81+
/* Status semantic */
82+
--pb-status-ok: #3ECF8E;
5483
--pb-status-warn: #f59e0b;
5584
--pb-status-critical: #f97316;
5685
--pb-status-down: #f43f5e;
57-
--pb-status-paused: #64748b;
86+
--pb-status-paused: #6B7590;
5887

5988
/* Status backgrounds (muted) */
60-
--pb-status-ok-bg: rgba(16, 185, 129, 0.15);
89+
--pb-status-ok-bg: rgba(62, 207, 142, 0.15);
6190
--pb-status-warn-bg: rgba(245, 158, 11, 0.15);
6291
--pb-status-critical-bg: rgba(249, 115, 22, 0.15);
6392
--pb-status-down-bg: rgba(244, 63, 94, 0.15);
6493

6594
/* Status glow shadows */
66-
--pb-glow-ok: 0 0 8px rgba(16, 185, 129, 0.5);
95+
--pb-glow-ok: 0 0 8px rgba(62, 207, 142, 0.5);
6796
--pb-glow-down: 0 0 8px rgba(244, 63, 94, 0.5);
6897
--pb-glow-warn: 0 0 8px rgba(245, 158, 11, 0.4);
6998

@@ -124,4 +153,4 @@
124153
.glow-ok { box-shadow: var(--pb-glow-ok); }
125154
.glow-down { box-shadow: var(--pb-glow-down); }
126155
.glow-warn { box-shadow: var(--pb-glow-warn); }
127-
}
156+
}

0 commit comments

Comments
 (0)