Mac-Typora-超级美丽的night.css主题源文件

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