syntax-variables.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @import "colors.less";
  2. // Official Syntax Variables -----------------------------------
  3. // General colors
  4. @syntax-text-color: @syntax-fg;
  5. @syntax-cursor-color: #2f82ff;
  6. @syntax-selection-color: lighten(@syntax-background-color, 10%);
  7. @syntax-selection-flash-color: @syntax-accent;
  8. @syntax-background-color: @syntax-bg;
  9. // Guide colors
  10. @syntax-wrap-guide-color: @syntax-guide;
  11. @syntax-indent-guide-color: @syntax-guide;
  12. @syntax-invisible-character-color: @syntax-guide;
  13. // For find and replace markers
  14. @syntax-result-marker-color: fade(@syntax-accent, 24%);
  15. @syntax-result-marker-color-selected: @syntax-accent;
  16. // Gutter colors
  17. @syntax-gutter-text-color: @syntax-gutter;
  18. @syntax-gutter-text-color-selected: @syntax-fg;
  19. @syntax-gutter-background-color: @syntax-bg; // unused
  20. @syntax-gutter-background-color-selected: lighten(@syntax-bg, 8%);
  21. // Git colors - For git diff info. i.e. in the gutter
  22. @syntax-color-renamed: hsl(208, 100%, 60%);
  23. @syntax-color-added: hsl(150, 60%, 54%);
  24. @syntax-color-modified: hsl(40, 60%, 70%);
  25. @syntax-color-removed: hsl(0, 70%, 60%);
  26. // For language entity colors
  27. @syntax-color-variable: @hue-5;
  28. @syntax-color-constant: @hue-6;
  29. @syntax-color-property: @syntax-fg;
  30. @syntax-color-value: @syntax-fg;
  31. @syntax-color-function: @hue-2;
  32. @syntax-color-method: @hue-2;
  33. @syntax-color-class: @hue-6-2;
  34. @syntax-color-keyword: @hue-3;
  35. @syntax-color-tag: @hue-5;
  36. @syntax-color-attribute: @hue-6;
  37. @syntax-color-import: @hue-3;
  38. @syntax-color-snippet: @hue-4;
  39. // Custom Syntax Variables -----------------------------------
  40. // Don't use in packages
  41. @syntax-cursor-line: hsla(@syntax-hue, 40%, 40%, .22); // needs to be semi-transparent to show search results
  42. @syntax-deprecated-fg: darken(@syntax-color-modified, 50%);
  43. @syntax-deprecated-bg: @syntax-color-modified;
  44. @syntax-illegal-fg: white;
  45. @syntax-illegal-bg: @syntax-color-removed;