mirror of
https://github.com/owncast/owncast.git
synced 2024-10-24 21:45:59 +03:00
136 lines
No EOL
2.8 KiB
SCSS
136 lines
No EOL
2.8 KiB
SCSS
@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;
|
|
}
|
|
|
|
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: #15102a;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
} |