.ql-toolbar.ql-snow {
  border-radius: 0.2em 0.2em 0 0;
}

pre,
pre.ql-syntax,
.ql-snow .ql-editor pre.ql-syntax {
  background-color: var(--vscode-editor-background);
  background-blend-mode: multiply;
  color: var(--vscode-editor-foreground);
  padding: 5px 10px;
  border-radius: 0.2em;
  border: 1px solid var(--vscode-editorGroup-border);
}

pre.ql-syntax .line-number {
  color: grey;
}

pre.ql-syntax hr {
  background-color: var(--vscode-input-foreground);
}

.ql-toolbar.ql-snow {
  background-color: var(--vscode-input-background);
  border: none;
  padding: 2px;
}

.ql-container.ql-snow {
  border: none;
}

.ql-snow .ql-stroke {
  stroke: var(--vscode-input-foreground);
}

.ql-editor {
  border-top: 1px solid transparent;
  border-bottom: 1px solid var(--vscode-disabledForeground);
  padding: 10px;
}

.ql-editor:focus {
  border: 1px solid var(--vscode-focusBorder);
}

.textEditor {
  background-color: var(--vscode-input-background);
  width: 100%;
  height: 150px;
  resize: both;
  overflow: auto;
  border: transparent;
  border-radius: 0.2em;
  resize: vertical;
  border: 1px solid var(--vscode-input-border);
}

.ql-editor.ql-blank::before {
  color: var(--vscode-input-placeholderForeground);
  content: attr(data-placeholder);
  font-style: normal;
  left: 10px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  font-size: var(--vscode-font-size);
  font-weight: var(--vscode-font-weight);
  font-family: var(--vscode-font-family);
}

code {
  background-color: transparent;
}
