.ace_gutter-cell{ padding-left: 20px; padding-right: 16px !important; } .ace_editor, .jsoneditor{ border-radius: 4px; } .ace_editor{ min-height: 300px; } .jsoneditor { border: 0; } /* light theme */ .ace-dawn .ace_gutter { background: #ebebeb; color: #333 } .ace-dawn .ace_print-margin { width: 1px; background: #e8e8e8 } .ace-dawn { background-color: #F9F9F9; color: #080808 } .ace-dawn .ace_cursor { color: #000000 } .ace-dawn .ace_marker-layer .ace_selection { background: rgba(39, 95, 255, 0.30) } .ace-dawn.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #F9F9F9; } .ace-dawn .ace_marker-layer .ace_step { background: rgb(255, 255, 0) } .ace-dawn .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(75, 75, 126, 0.50) } .ace-dawn .ace_marker-layer .ace_active-line { background: rgba(36, 99, 180, 0.12) } .ace-dawn .ace_gutter-active-line { background-color : #dcdcdc } .ace-dawn .ace_marker-layer .ace_selected-word { border: 1px solid rgba(39, 95, 255, 0.30) } .ace-dawn .ace_invisible { color: rgba(75, 75, 126, 0.50) } .ace-dawn .ace_keyword, .ace-dawn .ace_meta { color: #794938 } .ace-dawn .ace_constant, .ace-dawn .ace_constant.ace_character, .ace-dawn .ace_constant.ace_character.ace_escape, .ace-dawn .ace_constant.ace_other { color: #811F24 } .ace-dawn .ace_invalid.ace_illegal { text-decoration: underline; font-style: italic; color: #F8F8F8; background-color: #B52A1D } .ace-dawn .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #B52A1D } .ace-dawn .ace_support { color: #691C97 } .ace-dawn .ace_support.ace_constant { color: #B4371F } .ace-dawn .ace_fold { background-color: #794938; border-color: #080808 } .ace-dawn .ace_list, .ace-dawn .ace_markup.ace_list, .ace-dawn .ace_support.ace_function { color: #693A17 } .ace-dawn .ace_storage { font-style: italic; color: #A71D5D } .ace-dawn .ace_string { color: #0B6125 } .ace-dawn .ace_string.ace_regexp { color: #CF5628 } .ace-dawn .ace_comment { font-style: italic; color: #5A525F } .ace-dawn .ace_heading, .ace-dawn .ace_markup.ace_heading { color: #19356D } .ace-dawn .ace_variable { color: #234A97 } .ace-dawn .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYLh/5+x/AAizA4hxNNsZAAAAAElFTkSuQmCC) right repeat-y } .ace-dawn .ace_indent-guide-active { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y; } /* dark theme */ .ace-nord-dark .ace_gutter { color: #616e88; } .ace-nord-dark .ace_print-margin { width: 1px; background: #4c566a; } .ace-nord-dark { background-color: #2e3440; color: #d8dee9; } .ace-nord-dark .ace_entity.ace_other.ace_attribute-name, .ace-nord-dark .ace_storage { color: #d8dee9; } .ace-nord-dark .ace_cursor { color: #d8dee9; } .ace-nord-dark .ace_string.ace_regexp { color: #bf616a; } .ace-nord-dark .ace_marker-layer .ace_active-line { background: #434c5ecc; } .ace-nord-dark .ace_marker-layer .ace_selection { background: #434c5ecc; } .ace-nord-dark.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #2e3440; } .ace-nord-dark .ace_marker-layer .ace_step { background: #ebcb8b; } .ace-nord-dark .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid #88c0d066; } .ace-nord-dark .ace_gutter-active-line { background-color: #434c5ecc; } .ace-nord-dark .ace_marker-layer .ace_selected-word { border: 1px solid #88c0d066; } .ace-nord-dark .ace_invisible { color: #4c566a; } .ace-nord-dark .ace_keyword, .ace-nord-dark .ace_meta, .ace-nord-dark .ace_support.ace_class, .ace-nord-dark .ace_support.ace_type { color: #81a1c1; } .ace-nord-dark .ace_constant.ace_character, .ace-nord-dark .ace_constant.ace_other { color: #d8dee9; } .ace-nord-dark .ace_constant.ace_language { color: #5e81ac; } .ace-nord-dark .ace_constant.ace_escape { color: #ebcB8b; } .ace-nord-dark .ace_constant.ace_numeric { color: #b48ead; } .ace-nord-dark .ace_fold { background-color: #4c566a; border-color: #d8dee9; } .ace-nord-dark .ace_entity.ace_name.ace_function, .ace-nord-dark .ace_entity.ace_name.ace_tag, .ace-nord-dark .ace_support.ace_function, .ace-nord-dark .ace_variable, .ace-nord-dark .ace_variable.ace_language { color: #8fbcbb; } .ace-nord-dark .ace_string { color: #a3be8c; } .ace-nord-dark .ace_comment { color: #616e88; } .ace-nord-dark .ace_indent-guide { box-shadow: inset -1px 0 0 0 #434c5eb3; } .ace-nord-dark .ace_indent-guide-active { box-shadow: inset -1px 0 0 0 #8395b8b3; }