colors.less 967 B

12345678910111213141516171819202122232425262728293031
  1. // Config -----------------------------------
  2. @syntax-hue: 220;
  3. @syntax-saturation: 13%;
  4. @syntax-brightness: 18%;
  5. // Monochrome -----------------------------------
  6. @mono-1: hsl(@syntax-hue, 14%, 71%); // default text
  7. @mono-2: hsl(@syntax-hue, 9%, 55%);
  8. @mono-3: hsl(@syntax-hue, 10%, 40%);
  9. // Colors -----------------------------------
  10. @hue-1: hsl(187, 47%, 55%); // <-cyan
  11. @hue-2: hsl(207, 82%, 66%); // <-blue
  12. @hue-3: hsl(286, 60%, 67%); // <-purple
  13. @hue-4: hsl( 95, 38%, 62%); // <-green
  14. @hue-5: hsl(355, 65%, 65%); // <-red 1
  15. @hue-5-2: hsl( 5, 48%, 51%); // <-red 2
  16. @hue-6: hsl( 29, 54%, 61%); // <-orange 1
  17. @hue-6-2: hsl( 39, 67%, 69%); // <-orange 2
  18. // Base colors -----------------------------------
  19. @syntax-fg: @mono-1;
  20. @syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness);
  21. @syntax-gutter: darken(@syntax-fg, 26%);
  22. @syntax-guide: fade(@syntax-fg, 15%);
  23. @syntax-accent: hsl(@syntax-hue, 100%, 66% );