Skip to content

Instantly share code, notes, and snippets.

@Peter-Juhasz
Last active August 18, 2016 19:50
Show Gist options
  • Save Peter-Juhasz/4edbe0c17abf7f9af552 to your computer and use it in GitHub Desktop.
Save Peter-Juhasz/4edbe0c17abf7f9af552 to your computer and use it in GitHub Desktop.
Visual Studio Theme for Monaco Editor
.monaco-editor .current-line {
background: none !important;
border: none !important;
}
.monaco-editor .cursors-layer > .cursor {
width: 1px !important;
}
.monaco-editor .bracket-match {
box-shadow: none !important;
}
.monaco-editor .token.delimiter {
color: black !important;
}
.monaco-editor .token.number {
color: black !important;
}
.monaco-editor .token.keyword.flow {
color: blue !important;
}
.monaco-editor .selections-layer,
.monaco-editor .selected-text {
border-radius: 0 !important;
}
.monaco-editor .wordHighlight {
background-color: rgba(219, 224, 204, 1);
opacity: 0.5;
}
.monaco-editor .wordHighlightStrong {
background-color: rgba(219, 224, 204, 1);
border: 1px solid #888;
opacity: 0.5;
}
.monaco-editor .selectionHighlight {
background: none;
}
.monaco-action-bar.vertical .action-label.separator {
margin-left: 0;
margin-right: 0 !important;
}
.monaco-action-bar .action-item:hover {
background: #FDF4BF !important;
}
.monaco-action-bar .action-item.separator:hover {
background: inherit !important;
}
.monaco-action-bar .action-item.disabled:hover {
background: inherit !important;
}
.suggest-widget {
background-color: #FFF !important;
box-shadow: 5px 5px 5px #888 !important;
}
.suggest-widget .highlight {
font-weight: normal !important;
color: #000 !important;
}
.suggest-widget .monaco-tree-row.focused {
background-color: rgb(253,236, 184) !important;
}
.context-view.monaco-menu-container {
background: #EAF0FF;
}
.quickfix-widget {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.quickfix-widget .monaco-tree-row {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment