---
# System prepended metadata

title: HackMD Pink Theme
tags: [theme]

---

---
tags: theme
title: HackMD Pink Theme
description: Use `{%hackmd @sophie8909/pink_theme %}` syntax to include this theme.
reference: hackmd.io/BkVfcTxlQ
---
<!-- # h1
## h2
### h3
#### h4
##### h5
###### h6
###### tags: `theme` 

[link]()
text
==text==
>blockquote[name=a]
	
	tab	
```cpp=
codeblock
```
`gcc`
- [ ]checklist
- 
[TOC] -->



<style>
.navbar-collapse {
    background-color: #eea2a4;/*上方*/
}
li.active {
    background-color: #e9d7df;/*選單當前小框*/
}

html, body, .ui-content {
    background-color: #ede3e7;
    color: #000;
	/*背景色*/
}
body >
body > .ui-infobar {
    display: none;
}

.ui-view-area > .ui-infobar {
    display: blue;
	/*unknow*/
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    color: #c04851;
	/*標題顏色*/
}

.markdown-body h1 {
    border-bottom-color: #c04851;
	/*h1底線線*/
}

.markdown-body h2 {
    border-bottom-color: #e9ccd3;
	/*h2底線線*/
}

.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: #c04851;
	/*標題linl*/
}
a,
.open-files-container li.selected a {
    color: #c04851;
	/*內文link*/
}
.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: #eea2a4;
    border-left: 2px solid #ede3e7;
	/*目錄*/
}
.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: #f1c4cd;
	/*目錄大區塊*/
}
.ui-toc-label.btn {
    background-color: #f07c82;
    color:#ede3e7;
	/*目錄按鈕色*/
}
.ui-toc-dropdown .nav>li>a:focus, 
.ui-toc-dropdown .nav>li>a:hover {
    color: black;
    border-left: 1px solid green;
	/*unknow*/
}
.markdown-body blockquote {
    border-left-color: #eea2a4;
    color: black;
	background-color: ;
	/*blockquote*/
}

.markdown-body table th {
    background-color: #f0c9cf;
}


.markdown-body table tr {
    background-color: #e6d2d5;
}
.markdown-body table tr:nth-child(2n) {
    background-color: #f0c9cf;
/*     background-color: #e6d2d5; */
}



.markdown-body code,
.markdown-body tt {
    color: #eee;
    background-color: #e6d2d5;
}







.












</style>
