1
0
Pārlūkot izejas kodu

add darcula theme file

Benjamin Van Ryseghem 11 gadi atpakaļ
vecāks
revīzija
a6aaab4065
2 mainītis faili ar 125 papildinājumiem un 1 dzēšanām
  1. 124 0
      css/darcula.css
  2. 1 1
      support/codemirror-inner.js

+ 124 - 0
css/darcula.css

@@ -0,0 +1,124 @@
+.cm-s-darcula.CodeMirror {
+	background-color: #444;
+    color:#ccc;
+    padding-left: 8px;
+}
+.cm-s-darcula .CodeMirror-sizer{
+	padding-bottom: 90px;
+}
+
+.cm-s-darcula .CodeMirror-scroll{
+	margin-right: 5px;
+	border-color: #202020;
+}
+.cm-s-darcula .CodeMirror-vscrollbar{
+	overflow-y: hidden;
+}
+.cm-s-darcula ::-webkit-scrollbar {
+    width: 10px;
+}
+.cm-s-darcula ::-webkit-scrollbar-track {
+    background: transparent;
+}
+.cm-s-darcula ::-webkit-scrollbar-thumb {
+    background: rgba(255,255,255,.2);
+    border-radius: 5px;
+}
+.cm-s-darcula ::-webkit-scrollbar-thumb:hover{
+	background: rgba(255,255,255,.3);
+}
+.cm-s-darcula ::-webkit-scrollbar-thumb:active{
+	background: rgba(255,255,255,.4);
+}
+
+.cm-s-darcula.CodeMirror .inline-widget{
+	background: #272727;
+	color: #ccc;
+}
+.cm-s-darcula.CodeMirror .inline-widget h1,
+.cm-s-darcula.CodeMirror .inline-widget h2,
+.cm-s-darcula.CodeMirror .inline-widget h3{
+	color: #ccc;
+}
+.cm-s-darcula.CodeMirror .inline-widget p,
+.cm-s-darcula.CodeMirror .inline-widget dt,
+.cm-s-darcula.CodeMirror .inline-widget li,
+.cm-s-darcula.CodeMirror .inline-widget code{
+	color: #fff;
+}
+.cm-s-darcula.CodeMirror .CodeMirror-gutters {
+    border-color: #202020;
+    background: #202020;
+}
+.cm-s-darcula.CodeMirror .CodeMirror-linenumbers {
+	background-color: #202020;
+}
+.cm-s-darcula.CodeMirror .CodeMirror-linenumber {
+	color: #99997a;
+	padding-left: 15px;
+}
+.cm-s-darcula.CodeMirror .CodeMirror-activeline,
+.cm-s-darcula.CodeMirror.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt{
+	background: rgba(255,255,255,.1);
+}
+.cm-s-darcula.CodeMirror pre{
+	/*padding between line number & content*/
+	padding: 0 8px;
+}
+
+.cm-s-darcula.CodeMirror .CodeMirror-cursor {
+	border-left: 1px solid #ffffff;
+}
+.cm-s-darcula.CodeMirror .CodeMirror-selected {
+	background: rgba(255,255,255,.2);
+}
+
+.cm-s-darcula.CodeMirror .CodeMirror-matchingbracket {
+	border-bottom: 1px solid #33ffff;
+    color: #ccc19b;
+}
+.cm-s-darcula.CodeMirror .CodeMirror-unmatchingbracket {
+	border-bottom: 1px solid #cb3233;
+    color: #cb3233;
+}
+
+
+.cm-s-darcula.CodeMirror .cm-comment {
+    color: #929283;
+}
+.cm-s-darcula.CodeMirror .cm-property {
+    color: #cbaaf5;
+}
+.cm-s-darcula.CodeMirror .cm-qualifier {
+    color: #aaeeab;
+}
+.cm-s-darcula.CodeMirror .cm-tag {
+    color: #7ac1ff;
+}
+.cm-s-darcula.CodeMirror .cm-def {
+    color: #b8c4cf;
+}
+.cm-s-darcula.CodeMirror .cm-number {
+    color: #ccccab;
+}
+.cm-s-darcula.CodeMirror .cm-atom {
+    color: #cc9dc7;
+}
+.cm-s-darcula.CodeMirror .cm-keyword{
+    color: #ff6c6b;
+}
+.cm-s-darcula.CodeMirror .cm-string{
+    color: #789771;
+}
+.cm-s-darcula.CodeMirror .cm-string-2{
+    color: #7ad1dd;
+}
+.cm-s-darcula.CodeMirror .cm-variable {
+    color: #ffcd8e;
+}
+.cm-s-darcula.CodeMirror .cm-variable-2 {
+    color: #aaccff;
+}
+.cm-s-darcula.CodeMirror .cm-attribute {
+    color: #83e1b2;
+}

+ 1 - 1
support/codemirror-inner.js

@@ -7,7 +7,7 @@ define([
     'amber_lib/codemirror/mode/smalltalk/smalltalk',
     'amber_lib/codemirror/addon/hint/show-hint',
     'css!amber_lib/codemirror/theme/ambiance',
-    'css!amber_lib/codemirror/theme/darcula',
+    'css!amber_css/darcula',
     'css!amber_lib/codemirror/lib/codemirror',
     'css!amber_lib/codemirror/addon/hint/show-hint'
 ]);