@vibetasks/cli 0.5.6 → 0.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/bin/vibetasks.js +78 -48
  2. package/package.json +1 -1
package/dist/bin/vibetasks.js CHANGED
@@ -134,6 +134,36 @@ async function loginWithBrowser() {
134
134
  <title>Authentication Successful</title>
135
135
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
136
136
  <style>
137
+ :root {
138
+ --background: oklch(1 0 0);
139
+ --foreground: oklch(0.145 0 0);
140
+ --card: oklch(1 0 0);
141
+ --card-foreground: oklch(0.145 0 0);
142
+ --primary: oklch(0.205 0 0);
143
+ --primary-foreground: oklch(0.985 0 0);
144
+ --muted: oklch(0.97 0 0);
145
+ --muted-foreground: oklch(0.556 0 0);
146
+ --accent: oklch(0.97 0 0);
147
+ --accent-foreground: oklch(0.205 0 0);
148
+ --border: oklch(0.922 0 0);
149
+ --success: oklch(0.7 0.15 160);
150
+ }
151
+ @media (prefers-color-scheme: dark) {
152
+ :root {
153
+ --background: oklch(0.145 0 0);
154
+ --foreground: oklch(0.985 0 0);
155
+ --card: oklch(0.205 0 0);
156
+ --card-foreground: oklch(0.985 0 0);
157
+ --primary: oklch(0.922 0 0);
158
+ --primary-foreground: oklch(0.205 0 0);
159
+ --muted: oklch(0.269 0 0);
160
+ --muted-foreground: oklch(0.708 0 0);
161
+ --accent: oklch(0.269 0 0);
162
+ --accent-foreground: oklch(0.985 0 0);
163
+ --border: oklch(1 0 0 / 10%);
164
+ --success: oklch(0.75 0.15 160);
165
+ }
166
+ }
137
167
  * { margin: 0; padding: 0; box-sizing: border-box; }
138
168
  body {
139
169
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -141,35 +171,36 @@ async function loginWithBrowser() {
141
171
  align-items: center;
142
172
  justify-content: center;
143
173
  min-height: 100vh;
144
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
174
+ background: var(--background);
175
+ color: var(--foreground);
145
176
  padding: 20px;
146
177
  }
147
178
  .container {
148
179
  text-align: center;
149
- padding: 60px 40px;
150
- background: white;
151
- border-radius: 20px;
152
- box-shadow: 0 20px 60px rgba(0,0,0,0.3);
180
+ padding: 48px 40px;
181
+ background: var(--card);
182
+ border: 1px solid var(--border);
183
+ border-radius: 12px;
153
184
  max-width: 450px;
154
185
  width: 100%;
155
186
  }
156
187
  .checkmark {
157
- width: 80px;
158
- height: 80px;
188
+ width: 64px;
189
+ height: 64px;
159
190
  border-radius: 50%;
160
191
  display: block;
161
- stroke-width: 3;
162
- stroke: #4CAF50;
192
+ stroke-width: 2.5;
193
+ stroke: var(--success);
163
194
  stroke-miterlimit: 10;
164
195
  margin: 0 auto 24px;
165
- animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
196
+ animation: scale 0.3s ease-in-out 0.9s both;
166
197
  }
167
198
  .checkmark-circle {
168
199
  stroke-dasharray: 166;
169
200
  stroke-dashoffset: 166;
170
- stroke-width: 3;
201
+ stroke-width: 2.5;
171
202
  stroke-miterlimit: 10;
172
- stroke: #4CAF50;
203
+ stroke: var(--success);
173
204
  fill: none;
174
205
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
175
206
  }
@@ -187,66 +218,65 @@ async function loginWithBrowser() {
187
218
  50% { transform: scale3d(1.1, 1.1, 1); }
188
219
  }
189
220
  h1 {
190
- color: #2d3748;
191
- font-size: 28px;
192
- font-weight: 700;
193
- margin-bottom: 12px;
221
+ color: var(--foreground);
222
+ font-size: 24px;
223
+ font-weight: 600;
224
+ margin-bottom: 8px;
194
225
  }
195
226
  .email {
196
- font-weight: 600;
197
- color: #667eea;
198
- font-size: 16px;
199
- margin-bottom: 24px;
227
+ font-weight: 500;
228
+ color: var(--muted-foreground);
229
+ font-size: 14px;
230
+ margin-bottom: 20px;
200
231
  }
201
232
  .message {
202
- color: #718096;
203
- font-size: 15px;
204
- line-height: 1.6;
233
+ color: var(--muted-foreground);
234
+ font-size: 14px;
235
+ line-height: 1.5;
205
236
  }
206
237
  .success-badge {
207
238
  display: inline-block;
208
- background: #f0fdf4;
209
- color: #15803d;
210
- padding: 8px 16px;
211
- border-radius: 20px;
212
- font-size: 14px;
213
- font-weight: 600;
214
- margin-top: 20px;
239
+ background: var(--accent);
240
+ color: var(--accent-foreground);
241
+ padding: 6px 12px;
242
+ border-radius: 6px;
243
+ font-size: 13px;
244
+ font-weight: 500;
245
+ margin-top: 16px;
215
246
  }
216
247
  .button-group {
217
- margin-top: 32px;
248
+ margin-top: 28px;
218
249
  display: flex;
219
- gap: 12px;
250
+ gap: 10px;
220
251
  justify-content: center;
252
+ flex-wrap: wrap;
221
253
  }
222
254
  .button {
223
- padding: 12px 24px;
255
+ padding: 10px 20px;
224
256
  border-radius: 8px;
225
- font-weight: 600;
257
+ font-weight: 500;
226
258
  font-size: 14px;
227
259
  cursor: pointer;
228
260
  transition: all 0.2s;
229
261
  text-decoration: none;
230
262
  display: inline-block;
263
+ border: none;
231
264
  }
232
265
  .button-primary {
233
- background: #667eea;
234
- color: white;
235
- border: none;
266
+ background: var(--primary);
267
+ color: var(--primary-foreground);
236
268
  }
237
269
  .button-primary:hover {
238
- background: #5568d3;
270
+ opacity: 0.9;
239
271
  transform: translateY(-1px);
240
- box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
241
272
  }
242
273
  .button-secondary {
243
- background: #f7fafc;
244
- color: #4a5568;
245
- border: 2px solid #e2e8f0;
274
+ background: var(--muted);
275
+ color: var(--muted-foreground);
246
276
  }
247
277
  .button-secondary:hover {
248
- background: #edf2f7;
249
- border-color: #cbd5e0;
278
+ background: var(--accent);
279
+ color: var(--accent-foreground);
250
280
  }
251
281
  </style>
252
282
  </head>
@@ -256,15 +286,15 @@ async function loginWithBrowser() {
256
286
  <circle class="checkmark-circle" cx="26" cy="26" r="25" fill="none"/>
257
287
  <path class="checkmark-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
258
288
  </svg>
259
- <h1>Authentication Successful!</h1>
289
+ <h1>Authentication Successful</h1>
260
290
  <p class="email">${email}</p>
261
291
  <p class="message">
262
- Your VibeTasks CLI is now connected to your account.<br>
263
- You can close this window and return to your terminal.
292
+ Your VibeTasks CLI is now connected.<br>
293
+ Close this window to continue.
264
294
  </p>
265
295
  <div class="success-badge">Ready to use</div>
266
296
  <div class="button-group">
267
- <a href="${baseUrl}/settings?tab=ai" class="button button-primary">Setup AI Integration</a>
297
+ <a href="${baseUrl}/settings?tab=ai" class="button button-primary">Set up AI integration</a>
268
298
  <button onclick="window.close()" class="button button-secondary">Close Window</button>
269
299
  </div>
270
300
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vibetasks/cli",
3
- "version": "0.5.6",
3
+ "version": "0.5.8",
4
4
  "description": "VibeTasks CLI - Lightning-fast task management from your terminal. Works with Claude Code, Cursor, and all AI coding tools.",
5
5
  "author": "Vyas",
6
6
  "license": "MIT",