diff options
Diffstat (limited to 'renderer/src/styles/globals.css')
| -rw-r--r-- | renderer/src/styles/globals.css | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/renderer/src/styles/globals.css b/renderer/src/styles/globals.css index d917f7e..809ff15 100644 --- a/renderer/src/styles/globals.css +++ b/renderer/src/styles/globals.css | |||
| @@ -413,3 +413,59 @@ body { | |||
| 413 | .error-bar button:hover { | 413 | .error-bar button:hover { |
| 414 | opacity: 0.8; | 414 | opacity: 0.8; |
| 415 | } | 415 | } |
| 416 | |||
| 417 | /* Onboarding */ | ||
| 418 | .onboarding h1 { | ||
| 419 | font-size: 32px; | ||
| 420 | margin-bottom: 8px; | ||
| 421 | } | ||
| 422 | |||
| 423 | .onboarding h2 { | ||
| 424 | font-size: 20px; | ||
| 425 | margin-top: 28px; | ||
| 426 | margin-bottom: 12px; | ||
| 427 | color: var(--accent); | ||
| 428 | } | ||
| 429 | |||
| 430 | .onboarding p { | ||
| 431 | margin: 12px 0; | ||
| 432 | line-height: 1.6; | ||
| 433 | } | ||
| 434 | |||
| 435 | .onboarding ol { | ||
| 436 | margin: 12px 0 12px 24px; | ||
| 437 | } | ||
| 438 | |||
| 439 | .onboarding li { | ||
| 440 | margin: 8px 0; | ||
| 441 | line-height: 1.5; | ||
| 442 | } | ||
| 443 | |||
| 444 | .onboarding pre { | ||
| 445 | background: var(--bg-tertiary); | ||
| 446 | padding: 12px 16px; | ||
| 447 | border-radius: 6px; | ||
| 448 | margin: 12px 0; | ||
| 449 | } | ||
| 450 | |||
| 451 | .onboarding code { | ||
| 452 | font-family: "SF Mono", Monaco, monospace; | ||
| 453 | font-size: 13px; | ||
| 454 | } | ||
| 455 | |||
| 456 | .onboarding a { | ||
| 457 | color: var(--accent); | ||
| 458 | text-decoration: none; | ||
| 459 | } | ||
| 460 | |||
| 461 | .onboarding a:hover { | ||
| 462 | text-decoration: underline; | ||
| 463 | } | ||
| 464 | |||
| 465 | .onboarding-tip { | ||
| 466 | margin-top: 28px; | ||
| 467 | padding: 16px; | ||
| 468 | background: var(--bg-tertiary); | ||
| 469 | border-left: 3px solid var(--accent); | ||
| 470 | border-radius: 0 6px 6px 0; | ||
| 471 | } | ||
