light-table-theme/theme.less at master · brunnopleffken/light-table-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
@background: #202020;
@foreground: #cccccc;

.CodeMirror, .CodeMirror-scroll {
    background: @background;
    color: @foreground;
}

.cm-symbol { color: #ccc; }
.cm-variable { color: #ccc; }
.cm-variable-2 { color: #acf}
.cm-string { color: #add}
.cm-string-2 { color: #add; }
.cm-number { color: #ccc; }
.cm-def { color: #acf; }
.cm-builtin { color: #aec; }
.cm-header { color: #aec; }
.cm-property { color: #aaa; }
.cm-operator { color: #aaa; }
.cm-keyword { color: #aec; }
.cm-qualifier { color: #aec; }
.cm-attribute { color: #aec; }
.cm-meta { color: #aec; }
.cm-atom { color: #caf; }
.cm-tag { color: #acf; }
.cm-comment { color: #9ac; }

.CodeMirror-searching {
    background-color: #5f5f5f;
    color: #eee !important;
    &.searching-current-match {
        background-color: #13879C;
        color: #BFFCFF !important;
    }
}

.CodeMirror-cursor { border-left: 1px solid #ffffff !important; }
.CodeMirror-gutters { background: @background; border-right: none; }
.CodeMirror-linenumber { color: #767676; }
.CodeMirror .CodeMirror-selected { background: #555555; }
.CodeMirror-focused .CodeMirror-selected { background: #444444; }
.CodeMirror-focused .CodeMirror-activeline-background { background: #303030; }
.CodeMirror-activeline .CodeMirror-gutter-elt { background: @background; color: #ffffff; }

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
    /* Ensure visibility against gray inline editor background */
    background-color: transparent;
    border-bottom: 1px solid #3FF;
    color: #0f0 !important;
}
.CodeMirror-nonmatchingbracket {
    background-color: none;
    border-bottom: 1px solid #F33;
    color: #F33;
}

.CodeMirror-overwrite .CodeMirror-cursor {
    border-left: none !important;
    border-bottom: 1px solid #fff;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
*/
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }
    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }
    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: #767676;
    }
    .CodeMirror-focused .CodeMirror-activeline-background {
        background: #2f2f2f;
    }
    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: rgba(0, 0, 0, 0.2);
            color: #fff;
        }
    }
}

.image-view,
.not-editor {
    background-color: @background;
}
.view-pane .image-view {
    color: @foreground;
}