No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

66 líneas
2.1KB

  1. // Monochrome -----------------------------------
  2. $mono-1: #abb2bf; // default text
  3. $mono-2: #828997;
  4. $mono-3: #5c6370;
  5. // Colors -----------------------------------
  6. $hue-1: #56b6c2; // <-cyan
  7. $hue-2: #61afef; // <-blue
  8. $hue-3: #c678dd; // <-purple
  9. $hue-4: #98c379; // <-green
  10. $hue-5: #e06c75; // <-red 1
  11. $hue-5-2: #be5046; // <-red 2
  12. $hue-6: #d19a66; // <-orange 1
  13. $hue-6-2: #e5c07b; // <-orange 2
  14. // Base colors -----------------------------------
  15. $syntax-fg: $mono-1;
  16. $syntax-bg: #282c34;
  17. $syntax-gutter: darken($syntax-fg, 26%);
  18. $syntax-guide: fade-out($syntax-fg, 0.15);
  19. $syntax-accent: #528bff;
  20. // General colors
  21. $syntax-text-color: $syntax-fg;
  22. $syntax-cursor-color: $syntax-accent;
  23. $syntax-selection-color: darken($syntax-bg, 8%);
  24. $syntax-selection-flash-color: $syntax-accent;
  25. $syntax-background-color: $syntax-bg;
  26. // Guide colors
  27. $syntax-wrap-guide-color: $syntax-guide;
  28. $syntax-indent-guide-color: $syntax-guide;
  29. $syntax-invisible-character-color: $syntax-guide;
  30. // For find and replace markers
  31. $syntax-result-marker-color: fade-out($syntax-accent, 0.2);
  32. $syntax-result-marker-color-selected: $syntax-accent;
  33. // Gutter colors -----------------------------------
  34. $syntax-gutter-text-color: $syntax-gutter;
  35. $syntax-gutter-text-color-selected: $syntax-fg;
  36. $syntax-gutter-background-color: $syntax-bg; // unused
  37. $syntax-gutter-background-color-selected: darken($syntax-bg, 8%);
  38. // Git colors - For git diff info. i.e. in the gutter
  39. $syntax-color-renamed: hsl(208, 100%, 66%);
  40. $syntax-color-added: hsl(132, 60%, 44%);
  41. $syntax-color-modified: hsl( 40, 90%, 50%);
  42. $syntax-color-removed: hsl( 0, 100%, 54%);
  43. // For language entity colors
  44. $syntax-color-variable: $hue-5;
  45. $syntax-color-constant: $hue-6;
  46. $syntax-color-property: $syntax-fg;
  47. $syntax-color-value: $syntax-fg;
  48. $syntax-color-function: $hue-2;
  49. $syntax-color-method: $hue-2;
  50. $syntax-color-class: $hue-6-2;
  51. $syntax-color-keyword: $hue-3;
  52. $syntax-color-tag: $hue-5;
  53. $syntax-color-attribute: $hue-6;
  54. $syntax-color-import: $hue-3;
  55. $syntax-color-snippet: $hue-4;