---
title: HackMD Phaserhawks Theme
tags: theme
description: Use `{%hackmd @hawks/theme %}` syntax to include this theme.
---
<style>
@import url('https://fonts.googleapis.com/css2?family=Antonio&display=swap');

html, body, .ui-content, .markdown-body {
font-family: 'Antonio', 'Arial Narrow', 'Arial', sans-serif;
}

div#doc { max-width: 100%; }
.markdown-body { max-width: 100%; }
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
font-family: 'Antonio', 'Arial Narrow', 'Arial', sans-serif;
}

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

/*
html, body, .ui-content, .markdown-body {
background-color: black;
color: #c8f;
font-family: 'Antonio', 'Arial Narrow', 'Arial', sans-serif;
}

div#doc { max-width: 100%; }
.markdown-body { max-width: 100%; }
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
color: #f96;
border-bottom-color: #c8f;
font-family: 'Antonio', 'Arial Narrow', 'Arial', sans-serif;
}

.markdown-body h1,
.markdown-body h2 {
border-bottom-color: #f96;
}

.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: #f96;
}

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

.markdown-body blockquote {
color: #bcbcbc;
}

.markdown-body table th {
border: 2px solid #668;
background-color: #334;
color: #dbf;
}

.markdown-body table td {
border: 1px solid #668;
}

.markdown-body table tr {
background-color: black;
color: #c8f;
}

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

.markdown-body code,
.markdown-body tt {
background-color: rgba(230, 230, 230, 0.2);
}

a,
.open-files-container li.selected a {
color: #aaf;
}
.ui-toc *,
.nav,

.expand-toggle,
.back-to-top,
.go-to-bottom {
display: none;
}

.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;
}
*/
</style>