ambiance.css 2.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /* ambiance theme for codemirror */
  2. /* Color scheme */
  3. .cm-s-ambiance .cm-keyword { color: #cda869; }
  4. .cm-s-ambiance .cm-atom { color: #CF7EA9; }
  5. .cm-s-ambiance .cm-number { color: #78CF8A; }
  6. .cm-s-ambiance .cm-def { color: #aac6e3; }
  7. .cm-s-ambiance .cm-variable { color: #ffb795; }
  8. .cm-s-ambiance .cm-variable-2 { color: #eed1b3; }
  9. .cm-s-ambiance .cm-variable-3 { color: #faded3; }
  10. .cm-s-ambiance .cm-property { color: #eed1b3; }
  11. .cm-s-ambiance .cm-operator {color: #fa8d6a;}
  12. .cm-s-ambiance .cm-comment { color: #555; font-style:italic; }
  13. .cm-s-ambiance .cm-string { color: #8f9d6a; }
  14. .cm-s-ambiance .cm-string-2 { color: #9d937c; }
  15. .cm-s-ambiance .cm-meta { color: #D2A8A1; }
  16. .cm-s-ambiance .cm-qualifier { color: yellow; }
  17. .cm-s-ambiance .cm-builtin { color: #9999cc; }
  18. .cm-s-ambiance .cm-bracket { color: #24C2C7; }
  19. .cm-s-ambiance .cm-tag { color: #fee4ff }
  20. .cm-s-ambiance .cm-attribute { color: #9B859D; }
  21. .cm-s-ambiance .cm-header {color: blue;}
  22. .cm-s-ambiance .cm-quote { color: #24C2C7; }
  23. .cm-s-ambiance .cm-hr { color: pink; }
  24. .cm-s-ambiance .cm-link { color: #F4C20B; }
  25. .cm-s-ambiance .cm-special { color: #FF9D00; }
  26. .cm-s-ambiance .cm-error { color: #AF2018; }
  27. .cm-s-ambiance .CodeMirror-matchingbracket { color: #0f0; }
  28. .cm-s-ambiance .CodeMirror-nonmatchingbracket { color: #f22; }
  29. .cm-s-ambiance .CodeMirror-selected {
  30. background: rgba(255, 255, 255, 0.15);
  31. }
  32. .cm-s-ambiance.CodeMirror-focused .CodeMirror-selected {
  33. background: rgba(255, 255, 255, 0.10);
  34. }
  35. /* Editor styling */
  36. .cm-s-ambiance.CodeMirror {
  37. line-height: 1.40em;
  38. font-family: Monaco, Menlo,"Andale Mono","lucida console","Courier New",monospace !important;
  39. color: #E6E1DC;
  40. background-color: #202020;
  41. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
  42. -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
  43. box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
  44. }
  45. .cm-s-ambiance .CodeMirror-gutters {
  46. background: #3D3D3D;
  47. border-right: 1px solid #4D4D4D;
  48. box-shadow: 0 10px 5px rgba(0,0,0,0.5);
  49. }
  50. .cm-s-ambiance .CodeMirror-linenumber {
  51. text-shadow: 0px 1px 1px #4d4d4d;
  52. color: #222;
  53. padding: 0 5px;
  54. }
  55. .cm-s-ambiance .CodeMirror-lines .CodeMirror-cursor {
  56. border-left: 1px solid #7991E8;
  57. }
  58. .cm-s-ambiance .CodeMirror-activeline-background {
  59. background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.031);
  60. }
  61. .cm-s-ambiance.CodeMirror,
  62. .cm-s-ambiance .CodeMirror-gutters {
  63. background: #333;
  64. }