owncast/web/styles/markdown-editor.scss

65 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 {
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,.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,.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;
}
}