├── screenshot └── Screen.JPG ├── README.md ├── package.json └── main.css /screenshot/Screen.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hosein2398/Crimson/master/screenshot/Screen.JPG -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Crismon Theme 2 | ============================================== 3 | Simple theme for Brackets 4 | 5 | 6 | ### Supported Languages: 7 | - **HTML,XML** 8 | - **CSS, SCSS, SASS** 9 | - **JavaScript** 10 | 11 | Installation 12 | --- 13 | 14 | 1. Open Brackets 15 | 2. Open the Extension Manager 16 | 3. Switch to "Themes" tab 17 | 4. Search for "Monokai" 18 | 5. Click "Install" 19 | 20 | ## Screenshot 21 | ![alt text](https://github.com/hosein2398/Crimson/blob/master/screenshot/Screen.JPG) 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Crismon", 3 | "name": "crismon", 4 | "description": "Purplish Brackets theme.", 5 | "homepage": "https://github.com/hosein2398/Crimson", 6 | "version": "1.1.0", 7 | "author": "Hosein2398 (https://github.com/hosein2398)", 8 | "license": "MIT", 9 | "engines": { 10 | "brackets": ">=1.1.0" 11 | }, 12 | "theme": { 13 | "file": "main.css", 14 | "dark": true, 15 | "addModeClass": true 16 | }, 17 | "keywords": ["theme", "Crimson", "purple"] 18 | } 19 | -------------------------------------------------------------------------------- /main.css: -------------------------------------------------------------------------------- 1 | /* SWATCHES --------------------------------------------------------------------- */ 2 | 3 | span.cm-builtin { color: #e8e3e6; } 4 | span.cm-def { color: #e8e3e6; } 5 | span.cm-header { color: #e8e3e6; } 6 | span.cm-meta { color: #e8e3e6; } 7 | span.cm-operator { color: #e8e3e6; } 8 | span.cm-qualifier { color: #e8e3e6; } 9 | 10 | span.cm-atom { color: #d6b42c; } 11 | span.cm-link { color: #d6b42c; } 12 | span.cm-number { color: #d6b42c; } 13 | span.cm-string { color: #5ca322; } 14 | span.cm-string-2 { color: #d6b42c; } 15 | span.cm-variable-2 { color: #d6b42c; } 16 | span.cm-variable-3 { color: #d6b42c; } 17 | 18 | span.cm-bracket { color: #75bfbf; } 19 | span.cm-tag { color: #75bfbf; } 20 | 21 | span.cm-attribute { color: #d65a2c; } 22 | span.cm-property { color: #d65a2c; } 23 | 24 | span.cm-comment { color: #8a917f; } 25 | span.cm-error { color: #ff98ca; } 26 | span.cm-keyword { color: #75bfbf; } 27 | span.cm-variable { color: #ffb51e; } 28 | 29 | 30 | /* MISC ---------------------------------------------------------------------- */ 31 | 32 | .CodeMirror, 33 | .CodeMirror .CodeMirror-scroll { 34 | background:#330216; 35 | color: #5ca322; 36 | } 37 | 38 | .CodeMirror-cursor { 39 | border-left: 1px solid #fff !important; 40 | } 41 | 42 | .CodeMirror-overwrite .CodeMirror-cursor { 43 | border-bottom: 1px solid #fff !important; 44 | border-left: none !important; 45 | } 46 | 47 | .CodeMirror-gutters { 48 | background: #330216; 49 | border-right: 1px solid #3a3b3e; 50 | } 51 | 52 | .CodeMirror-linenumber { 53 | color: #5b626f; 54 | } 55 | 56 | .CodeMirror-selected { 57 | background: #005a5a; 58 | } 59 | 60 | /* Active Line */ 61 | 62 | .CodeMirror-activeline-background { 63 | background: #1f2122 !important; 64 | } 65 | 66 | .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { 67 | color: #fff; 68 | background-color: transparent !important; 69 | } 70 | 71 | /* Matching Brackets and Tags */ 72 | 73 | .CodeMirror-matchingbracket { 74 | background: #039ba0 !important; 75 | color: #fff !important; 76 | } 77 | 78 | .CodeMirror-matchingtag { 79 | background: #039ba0 !important; 80 | } 81 | 82 | .CodeMirror-focused .CodeMirror-activeline .CodeMirror-nonmatchingbracket { 83 | color: #ff50a5 !important; 84 | } 85 | 86 | /* Search Match */ 87 | 88 | /* 89 | .CodeMirror-searching { 90 | background-color: #ffcd2d; 91 | color: #000 !important; 92 | } 93 | 94 | .CodeMirror-searching.searching-current-match { 95 | background-color: #ff8500; 96 | } 97 | */ 98 | 99 | /* Non-editor styling */ 100 | 101 | #image-holder, 102 | #not-editor { 103 | background-color: #2d2e30; 104 | } 105 | 106 | #image-holder { 107 | color: #dbe3c9; 108 | } 109 | --------------------------------------------------------------------------------