.vscodestyles.css

.vscodestyles.css

.monaco-shell {
  font-family: "Operator Mono", "Inconsolata", monospace;
}

/* This makes the dirty tab circle yellow */
.vs-dark
  .monaco-workbench
  > .part.editor
  > .content
  > .one-editor-silo
  > .container
  > .title
  .tabs-container
  > .tab.dirty
  .close-editor-action {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16' width='16'%3E%3Ccircle fill='%23ffc600' cx='8' cy='8' r='4'/%3E%3C/svg%3E")
    50% no-repeat;
}

.monaco-workbench > .editor > .content > .one-editor-silo {
  border-top: 1px solid #15232d !important;
}

.one-editor-silo + .one-editor-silo {
  border-left: 1px solid #15232d !important;
}

/*
  This puts a thin yellow border around the found items like Sublime did it
*/
.monaco-editor .findMatch,
.monaco-editor .selectionHighlight {
  border: 1px solid #ffc600;
  border-radius: 2px;
  background: transparent;
}

/* This accounts for larger font cutting off - bump up 3px */
.monaco-workbench>.activitybar>.content .monaco-action-bar .badge .badge-content {
  top: 17px !important;
}

.type.storage,.type.storage.declaration, .storage.class.modifier {
  font-family: 'Operator Mono';
}

.type.storage.arrow.function {
  font-family: 'Fira Code'
}

.token.keyword.operator {
  font-family: 'Fira Code'
}

.decorator.name, .decorator.punctuation:not(.block), .import.keyword {
  font-family: 'Operator Mono';
}

.attribute-name {
  font-family: 'Operator Mono';
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.variable.function {
  color: rgba(249, 145, 87, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.variable.other.class.js {
  color: #d8dee9 !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.string {
  color: rgba(153, 199, 148, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.punctuation.section.embedded {
  color: rgba(249, 145, 87, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.support.class {
  color: rgba(249, 145, 87, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.meta.function-call {
  color: rgba(102, 153, 204, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.variable.function {
  color: rgba(249, 145, 87, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.entity.name.tag {
  color: rgba(235, 96, 107, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.variable.other.class.js.variable.function {
  color: rgba(249, 145, 87, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.entity.name.method.js {
  color: rgba(102, 153, 204, 1) !important;
}

.monaco-editor.vs-dark.SintrumIT-theme-oceanic-next-italic-themes-Oceanic-Next-Italic-tmTheme .token.storage.type {
    color: rgba(197, 148, 197, 1) !important;
}
/*token js meta group braces curly function entity name function-call with-arguments class body method round tag jsx embedded expression source*/