night.css
@import "night/mermaid.dark.css";
@import "night/codeblock.dark.css";
@import "night/sourcemode.dark.css";
:root {
/* --bg-color: #363B40; */
--bg-color: #000;
--side-bar-bg-color: #000;
/* --side-bar-bg-color: #2E3033; */
/* --text-color: #FFF; */
--text-color: #fff;
--select-text-bg-color:#4a89dc;
--item-hover-bg-color: #0a0d16;
--control-text-color: #b7b7b7;
--control-text-hover-color: #eee;
--window-border: 1px solid #555;
--active-file-bg-color: rgb(34, 34, 34);
--active-file-border-color: #8d8df0;
--primary-color: #a3d5fe;
--active-file-text-color: white;
--item-hover-bg-color: #70717d;
--item-hover-text-color: white;
--primary-color: #6dc1e7;
--rawblock-edit-panel-bd: #333;
--search-select-bg-color: #428bca;
}
html {
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
html,
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #363B40;
background: var(--bg-color);
fill: currentColor;
line-height: 1.625rem;
}
#write {
max-width: 914px;
}
@media only screen and (min-width: 1400px) {
#write {
max-width: 1024px;
}
}
@media only screen and (min-width: 1800px) {
#write {
max-width: 1200px;
}
}
html,
body,
button,
input,
select,
textarea,
div.code-tooltip-content {
color: #FFF;
border-color: transparent;
}
div.code-tooltip,
.md-hover-tip .md-arrow:after {
background: #333;
}
.native-window #md-notification {
border: 1px solid #70717d;
}
.popover.bottom > .arrow:after {
border-bottom-color: #333;
}
html,
body,
button,
input,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif;
}
/* hr {
height: 2px;
border: 0;
margin: 24px 0 !important;
} */
hr {
height: 8px;
border: 0;
border-bottom: 3px solid orange;
border-top: 3px solid orange;
margin: 24px 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lucida Grande", "Corbel", sans-serif;
font-weight: normal;
clear: both;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0;
padding: 0;
padding-left: 16px;
/* color: #DEDEDE; */
color: var(--text-color);
border-left: 8px solid orange;
}
h1 {
font-size: 2.5rem;
/* 36px */
line-height: 2.75rem;
/* 40px */
margin-bottom: 1.5rem;
/* 24px */
letter-spacing: -1.5px;
}
h2 {
font-size: 1.63rem;
/* 24px */
line-height: 1.875rem;
/* 30px */
margin-bottom: 1.5rem;
/* 24px */
letter-spacing: -1px;
font-weight: bold;
}
h3 {
font-size: 1.17rem;
/* 18px */
line-height: 1.5rem;
/* 24px */
margin-bottom: 1.5rem;
/* 24px */
letter-spacing: -1px;
font-weight: bold;
}
h4 {
font-size: 1.12rem;
/* 16px */
line-height: 1.375rem;
/* 22px */
margin-bottom: 1.5rem;
/* 24px */
color: white;
}
h5 {
font-size: 0.97rem;
/* 16px */
line-height: 1.25rem;
/* 22px */
margin-bottom: 1.5rem;
/* 24px */
font-weight: bold;
}
h6 {
font-size: 0.93rem;
/* 16px */
line-height: 1rem;
/* 16px */
margin-bottom: 0.75rem;
color: white;
}
@media (min-width: 980px) {
h3.md-focus:before,
h4.md-focus:before,
h5.md-focus:before,
h6.md-focus:before {
color: #ddd;
border: 1px solid #ddd;
border-radius: 3px