theme-grafana-dark.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. ace.define(
  2. 'ace/theme/grafana-dark',
  3. ['require', 'exports', 'module', 'ace/lib/dom'],
  4. function (acequire, exports, module) {
  5. 'use strict';
  6. exports.isDark = true;
  7. exports.cssClass = 'gf-code-dark';
  8. exports.cssText =
  9. '.gf-code-dark .ace_gutter {\
  10. background: #2f3129;\
  11. color: #8f908a\
  12. }\
  13. .gf-code-dark .ace_print-margin {\
  14. width: 1px;\
  15. background: #555651\
  16. }\
  17. .gf-code-dark {\
  18. background-color: #09090b;\
  19. color: #e0e0e0\
  20. }\
  21. .gf-code-dark .ace_cursor {\
  22. color: #f8f8f0\
  23. }\
  24. .gf-code-dark .ace_marker-layer .ace_selection {\
  25. background: #49483e\
  26. }\
  27. .gf-code-dark.ace_multiselect .ace_selection.ace_start {\
  28. box-shadow: 0 0 3px 0px #272822;\
  29. }\
  30. .gf-code-dark .ace_marker-layer .ace_step {\
  31. background: rgb(102, 82, 0)\
  32. }\
  33. .gf-code-dark .ace_marker-layer .ace_bracket {\
  34. margin: -1px 0 0 -1px;\
  35. border: 1px solid #49483e\
  36. }\
  37. .gf-code-dark .ace_marker-layer .ace_active-line {\
  38. background: #202020\
  39. }\
  40. .gf-code-dark .ace_gutter-active-line {\
  41. background-color: #272727\
  42. }\
  43. .gf-code-dark .ace_marker-layer .ace_selected-word {\
  44. border: 1px solid #49483e\
  45. }\
  46. .gf-code-dark .ace_invisible {\
  47. color: #52524d\
  48. }\
  49. .gf-code-dark .ace_entity.ace_name.ace_tag,\
  50. .gf-code-dark .ace_keyword,\
  51. .gf-code-dark .ace_meta.ace_tag,\
  52. .gf-code-dark .ace_storage {\
  53. color: #66d9ef\
  54. }\
  55. .gf-code-dark .ace_punctuation,\
  56. .gf-code-dark .ace_punctuation.ace_tag {\
  57. color: #fff\
  58. }\
  59. .gf-code-dark .ace_constant.ace_character,\
  60. .gf-code-dark .ace_constant.ace_language,\
  61. .gf-code-dark .ace_constant.ace_numeric,\
  62. .gf-code-dark .ace_constant.ace_other {\
  63. color: #fe85fc\
  64. }\
  65. .gf-code-dark .ace_invalid {\
  66. color: #f8f8f0;\
  67. background-color: #f92672\
  68. }\
  69. .gf-code-dark .ace_invalid.ace_deprecated {\
  70. color: #f8f8f0;\
  71. background-color: #ae81ff\
  72. }\
  73. .gf-code-dark .ace_support.ace_constant,\
  74. .gf-code-dark .ace_support.ace_function {\
  75. color: #59e6e3\
  76. }\
  77. .gf-code-dark .ace_fold {\
  78. background-color: #a6e22e;\
  79. border-color: #f8f8f2\
  80. }\
  81. .gf-code-dark .ace_storage.ace_type,\
  82. .gf-code-dark .ace_support.ace_class,\
  83. .gf-code-dark .ace_support.ace_type {\
  84. font-style: italic;\
  85. color: #66d9ef\
  86. }\
  87. .gf-code-dark .ace_entity.ace_name.ace_function,\
  88. .gf-code-dark .ace_entity.ace_other,\
  89. .gf-code-dark .ace_entity.ace_other.ace_attribute-name,\
  90. .gf-code-dark .ace_variable {\
  91. color: #a6e22e\
  92. }\
  93. .gf-code-dark .ace_variable.ace_parameter {\
  94. font-style: italic;\
  95. color: #fd971f\
  96. }\
  97. .gf-code-dark .ace_string {\
  98. color: #74e680\
  99. }\
  100. .gf-code-dark .ace_paren {\
  101. color: #f0a842\
  102. }\
  103. .gf-code-dark .ace_operator {\
  104. color: #FFF\
  105. }\
  106. .gf-code-dark .ace_comment {\
  107. color: #75715e\
  108. }\
  109. .gf-code-dark .ace_indent-guide {\
  110. background: url(data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaaccayaaaczgbynaaaaekleqvqimwpq0fd0zxbzd/wpaajvaoxesgneaaaaaelftksuqmcc) right repeat-y\
  111. }';
  112. var dom = acequire('../lib/dom');
  113. dom.importCssString(exports.cssText, exports.cssClass);
  114. }
  115. );