perspt-dashboard 0.5.7

Real-time web dashboard for Perspt agent monitoring
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

@import "tailwindcss";
@plugin "daisyui" {
  themes: perspt-light --default, perspt-dark --prefersdark;
}
@source "../templates";

/* Perspt Light Theme — orange/pink palette, WCAG AA compliant */
@plugin "daisyui/theme" {
  name: "perspt-light";
  default: true;
  color-scheme: light;

  --color-base-100: oklch(98% 0.01 60);
  --color-base-200: oklch(95% 0.015 60);
  --color-base-300: oklch(90% 0.02 60);
  --color-base-content: oklch(25% 0.02 60);

  --color-primary: oklch(62% 0.22 30);
  --color-primary-content: oklch(98% 0.005 30);

  --color-secondary: oklch(60% 0.2 350);
  --color-secondary-content: oklch(98% 0.005 350);

  --color-accent: oklch(65% 0.2 50);
  --color-accent-content: oklch(98% 0.005 50);

  --color-neutral: oklch(40% 0.03 60);
  --color-neutral-content: oklch(96% 0.005 60);

  --color-info: oklch(65% 0.18 240);
  --color-info-content: oklch(98% 0.005 240);
  --color-success: oklch(62% 0.2 145);
  --color-success-content: oklch(98% 0.005 145);
  --color-warning: oklch(78% 0.18 75);
  --color-warning-content: oklch(25% 0.03 75);
  --color-error: oklch(58% 0.22 25);
  --color-error-content: oklch(98% 0.005 25);

  --radius-selector: 0.75rem;
  --radius-field: 0.375rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

/* Perspt Dark Theme — orange/pink palette, WCAG AA compliant */
@plugin "daisyui/theme" {
  name: "perspt-dark";
  prefersdark: true;
  color-scheme: dark;

  --color-base-100: oklch(22% 0.02 50);
  --color-base-200: oklch(18% 0.015 50);
  --color-base-300: oklch(15% 0.01 50);
  --color-base-content: oklch(90% 0.01 60);

  --color-primary: oklch(72% 0.2 30);
  --color-primary-content: oklch(18% 0.02 30);

  --color-secondary: oklch(72% 0.18 350);
  --color-secondary-content: oklch(18% 0.02 350);

  --color-accent: oklch(75% 0.18 50);
  --color-accent-content: oklch(18% 0.02 50);

  --color-neutral: oklch(35% 0.02 50);
  --color-neutral-content: oklch(90% 0.005 50);

  --color-info: oklch(70% 0.15 240);
  --color-info-content: oklch(18% 0.01 240);
  --color-success: oklch(68% 0.18 145);
  --color-success-content: oklch(18% 0.01 145);
  --color-warning: oklch(80% 0.18 75);
  --color-warning-content: oklch(20% 0.03 75);
  --color-error: oklch(65% 0.22 25);
  --color-error-content: oklch(18% 0.01 25);

  --radius-selector: 0.75rem;
  --radius-field: 0.375rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}