// Monochrome ----------------------------------- $mono-1: #abb2bf; // default text $mono-2: #828997; $mono-3: #5c6370; // Colors ----------------------------------- $hue-1: #56b6c2; // <-cyan $hue-2: #61afef; // <-blue $hue-3: #c678dd; // <-purple $hue-4: #98c379; // <-green $hue-5: #e06c75; // <-red 1 $hue-5-2: #be5046; // <-red 2 $hue-6: #d19a66; // <-orange 1 $hue-6-2: #e5c07b; // <-orange 2 // Base colors ----------------------------------- $syntax-fg: $mono-1; $syntax-bg: #282c34; $syntax-gutter: darken($syntax-fg, 26%); $syntax-guide: fade-out($syntax-fg, 0.15); $syntax-accent: #528bff; // General colors $syntax-text-color: $syntax-fg; $syntax-cursor-color: $syntax-accent; $syntax-selection-color: darken($syntax-bg, 8%); $syntax-selection-flash-color: $syntax-accent; $syntax-background-color: $syntax-bg; // Guide colors $syntax-wrap-guide-color: $syntax-guide; $syntax-indent-guide-color: $syntax-guide; $syntax-invisible-character-color: $syntax-guide; // For find and replace markers $syntax-result-marker-color: fade-out($syntax-accent, 0.2); $syntax-result-marker-color-selected: $syntax-accent; // Gutter colors ----------------------------------- $syntax-gutter-text-color: $syntax-gutter; $syntax-gutter-text-color-selected: $syntax-fg; $syntax-gutter-background-color: $syntax-bg; // unused $syntax-gutter-background-color-selected: darken($syntax-bg, 8%); // Git colors - For git diff info. i.e. in the gutter $syntax-color-renamed: hsl(208, 100%, 66%); $syntax-color-added: hsl(132, 60%, 44%); $syntax-color-modified: hsl( 40, 90%, 50%); $syntax-color-removed: hsl( 0, 100%, 54%); // For language entity colors $syntax-color-variable: $hue-5; $syntax-color-constant: $hue-6; $syntax-color-property: $syntax-fg; $syntax-color-value: $syntax-fg; $syntax-color-function: $hue-2; $syntax-color-method: $hue-2; $syntax-color-class: $hue-6-2; $syntax-color-keyword: $hue-3; $syntax-color-tag: $hue-5; $syntax-color-attribute: $hue-6; $syntax-color-import: $hue-3; $syntax-color-snippet: $hue-4;