owncast/web/styles/globals.scss
2021-01-27 01:46:08 -08:00

79 lines
1.6 KiB
SCSS

@import "~antd/dist/antd.dark";
html,
body {
padding: 0;
margin: 0;
font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 16px;
background-color: #1f1f21;
}
a {
color: inherit;
text-decoration: none;
color: rgba(90,103,216,1);
}
* {
box-sizing: border-box;
}
p {
font-weight: 300;
}
pre {
display: block;
padding: 1rem;
margin: .5rem 0;
background-color: rgb(44, 44, 44);
color:lightgrey;
}
code {
color: var(--owncast-purple);
}
// markdown editor overrides
.rc-virtual-list-scrollbar {
display: block !important;
}
.rc-md-editor {
// Set the background color of the preview container
.editor-container {
background-color: #E2E8F0;
color: rgba(45,55,72,1);
}
// Custom CSS for formatting the preview text
.markdown-editor-preview-pane {
// color:lightgrey;
a {
color: var(--owncast-purple);;
}
h1 {
font-size: 2em;
}
}
// Custom CSS class used to format the text of the editor
.markdown-editor-pane {
color: white !important;
background-color: black;
font-family: monospace;
}
// Set the background color of the editor text input
textarea {
background-color: rgb(44,44,44) !important;
color:lightgrey !important;
}
// 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;
}
}