|
422 | 422 | --pine-outline-focus-danger: var(--pine-border-width-thick) solid var(--pine-color-focus-ring-danger); |
423 | 423 | } |
424 | 424 |
|
425 | | -// @media (prefers-color-scheme: dark) { |
426 | | -// :root { |
427 | | -// --pine-color-accent: var(--pine-color-purple-500); |
428 | | -// --pine-color-accent-disabled: var(--pine-color-purple-100); |
429 | | -// --pine-color-accent-hover: var(--pine-color-purple-600); |
430 | | -// --pine-color-background-container: var(--pine-color-black); |
431 | | -// --pine-color-background-container-disabled: var(--pine-color-grey-800); |
432 | | -// --pine-color-background-container-hover: var(--pine-color-grey-950); |
433 | | -// --pine-color-background-app: var(--pine-color-grey-900); |
434 | | -// --pine-color-border: var(--pine-color-grey-600); |
435 | | -// --pine-color-border-hover: var(--pine-color-grey-500); |
436 | | -// --pine-color-border-disabled: var(--pine-color-grey-700); |
437 | | -// --pine-color-border-active: var(--pine-color-grey-500); |
438 | | -// --pine-color-border-danger: var(--pine-color-red-600); |
439 | | -// --pine-color-border-danger-hover: var(--pine-color-red-700); |
440 | | -// --pine-color-danger: var(--pine-color-red-600); |
441 | | -// --pine-color-danger-disabled: var(--pine-color-red-100); |
442 | | -// --pine-color-danger-hover: var(--pine-color-red-700); |
443 | | -// --pine-color-focus-ring: var(--pine-color-purple-300); |
444 | | -// --pine-color-focus-ring-danger: var(--pine-color-red-300); |
445 | | -// --pine-color-info: var(--pine-color-blue-500); |
446 | | -// --pine-color-info-disabled: var(--pine-color-blue-100); |
447 | | -// --pine-color-info-hover: var(--pine-color-blue-600); |
448 | | -// --pine-color-neutral: var(--pine-color-grey-400); |
449 | | -// --pine-color-neutral-disabled: var(--pine-color-grey-900); |
450 | | -// --pine-color-neutral-hover: var(--pine-color-grey-300); |
451 | | -// --pine-color-primary: var(--pine-color-grey-100); |
452 | | -// --pine-color-primary-disabled: var(--pine-color-grey-800); |
453 | | -// --pine-color-primary-hover: var(--pine-color-grey-950); |
454 | | -// --pine-color-secondary: var(--pine-color-black); |
455 | | -// --pine-color-secondary-disabled: var(--pine-color-black); |
456 | | -// --pine-color-secondary-hover: var(--pine-color-grey-950); |
457 | | -// --pine-color-success: var(--pine-color-green-500); |
458 | | -// --pine-color-success-disabled: var(--pine-color-green-100); |
459 | | -// --pine-color-success-hover: var(--pine-color-green-600); |
460 | | -// --pine-color-text: var(--pine-color-grey-100); |
461 | | -// --pine-color-text-hover: var(--pine-color-grey-050); |
462 | | -// --pine-color-text-disabled: var(--pine-color-grey-400); |
463 | | -// --pine-color-text-readonly: var(--pine-color-grey-200); |
464 | | -// --pine-color-text-active: var(--pine-color-grey-050); |
465 | | -// --pine-color-text-accent: var(--pine-color-purple-900); |
466 | | -// --pine-color-text-accent-disabled: var(--pine-color-purple-300); |
467 | | -// --pine-color-text-accent-hover: var(--pine-color-purple-950); |
468 | | -// --pine-color-text-danger: var(--pine-color-red-900); |
469 | | -// --pine-color-text-danger-disabled: var(--pine-color-red-300); |
470 | | -// --pine-color-text-danger-hover: var(--pine-color-red-950); |
471 | | -// --pine-color-text-info: var(--pine-color-blue-900); |
472 | | -// --pine-color-text-info-disabled: var(--pine-color-blue-300); |
473 | | -// --pine-color-text-info-hover: var(--pine-color-blue-950); |
474 | | -// --pine-color-text-label: var(--pine-color-grey-050); |
475 | | -// --pine-color-text-label-disabled: var(--pine-color-grey-400); |
476 | | -// --pine-color-text-label-readonly: var(--pine-color-grey-200); |
477 | | -// --pine-color-text-message: var(--pine-color-grey-150); |
478 | | -// --pine-color-text-message-danger: var(--pine-color-red-600); |
479 | | -// --pine-color-text-message-disabled: var(--pine-color-grey-300); |
480 | | -// --pine-color-text-neutral: var(--pine-color-grey-100); |
481 | | -// --pine-color-text-neutral-disabled: var(--pine-color-grey-300); |
482 | | -// --pine-color-text-neutral-hover: var(--pine-color-grey-050); |
483 | | -// --pine-color-text-placeholder: var(--pine-color-grey-300); |
484 | | -// --pine-color-text-placeholder-disabled: var(--pine-color-grey-500); |
485 | | -// --pine-color-text-primary: var(--pine-color-black); |
486 | | -// --pine-color-text-primary-disabled: var(--pine-color-grey-500); |
487 | | -// --pine-color-text-secondary: var(--pine-color-grey-150); |
488 | | -// --pine-color-text-secondary-disabled: var(--pine-color-grey-500); |
489 | | -// --pine-color-text-secondary-hover: var(--pine-color-grey-100); |
490 | | -// --pine-color-text-success: var(--pine-color-green-900); |
491 | | -// --pine-color-text-success-disabled: var(--pine-color-green-300); |
492 | | -// --pine-color-text-success-hover: var(--pine-color-green-950); |
493 | | -// --pine-color-text-warning: var(--pine-color-yellow-900); |
494 | | -// --pine-color-text-warning-disabled: var(--pine-color-yellow-300); |
495 | | -// --pine-color-text-warning-hover: var(--pine-color-yellow-950); |
496 | | -// --pine-color-warning: var(--pine-color-yellow-500); |
497 | | -// --pine-color-warning-disabled: var(--pine-color-yellow-100); |
498 | | -// --pine-color-warning-hover: var(--pine-color-yellow-600); |
499 | | -// --pine-color-brand: var(--pine-color-mercury-500); |
500 | | -// } |
501 | | -// } |
| 425 | +@media (prefers-color-scheme: dark) { |
| 426 | + :root { |
| 427 | + --pine-color-accent: var(--pine-color-purple-500); |
| 428 | + --pine-color-accent-disabled: var(--pine-color-purple-100); |
| 429 | + --pine-color-accent-hover: var(--pine-color-purple-600); |
| 430 | + --pine-color-background-container: var(--pine-color-black); |
| 431 | + --pine-color-background-container-disabled: var(--pine-color-grey-800); |
| 432 | + --pine-color-background-container-hover: var(--pine-color-grey-950); |
| 433 | + --pine-color-background-app: var(--pine-color-grey-900); |
| 434 | + --pine-color-border: var(--pine-color-grey-600); |
| 435 | + --pine-color-border-hover: var(--pine-color-grey-500); |
| 436 | + --pine-color-border-disabled: var(--pine-color-grey-700); |
| 437 | + --pine-color-border-active: var(--pine-color-grey-500); |
| 438 | + --pine-color-border-danger: var(--pine-color-red-600); |
| 439 | + --pine-color-border-danger-hover: var(--pine-color-red-700); |
| 440 | + --pine-color-danger: var(--pine-color-red-600); |
| 441 | + --pine-color-danger-disabled: var(--pine-color-red-100); |
| 442 | + --pine-color-danger-hover: var(--pine-color-red-700); |
| 443 | + --pine-color-focus-ring: var(--pine-color-purple-300); |
| 444 | + --pine-color-focus-ring-danger: var(--pine-color-red-300); |
| 445 | + --pine-color-info: var(--pine-color-blue-500); |
| 446 | + --pine-color-info-disabled: var(--pine-color-blue-100); |
| 447 | + --pine-color-info-hover: var(--pine-color-blue-600); |
| 448 | + --pine-color-neutral: var(--pine-color-grey-400); |
| 449 | + --pine-color-neutral-disabled: var(--pine-color-grey-900); |
| 450 | + --pine-color-neutral-hover: var(--pine-color-grey-300); |
| 451 | + --pine-color-primary: var(--pine-color-grey-100); |
| 452 | + --pine-color-primary-disabled: var(--pine-color-grey-800); |
| 453 | + --pine-color-primary-hover: var(--pine-color-grey-950); |
| 454 | + --pine-color-secondary: var(--pine-color-black); |
| 455 | + --pine-color-secondary-disabled: var(--pine-color-black); |
| 456 | + --pine-color-secondary-hover: var(--pine-color-grey-950); |
| 457 | + --pine-color-success: var(--pine-color-green-500); |
| 458 | + --pine-color-success-disabled: var(--pine-color-green-100); |
| 459 | + --pine-color-success-hover: var(--pine-color-green-600); |
| 460 | + --pine-color-text: var(--pine-color-grey-100); |
| 461 | + --pine-color-text-hover: var(--pine-color-grey-050); |
| 462 | + --pine-color-text-disabled: var(--pine-color-grey-400); |
| 463 | + --pine-color-text-readonly: var(--pine-color-grey-200); |
| 464 | + --pine-color-text-active: var(--pine-color-grey-050); |
| 465 | + --pine-color-text-accent: var(--pine-color-purple-900); |
| 466 | + --pine-color-text-accent-disabled: var(--pine-color-purple-300); |
| 467 | + --pine-color-text-accent-hover: var(--pine-color-purple-950); |
| 468 | + --pine-color-text-danger: var(--pine-color-red-900); |
| 469 | + --pine-color-text-danger-disabled: var(--pine-color-red-300); |
| 470 | + --pine-color-text-danger-hover: var(--pine-color-red-950); |
| 471 | + --pine-color-text-info: var(--pine-color-blue-900); |
| 472 | + --pine-color-text-info-disabled: var(--pine-color-blue-300); |
| 473 | + --pine-color-text-info-hover: var(--pine-color-blue-950); |
| 474 | + --pine-color-text-label: var(--pine-color-grey-050); |
| 475 | + --pine-color-text-label-disabled: var(--pine-color-grey-400); |
| 476 | + --pine-color-text-label-readonly: var(--pine-color-grey-200); |
| 477 | + --pine-color-text-message: var(--pine-color-grey-150); |
| 478 | + --pine-color-text-message-danger: var(--pine-color-red-600); |
| 479 | + --pine-color-text-message-disabled: var(--pine-color-grey-300); |
| 480 | + --pine-color-text-neutral: var(--pine-color-grey-100); |
| 481 | + --pine-color-text-neutral-disabled: var(--pine-color-grey-300); |
| 482 | + --pine-color-text-neutral-hover: var(--pine-color-grey-050); |
| 483 | + --pine-color-text-placeholder: var(--pine-color-grey-300); |
| 484 | + --pine-color-text-placeholder-disabled: var(--pine-color-grey-500); |
| 485 | + --pine-color-text-primary: var(--pine-color-black); |
| 486 | + --pine-color-text-primary-disabled: var(--pine-color-grey-500); |
| 487 | + --pine-color-text-secondary: var(--pine-color-grey-150); |
| 488 | + --pine-color-text-secondary-disabled: var(--pine-color-grey-500); |
| 489 | + --pine-color-text-secondary-hover: var(--pine-color-grey-100); |
| 490 | + --pine-color-text-success: var(--pine-color-green-900); |
| 491 | + --pine-color-text-success-disabled: var(--pine-color-green-300); |
| 492 | + --pine-color-text-success-hover: var(--pine-color-green-950); |
| 493 | + --pine-color-text-warning: var(--pine-color-yellow-900); |
| 494 | + --pine-color-text-warning-disabled: var(--pine-color-yellow-300); |
| 495 | + --pine-color-text-warning-hover: var(--pine-color-yellow-950); |
| 496 | + --pine-color-warning: var(--pine-color-yellow-500); |
| 497 | + --pine-color-warning-disabled: var(--pine-color-yellow-100); |
| 498 | + --pine-color-warning-hover: var(--pine-color-yellow-600); |
| 499 | + --pine-color-brand: var(--pine-color-mercury-500); |
| 500 | + } |
| 501 | +} |
502 | 502 |
|
503 | 503 | [data-theme="dark"] { |
504 | 504 | --pine-color-accent: var(--pine-color-purple-500); |
|
0 commit comments