.EasyMDEContainer .CodeMirror {
color: var(--color-input-text);
background-color: var(--color-input-background);
border-color: var(--color-secondary);
font: 14px var(--fonts-monospace);
.CodeMirror-cursor {
border-left: 1px solid var(--color-input-text);
}
&.cm-s-default {
border-radius: 3px;
padding: 0 !important;
.cm-comment {
background: inherit !important;
.repository.file.editor .tab[data-tab="write"] {
.repository.file.editor .tab[data-tab="write"] .editor-toolbar {
border: 0 !important;
.repository.file.editor .tab[data-tab="write"] .CodeMirror {
border-left: 0;
border-right: 0;
border-bottom: 0;
.editor-toolbar {
opacity: 1 !important;
.editor-toolbar button {
border: none !important;
color: var(--color-text-light);
.editor-toolbar button:not(:hover) {
background-color: transparent !important;
.editor-toolbar i.separator {
border-left: none;
border-right-color: var(--color-secondary);
.editor-toolbar button:hover {
background: var(--color-hover);
.editor-toolbar button.active {
background: var(--color-active);
.editor-loading {
padding: 1rem;
text-align: center;
.edit-diff {
.edit-diff > div > .ui.table {
border-top: none !important;
border-bottom: none !important;
border-left: 1px solid var(--color-secondary) !important;
border-right: 1px solid var(--color-secondary) !important;
.monaco-editor-container {
width: 100%;
min-height: 200px;
height: 90vh;
/* overwrite conflicting styles from fomantic */
.monaco-editor-container .inputarea {
min-height: 0 !important;
margin: 0 !important;
resize: none !important;
color: transparent !important;
.edit.githook .monaco-editor-container {
border: 1px solid var(--color-secondary);
height: 70vh;