themes/boodark/scss/_codemirror.scss at 4d44bbdf9754c69db6e496ffdfa67bda26ac4b4e · phpmyadmin/themes · 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
// CodeMirror

$textarea-cols: 40;
$textarea-rows: 15;

.CodeMirror {
  height: 20rem;
  direction: ltr;
  color: $codemirror-color;
  background-color: $body-bg;
  border: $card-border-width solid $pma-component-bg;

  @include border-radius($card-border-radius);

  &-cursor {
    border-left: 1px solid $codemirror-color;
  }

  &-hint {
    color: $codemirror-color;
  }

  &-hints {
    color: $codemirror-color;
    background: $codemirror-bg;
    z-index: 1999;
  }

  &-lint-tooltip {
    z-index: 200;
    font-family: inherit;

    code {
      font-family: monospace;
      font-weight: bold;
    }
  }

  &-gutters {
    border-right: 1px solid $codemirror-gutters;
    background-color: $codemirror-gutters;
  }
}

#inline_editor_outer .CodeMirror {
  height: ceil($textarea-rows * .4em);
}

.insertRowTable .CodeMirror {
  min-height: ceil($textarea-rows * .6em);
  min-width: ceil($textarea-cols * .6em);
  border: 1px solid #a9a9a9;
}

#pma_console .CodeMirror-gutters {
  background-color: initial;
  border: none;
}

// CodeMirror dracula theme
// https://codemirror.net/5/theme/dracula.css
.cm-s-default {
  .cm-keyword, .cm-statement-verb { color: #ff79c6; }
  .cm-variable { color: #50fa7b; }
  .cm-comment { color: #6272a4; }
  .cm-mysql-string { color: #008000; }
  .cm-operator { color: #ff79c6; }
  .cm-mysql-word { color: white; }
  .cm-builtin { color: #50fa7b; }
  .cm-variable-2 { color: white; }
  .cm-variable-3 { color: #ffb86c; }
  .cm-separator { color: fuchsia; }
  .cm-number { color: #bd93f9; }
}

.autocomplete-column-name {
  display: inline-block;
}

.autocomplete-column-hint {
  display: inline-block;
  float: right;
  color: #666;
  margin-left: 1em;
}