Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
An Advanced Scripts snippet to enhance the Oxygen code editor theme
/*
Title: Oxygen Code Editor Theme
Type: CSS > Compile SCSS Code
Location: Custom Hooks
Hook name: oxygen_enqueue_ui_scripts
Priority: 10
*/
#oxygen-ui {
.cm-s-default {
&.CodeMirror {
background-color: #263238 !important;
color: rgba(233, 237, 237, 1) !important;
}
.CodeMirror-gutters {
background: #263238 !important;
color: rgb(83, 127, 126) !important;
border: none !important;
}
.CodeMirror-guttermarker,
.CodeMirror-guttermarker-subtle,
.CodeMirror-linenumber {
color: rgb(83, 127, 126);
}
.CodeMirror-cursor {
border-left: 1px solid #f8f8f0;
}
div.CodeMirror-selected,
&.CodeMirror-focused div.CodeMirror-selected,
.CodeMirror-line::selection,
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::selection,
.CodeMirror-line > span > span::-moz-selection {
background: rgba(255, 255, 255, 0.15) !important;
}
.CodeMirror-activeline-background {
background: rgba(0, 0, 0, 0.2);
}
.cm-keyword {
color: rgba(199, 146, 234, 1);
}
.cm-operator {
color: rgba(233, 237, 237, 1);
}
.cm-variable-2 {
color: #80cbc4;
}
.cm-variable-3,
.cm-type {
color: #82b1ff;
}
.cm-builtin {
color: #decb6b;
}
.cm-atom {
color: #f77669;
}
.cm-number {
color: #f77669;
}
.cm-def {
color: rgba(233, 237, 237, 1);
}
.cm-string {
color: #c3e88d;
}
.cm-string-2 {
color: #80cbc4;
}
.cm-comment {
color: #dcedc8;
}
.cm-variable {
color: #82b1ff;
}
.cm-tag {
color: #80cbc4;
}
.cm-meta {
color: #80cbc4;
}
.cm-attribute {
color: #ffcb6b;
}
.cm-property {
color: #80cbae;
}
.cm-qualifier {
color: #decb6b;
}
.cm-variable-3,
.cm-type {
color: #decb6b;
}
.cm-tag {
color: rgba(255, 83, 112, 1);
}
.cm-error {
color: rgba(255, 255, 255, 1);
background-color: #ec5f67;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment