PC Power metrics ingester for Home Assistant
angelo.fyi
1@import "tailwindcss";
2
3@theme {
4 --font-sans: -apple-system, BlinkMacSystemFont, sans-serif;
5
6 --text-xs: 11px;
7 --text-base: 13px;
8
9 --color-bg: #282828;
10 --color-selected-unfocused: #2e2e2e;
11
12 --color-primary: #0051d2;
13 --color-button: #606060;
14 --color-button-primary: #1563d7;
15 --color-button-primary-active: #239bed;
16 --color-button-active: #777777;
17
18 --color-popover: #1e1e1e;
19 --color-popover-surface: #212121;
20 --color-surface: #2b2b2b;
21 --color-surface-border: #4b4b4b;
22
23 --color-indicator-green: #32d74b;
24 --color-indicator-red: #ff453a;
25 --color-switch-track: #cacaca;
26 --color-switch-disabled: #414141;
27 --color-switch-enabled: #1664da;
28
29 --color-sidebar: #383838;
30 --color-sidebar-unfocused: #141414;
31 --color-secondary: #b4b4b4;
32 --color-secondary-unfocused: #555555;
33}
34
35* {
36 @apply select-none cursor-default focus-visible:shadow-blue-300;
37}
38
39body {
40 @apply bg-bg text-neutral-200 min-h-screen text-base leading-tight;
41}
42
43#root {
44 @apply min-h-screen;
45}
46
47/*[popover]:popover-open {
48 @apply translate-y-0 opacity-100 transition-discrete;
49}
50[popover] {
51 @apply absolute w-lg mx-auto bg-popover text-neutral-200 py-4 px-4 rounded-lg border border-surface-border;
52}
53[popover]::backdrop {
54 @apply bg-black/25 transition-discrete;
55}
56
57@starting-style {
58 [popover]:popover-open {
59 @apply -translate-y-16 opacity-0 transition-all duration-200 transition-discrete absolute w-lg mx-auto bg-popover text-neutral-200 py-4 px-4 rounded-lg border border-surface-border;
60 }
61}*/