You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
2.9 KiB
148 lines
2.9 KiB
@import "~antd/dist/antd.dark"; |
|
|
|
$owncast-purple: rgba(90,103,216,1); |
|
|
|
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); |
|
} |
|
|
|
.owncast-layout .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { |
|
background-color: $owncast-purple; |
|
} |
|
// GENERAL ANT FORM OVERRIDES |
|
.ant-layout, |
|
.ant-layout-footer, |
|
.ant-menu, |
|
.ant-menu.ant-menu-dark { |
|
background-color: transparent; |
|
} |
|
.ant-layout-header, |
|
.ant-layout-sider { |
|
background-color: #07050d; |
|
} |
|
.ant-menu-dark .ant-menu-inline.ant-menu-sub { |
|
// background-color: rgba(255,255,255,.05); |
|
background-color: #140028; |
|
} |
|
.ant-card { |
|
border-radius: .5em; |
|
} |
|
.ant-input-affix-wrapper { |
|
border-radius: 5px; |
|
background-color: rgba(255,255,255,.1); |
|
|
|
textarea { |
|
border-radius: 5px; |
|
} |
|
input { |
|
background-color: transparent; |
|
} |
|
} |
|
.ant-btn-primary:hover, .ant-btn-primary:focus { |
|
background-color: white; |
|
color: #40a9ff; |
|
} |
|
.ant-btn.ant-btn-primary:focus { |
|
border-color: white; |
|
|
|
} |
|
.ant-input-affix-wrapper, |
|
.ant-btn { |
|
transition-delay: 0s; |
|
transition-duration: 0.15s; |
|
} |
|
.ant-table-thead > tr > th, |
|
.ant-table-small .ant-table-thead > tr > th { |
|
background-color: #000; |
|
} |
|
.ant-modal-content { |
|
border-radius: 6px; |
|
} |
|
.ant-modal-header { |
|
background-color: #1c173d; |
|
border-radius: 6px 6px 0 0; |
|
} |
|
.ant-modal-title { |
|
font-weight: bold; |
|
font-size: 1.5em; |
|
} |
|
|
|
|
|
|
|
.ant-select-dropdown { |
|
background-color: #334; |
|
} |
|
.rc-virtual-list-scrollbar { |
|
display: block !important; |
|
} |
|
|
|
|
|
// markdown editor overrides |
|
|
|
.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: $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; |
|
} |
|
} |