---
tags: Themes
title: 米色主題
description: Use `{%hackmd S1N1Nu1cc %}` syntax to include this theme.
---

<style>

html, body, .ui-content {
background-color: #f3f1ed;
color: #737373;
}
/*
背景顏色與內文顏色
*/

body > .ui-infobar {
display: none;
}

.ui-view-area > .ui-infobar {
display: block;
}

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

.markdown-body h1{
border-bottom-color: #454545;
}
/*
標題底線顏色
*/
.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: #7d664a;
}
/*
標題連接顏色
*/

.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: #737373;
border-left: 2px solid #737373;
}
/*
邊欄連結顏色與豎槓顏色
*/
.expand-toggle:hover,
.expand-toggle:focus,
.back-to-top:hover,
.back-to-top:focus,
.go-to-bottom:hover,
.go-to-bottom:focus {
color: #fff;
}
/*
全部收起 回到頂部 移至底部
顏色
*/

.ui-toc-dropdown {
background-color: #f3f1ed;
}
/*
標題一覽背景顏色
*/
.ui-toc-label.btn {
background-color: #d1c7b3;
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 blockquote {
color: #737373;
}
/*
引用文字顏色
*/
.markdown-body table tr {
background-color: #fff;
color: #737373;
}
/*
表格顏色 第一層
*/

.markdown-body table tr:nth-child(2n) {
background-color: #fff;
color: #737373;
}
/*
表格顏色第二層
*/

.markdown-body code,
.markdown-body tt {
color: #737373;
background-color: #DAD8D5;
}
/*
tag`中文字`底色與字色(字色無效)
*/
a,
.open-files-container li.selected a {
color: #4fa2ba;
}
/*
超連結顏色
*/
.markdown-body hr {
background-color: #737373;
}
/*
分隔線顏色
*/

</style>