owncast/web/styles/markdown-editor.scss
2021-02-16 05:24:11 +00:00

71 lines
1.5 KiB
SCSS

// markdown editor overrides
.rc-virtual-list-scrollbar {
display: block !important;
}
.rc-md-editor {
border-color: var(--black) !important;
border: 1px solid var(--black);
background-color: var(--black) !important;
.rc-md-navigation {
background-color: var(--black);
border-color: var(--black);
}
// Set the background color of the preview container
.editor-container {
p {
color: var(--black-75);
}
background-color: rgba(226, 232, 240, 1) !important;
.sec-html {
background-color: white;
pre,
code {
background-color: #eee;
color: #900;
}
}
}
// Custom CSS for formatting the preview text
.markdown-editor-preview-pane {
color: var(--black-75);
a {
color: var(--owncast-purple);
}
h1 {
font-size: 2em;
}
}
// Custom CSS class used to format the text of the editor
.markdown-editor-pane {
color: rgba(255, 255, 255, 0.85) !important;
border-color: black !important;
background-color: black;
font-family: monospace;
}
// Set the background color of the editor text input
textarea {
background-color: var(--gray) !important;
color: rgba(255, 255, 255, 0.5) !important;
overflow: auto;
}
// Hide extra toolbar buttons.
.button-type-undo,
.button-type-redo,
.button-type-clear,
.button-type-image,
.button-type-wrap,
.button-type-quote,
.button-type-strikethrough,
.button-type-code-inline,
.button-type-code-block {
display: none !important;
}
}