ccsync/frontend/src/App.css at 7348837261a4df3d8f403e60d03470b55650ef79 · CCExtractor/ccsync · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
@tailwind base;
@tailwind components;
@tailwind utilities;

/* *=========== Green theme =========== */
@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 142.1 76.2% 36.3%;
    --primary-foreground: 355.7 100% 97.3%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 142.1 76.2% 36.3%;
    --radius: 0.5rem;
  }

  .dark {
    --background: 20 14.3% 4.1%;
    --foreground: 0 0% 95%;
    --card: 24 9.8% 10%;
    --card-foreground: 0 0% 95%;
    --popover: 0 0% 9%;
    --popover-foreground: 0 0% 95%;
    --primary: 142.1 70.6% 45.3%;
    --primary-foreground: 144.9 80.4% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 15%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 12 6.5% 15.1%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 85.7% 97.3%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 142.4 71.8% 29.2%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

/* width */
::-webkit-scrollbar {
  height: 2px;
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #3bbcf0;
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3bbcf0;
}

.driver-popover.ccsync-tour-popover {
  background-color: hsl(var(--card));
  color: hsl(var(--card-foreground));
  border-radius: 0.75rem;
  border: 1px solid hsl(var(--border));
  /* box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18); */
  max-width: 320px;
  padding: 1rem 1.25rem 1.1rem 1.25rem;
}

.driver-popover.ccsync-tour-popover .driver-popover-title {
  font-size: 1rem;
  font-weight: 600;
}

.driver-popover.ccsync-tour-popover .driver-popover-description {
  color: hsl(var(--muted-foreground));
  line-height: 1.55;
  font-size: 0.92rem;
}

.driver-popover.ccsync-tour-popover .driver-popover-progress-text {
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
}

.driver-popover.ccsync-tour-popover .driver-popover-navigation-btns {
  gap: 0.5rem;
}

.driver-popover.ccsync-tour-popover .driver-popover-navigation-btns button {
  border-radius: 9999px;
  border: 1px solid transparent;
  padding: 0.35rem 0.85rem;
  font-weight: 500;
  cursor: pointer;
  text-shadow: none;
}

.driver-popover.ccsync-tour-popover
  .driver-popover-navigation-btns
  button.driver-popover-next-btn,
.driver-popover.ccsync-tour-popover
  .driver-popover-navigation-btns
  button.driver-popover-done-btn {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.driver-popover.ccsync-tour-popover
  .driver-popover-navigation-btns
  button.driver-popover-prev-btn {
  background-color: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
}

.driver-popover.ccsync-tour-popover
  .driver-popover-navigation-btns
  button.driver-popover-prev-btn:hover {
  background-color: hsl(var(--accent));
}

.driver-popover.ccsync-tour-popover .driver-skip-btn {
  background-color: transparent;
  color: hsl(var(--muted-foreground));
  border: none;
  padding: 0.35rem 0.6rem;
  font-weight: 500;
  cursor: pointer;
  text-shadow: none;
}

.driver-popover.ccsync-tour-popover .driver-skip-btn:hover {
  color: hsl(var(--foreground));
}