1  
 2  // Editor styles (background, gutter, guides)
 3  
 4  atom-text-editor {
 5    background-color: @syntax-background-color;
 6    color: @syntax-text-color;
 7  
 8    .wrap-guide {
 9      background-color: @syntax-wrap-guide-color;
10    }
11  
12    .indent-guide {
13      color: @syntax-indent-guide-color;
14    }
15  
16    .invisible-character {
17      color: @syntax-invisible-character-color;
18    }
19  
20    .gutter {
21      background-color: @syntax-gutter-background-color;
22      color: @syntax-gutter-text-color;
23  
24      .line-number {
25        padding: 0 0.25em 0 0.5em;
26        -webkit-font-smoothing: antialiased;
27        &.cursor-line {
28          background-color: @syntax-gutter-background-color-selected;
29          color: @syntax-gutter-text-color-selected;
30        }
31  
32        &.cursor-line-no-selection {
33          color: @syntax-gutter-text-color-selected;
34        }
35      }
36    }
37  
38    .gutter .line-number.folded,
39    .gutter .line-number:after,
40    .fold-marker:after {
41      color: @syntax-result-marker-color;
42    }
43  
44    .invisible {
45      color: @syntax-text-color;
46    }
47  
48    .cursor {
49      color: @syntax-cursor-color;
50    }
51  
52    .selection .region {
53      background-color: @syntax-selection-color;
54    }
55  
56    .bracket-matcher .region {
57      border-color: @syntax-result-marker-color;
58    }
59  }