ControlCenterUI_2026/theme-simple.css at main · CSI-Rockets-Eletronics/ControlCenterUI_2026 · GitHub

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
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

@layer components {
  .panel-bg {
    @apply bg-gray-bg-1 border border-gray-border rounded-xl;
  }

  /* Text styles */
  .text-primary {
    @apply text-gray-text;
  }

  .text-secondary {
    @apply text-gray-text-dim;
  }

  /* Buttons */
  .btn-primary {
    @apply bg-blue-solid hover:bg-blue-solid-hover text-white rounded-lg px-6 py-2 font-semibold transition-all shadow-lg;
  }

  .btn-danger {
    @apply bg-red-solid hover:bg-red-solid-hover text-white rounded-lg px-6 py-2 font-semibold transition-all shadow-lg;
  }

  .btn-success {
    @apply bg-green-solid hover:bg-green-solid-hover text-white rounded-lg px-6 py-2 font-semibold transition-all shadow-lg;
  }

  /* Status indicators */
  .status-ok {
    @apply bg-green-bg text-green-text border-green-border;
  }

  .status-warning {
    @apply bg-yellow-bg text-yellow-text border-yellow-border;
  }

  .status-error {
    @apply bg-red-bg text-red-text border-red-border;
  }

  .status-disconnected {
    @apply bg-gray-el-bg text-gray-text-dim border-gray-border;
  }
}

/* Custom scrollbar */
.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-thin::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: hsl(var(--radix-color-gray-2));
  border-radius: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background: hsl(var(--radix-color-gray-7));
  border-radius: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--radix-color-gray-8));
}