projectfluent.github.io/public/editor.css at a443910f869713c9420ea70c197d7e2ee6ccbeee · projectfluent/projectfluent.github.io · 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
106
107
108
:root {
    --code-id-color: #28afb0;
    --code-variable-color: #7b287d;
    --code-string-color: #4357ad;
    --code-comment-color: #999;
    --code-keyword-color: #96adc8;
    --code-function-color: #0470e2;
    --code-error-color: #d14;
}

.example-editor {
    background-color: var(--indent-bg-color);
    padding-top: 1.5rem;
}

.example-editor .ace_editor {
    line-height: 1.2rem;
}

.example-editor .ace_editor .ace_cursor {
    color: var(--main-accent-lighter-color);
}

.example-editor .ace_editor .ace_hidden-cursors .ace_cursor {
    color: transparent;
}

.example-editor .ace_editor .ace_gutter {
    width: 1rem;
    background-color: transparent;
}

.example-editor .ace_editor .ace_gutter-active-line {
    background-color: transparent;
}

.example-editor .ace_editor .ace_comment {
    color: var(--code-comment-color);
    font-style: italic;
}

.example-editor .ace_editor .ace_section {
    color: #666;
}

.example-editor .ace_editor .ace_message {
    color: var(--code-id-color);
    font-weight: normal;
}

.example-editor .ace_editor .ace_string {
    color: var(--code-string-color);
}

.example-editor .ace_editor .ace_number {
    color: var(--code-keyword-color);
}

.example-editor .ace_editor .ace_symbol {
    color: var(--code-keyword-color);
}

.example-editor .ace_editor .ace_variable {
    color: var(--code-variable-color);
}

.example-editor .ace_editor .ace_function {
    color: var(--code-function-color);
}

.example-editor .ace_editor .ace_invalid {
    background-color: #ffe5e5;
    color: red;
}

.example-editor .ace_editor .ace_marker-layer .ace_selection {
    background: rgb(181, 213, 255);
}

.example-editor .ace_editor .ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px white;
}

.example-editor .ace_editor.ace_nobold .ace_line>span {
    font-weight: normal !important;
}

.example-editor .ace_editor .ace_marker-layer .ace_step {
    background: rgb(252, 255, 0);
}

.example-editor .ace_editor .ace_marker-layer .ace_stack {
    background: rgb(164, 229, 101);
}

.example-editor .ace_editor .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
    border: 1px solid rgb(192, 192, 192);
}

.example-editor .ace_editor .ace_marker-layer .ace_selected-word {
    background: rgb(250, 250, 255);
    border: 1px solid rgb(200, 200, 250);
}

.example-editor .ace_editor .ace_error {
    background: #ffa5a5 !important;
}