_global-variables.scss 997 B

123456789101112131415161718192021222324252627
  1. @mixin global-variables() {
  2. /* Colors */
  3. --wp--preset--color--primary: #404040;
  4. --wp--preset--color--primary-hover: #f25f70;
  5. --wp--preset--color--secondary: #f25f70;
  6. --wp--preset--color--secondary-hover: #4f4f4f;
  7. --wp--preset--color--foreground: #444;
  8. --wp--preset--color--foreground-low-contrast: #767676;
  9. --wp--preset--color--foreground-high-contrast: #111;
  10. --wp--preset--color--background: #fff;
  11. --wp--preset--color--background-low-contrast: #ddd;
  12. --wp--preset--color--background-high-contrast: #fafafa;
  13. --wp--preset--color--tertiary: #ddd;
  14. --wp--preset--color--border: #ddd;
  15. --wp--preset--color--border-low-contrast: #aaa;
  16. --wp--preset--color--border-high-contrast: #fafafa;
  17. --wp--preset--color--text-selection: #ffdce0;
  18. --wp--preset--color--alert-success: #8bc34a;
  19. --wp--preset--color--alert-info: #03a9f4;
  20. --wp--preset--color--alert-warning: #ffc107;
  21. --wp--preset--color--alert-error: #f25f70;
  22. --wp--preset--color--black: black;
  23. --wp--preset--color--white: white;
  24. }