github.com/thomasobenaus/nomad@v0.11.1/ui/app/styles/components/codemirror.scss (about)

     1  $dark-bright: lighten($dark, 15%);
     2  
     3  .CodeMirror {
     4    height: auto;
     5  }
     6  
     7  .CodeMirror-scroll {
     8    min-height: 500px;
     9  }
    10  
    11  .cm-s-hashi,
    12  .cm-s-hashi-read-only {
    13    &.CodeMirror {
    14      background-color: $dark-3;
    15      color: $grey-blue;
    16      border: none;
    17      font-family: $family-monospace;
    18      -webkit-font-smoothing: auto;
    19      line-height: 1.4;
    20    }
    21  
    22    .CodeMirror-gutters {
    23      background-color: $dark-2;
    24      border: none;
    25    }
    26  
    27    .CodeMirror-cursor {
    28      border-left: solid thin $white-ter;
    29    }
    30  
    31    .CodeMirror-linenumber {
    32      color: $dark-bright;
    33    }
    34  
    35    &.CodeMirror-focused div.CodeMirror-selected {
    36      background: rgba(255, 255, 255, 0.1);
    37    }
    38  
    39    .CodeMirror-line::selection,
    40    .CodeMirror-line > span::selection,
    41    .CodeMirror-line > span > span::selection {
    42      background: rgba(255, 255, 255, 0.1);
    43    }
    44  
    45    span.cm-comment {
    46      color: $grey;
    47    }
    48  
    49    span.cm-string,
    50    span.cm-string-2 {
    51      color: $nomad-green;
    52    }
    53  
    54    span.cm-number {
    55      color: $serf-red;
    56    }
    57  
    58    span.cm-variable {
    59      color: $packer-blue;
    60    }
    61  
    62    span.cm-variable-2 {
    63      color: $packer-blue;
    64    }
    65  
    66    span.cm-def {
    67      color: $nomad-green;
    68    }
    69  
    70    span.cm-operator {
    71      color: $grey;
    72    }
    73    span.cm-keyword {
    74      color: $yellow;
    75    }
    76  
    77    span.cm-atom {
    78      color: $terraform-purple-bright;
    79    }
    80  
    81    span.cm-meta {
    82      color: $nomad-green;
    83    }
    84  
    85    span.cm-tag {
    86      color: $nomad-green;
    87    }
    88  
    89    span.cm-attribute {
    90      color: $consul-pink;
    91    }
    92  
    93    span.cm-qualifier {
    94      color: $consul-pink;
    95    }
    96  
    97    span.cm-property {
    98      color: $nomad-green;
    99    }
   100  
   101    span.cm-variable-3 {
   102      color: $consul-pink;
   103    }
   104  
   105    span.cm-builtin {
   106      color: $consul-pink;
   107    }
   108  
   109    .CodeMirror-activeline-background {
   110      background: $black-ter;
   111    }
   112  
   113    .CodeMirror-matchingbracket {
   114      text-decoration: underline;
   115      color: $white;
   116    }
   117  }
   118  
   119  .cm-s-auto-height.CodeMirror {
   120    height: auto;
   121  }
   122  
   123  .cm-s-hashi-read-only {
   124    &.CodeMirror {
   125      background-color: $dark-2;
   126    }
   127  
   128    .CodeMirror-gutters {
   129      background-color: $dark-2;
   130    }
   131  }