_global-variables.scss 1.1 KB

1234567891011121314151617181920212223242526
  1. @mixin global-variables() {
  2. /* Colors */
  3. --wp--preset--color--primary: #0C80A1;
  4. --wp--preset--color--primary-hover: #085a72; // darken(#0C80A1, 10%);
  5. --wp--preset--color--primary-dark: #085a72; // darken(#0C80A1, 10%);
  6. --wp--preset--color--secondary: #D4401C;
  7. --wp--preset--color--secondary-hover: #a73216; // darken(#D4401C, 10%);
  8. --wp--preset--color--foreground: #444444;
  9. --wp--preset--color--foreground-low-contrast: #767676;
  10. --wp--preset--color--foreground-high-contrast: #222222;
  11. --wp--preset--color--background: #ffffff;
  12. --wp--preset--color--background-low-contrast: #EAEAEA;
  13. --wp--preset--color--background-high-contrast: #FAFAFA;
  14. --wp--preset--color--border: #EAEAEA;
  15. --wp--preset--color--border-low-contrast: #DADADA;
  16. --wp--preset--color--border-high-contrast: #FAFAFA;
  17. --wp--preset--color--text-selection: #10a6d0; // lighten(#0C80A1, 55%);
  18. --wp--preset--color--alert-success:yellowgreen;
  19. --wp--preset--color--alert-info: skyblue;
  20. --wp--preset--color--alert-warning: gold;
  21. --wp--preset--color--alert-error: salmon;
  22. --wp--preset--color--black: black;
  23. --wp--preset--color--white: white;
  24. }