---
# System prepended metadata

title: My_Dark_Theme
tags: [theme]

---

---
title: My_Dark_Theme
tags: theme
description: Use `{%hackmd theme-dark %}` syntax to include this theme.
---

<style>

html, body, .ui-content {
    background-color: #333;
    color: #ddd;
}

/* 拿掉 comment area 讓文章置中*/
#doc.comment-enabled.comment-inner {
    margin-right: 0px;
}

.markdown-body{
    font-weight: 300;
    margin: 0 auto;
}
    
.markdown-body mark{
    background-color: #97D8C4;
    font-weight: 600;
}

/* Quotes */
.markdown-body blockquote{
    font-size: 25px;
    font-weight: 200;
    color: #82bbb5;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Dividers*/ 
.markdown-body hr {
    height: 0.05em;
    padding: 0;
    margin: 40px 0;
    background-color: #667178;
    border: 0;
}
    
/* Titles */
.markdown-body h1{
    color: #f56d78;
    margin-top: 10px;
    margin-bottom: 24px;
}
.markdown-body h2{
    color: #eda35e;
    margin-top: 30px;
    margin-bottom: 20px;
    
} 
.markdown-body h3{
    color: #9acc99; 
    margin-top: 30px;
    margin-bottom: 20px;
}  
.markdown-body h4{
    color: #5f8ebd;   
} 
.markdown-body h5,
.markdown-body h6 {
    color: #ddd;
}
.markdown-body h1{
    border-bottom-color: #ffffff69;
}
.markdown-body h2{
    border-bottom-color: #333;
}

/* images */
img {
    margin-top: 25px;
    margin-bottom: 25px
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: #00486b;
}

.markdown-body img {
    background-color: transparent;
}

.ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>.active>a {
    color: white;
    border-left: 2px solid white;
}

.expand-toggle:hover, 
.expand-toggle:focus, 
.back-to-top:hover, 
.back-to-top:focus, 
.go-to-bottom:hover, 
.go-to-bottom:focus {
    color: white;
}

.ui-toc-dropdown {
    background-color: #333;
}

.ui-toc-label.btn {
    background-color: #191919;
    color: white;
}

.ui-toc-dropdown .nav>li>a:focus, 
.ui-toc-dropdown .nav>li>a:hover {
    color: white;
    border-left: 1px solid white;
}

.markdown-body table tr {
    background-color: #5f5f5f;
}

.markdown-body table tr:nth-child(2n) {
    background-color: #4f4f4f;
}

.markdown-body code,
.markdown-body tt {
    color: black !important;
    background-color: #82bbb5;
    font-size: 16px;
    font-weight: 600;
}

a,
.open-files-container li.selected a {
    color: #82bbb5;
    font-weight: 600;
}

    
</style>
