darcula.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. .cm-s-darcula.CodeMirror {
  2. background-color: #444;
  3. color:#ccc;
  4. padding-left: 8px;
  5. }
  6. .cm-s-darcula .CodeMirror-sizer{
  7. padding-bottom: 90px;
  8. }
  9. .cm-s-darcula .CodeMirror-scroll{
  10. margin-right: 5px;
  11. border-color: #202020;
  12. }
  13. .cm-s-darcula .CodeMirror-vscrollbar{
  14. overflow-y: hidden;
  15. }
  16. .cm-s-darcula ::-webkit-scrollbar {
  17. width: 10px;
  18. }
  19. .cm-s-darcula ::-webkit-scrollbar-track {
  20. background: transparent;
  21. }
  22. .cm-s-darcula ::-webkit-scrollbar-thumb {
  23. background: rgba(255,255,255,.2);
  24. border-radius: 5px;
  25. }
  26. .cm-s-darcula ::-webkit-scrollbar-thumb:hover{
  27. background: rgba(255,255,255,.3);
  28. }
  29. .cm-s-darcula ::-webkit-scrollbar-thumb:active{
  30. background: rgba(255,255,255,.4);
  31. }
  32. .cm-s-darcula.CodeMirror .inline-widget{
  33. background: #272727;
  34. color: #ccc;
  35. }
  36. .cm-s-darcula.CodeMirror .inline-widget h1,
  37. .cm-s-darcula.CodeMirror .inline-widget h2,
  38. .cm-s-darcula.CodeMirror .inline-widget h3{
  39. color: #ccc;
  40. }
  41. .cm-s-darcula.CodeMirror .inline-widget p,
  42. .cm-s-darcula.CodeMirror .inline-widget dt,
  43. .cm-s-darcula.CodeMirror .inline-widget li,
  44. .cm-s-darcula.CodeMirror .inline-widget code{
  45. color: #fff;
  46. }
  47. .cm-s-darcula.CodeMirror .CodeMirror-gutters {
  48. border-color: #202020;
  49. background: #202020;
  50. }
  51. .cm-s-darcula.CodeMirror .CodeMirror-linenumbers {
  52. background-color: #202020;
  53. }
  54. .cm-s-darcula.CodeMirror .CodeMirror-linenumber {
  55. color: #99997a;
  56. padding-left: 15px;
  57. }
  58. .cm-s-darcula.CodeMirror .CodeMirror-activeline,
  59. .cm-s-darcula.CodeMirror.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt{
  60. background: rgba(255,255,255,.1);
  61. }
  62. .cm-s-darcula.CodeMirror pre{
  63. /*padding between line number & content*/
  64. padding: 0 8px;
  65. }
  66. .cm-s-darcula.CodeMirror .CodeMirror-cursor {
  67. border-left: 1px solid #ffffff;
  68. }
  69. .cm-s-darcula.CodeMirror .CodeMirror-selected {
  70. background: rgba(255,255,255,.2);
  71. }
  72. .cm-s-darcula.CodeMirror .CodeMirror-matchingbracket {
  73. border-bottom: 1px solid #33ffff;
  74. color: #ccc19b;
  75. }
  76. .cm-s-darcula.CodeMirror .CodeMirror-unmatchingbracket {
  77. border-bottom: 1px solid #cb3233;
  78. color: #cb3233;
  79. }
  80. .cm-s-darcula.CodeMirror .cm-comment {
  81. color: #929283;
  82. }
  83. .cm-s-darcula.CodeMirror .cm-property {
  84. color: #cbaaf5;
  85. }
  86. .cm-s-darcula.CodeMirror .cm-qualifier {
  87. color: #aaeeab;
  88. }
  89. .cm-s-darcula.CodeMirror .cm-tag {
  90. color: #7ac1ff;
  91. }
  92. .cm-s-darcula.CodeMirror .cm-def {
  93. color: #b8c4cf;
  94. }
  95. .cm-s-darcula.CodeMirror .cm-number {
  96. color: #ccccab;
  97. }
  98. .cm-s-darcula.CodeMirror .cm-atom {
  99. color: #cc9dc7;
  100. }
  101. .cm-s-darcula.CodeMirror .cm-keyword{
  102. color: #ff6c6b;
  103. }
  104. .cm-s-darcula.CodeMirror .cm-string{
  105. color: #789771;
  106. }
  107. .cm-s-darcula.CodeMirror .cm-string-2{
  108. color: #7ad1dd;
  109. }
  110. .cm-s-darcula.CodeMirror .cm-variable {
  111. color: #ffcd8e;
  112. }
  113. .cm-s-darcula.CodeMirror .cm-variable-2 {
  114. color: #aaccff;
  115. }
  116. .cm-s-darcula.CodeMirror .cm-attribute {
  117. color: #83e1b2;
  118. }