xmake-gendoc/resources/xmake.css

body {          background: var(--bg);
                color: var(--fg);
                font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif;
                font-size: 15px;
                color: #34495e;
                background-color: white;
                padding: 0;
                margin: 0; }

a {             color: #42b983; }
h2 a,h3 a {     color: #34495e;
                text-decoration: none;
                padding: 1px 3px 1px 3px; }
#sidebar a {    color: #34495e; }

code {          background-color: #f8f8f8;
                font-size: .8rem;
                margin: 0 2px;
                padding: 3px 5px;
                white-space: pre-wrap; }
code, code a {  color: #e96900; }
pre code a {    color: #525252; }
pre code {      padding: 0;
                margin: 0; }

table {         border-collapse: collapse;
                border-spacing: 0;
                display: block;
                margin-bottom: 1rem;
                overflow: auto;
                width: 100%; }

thead {         display: table-header-group;
                vertical-align: middle;
                border-color: inherit; }

tr {            display: table-row;
                vertical-align: inherit;
                border-color: inherit; }

th {            display: table-cell;
                vertical-align: inherit;
                font-weight: 700;
                text-align: -internal-center; }

td {            border: 1px solid #ddd;
                padding: 6px 13px; }

img {           max-width: 100%; }

li {            padding-bottom: 2px;
                padding-top: 2px; }

#sidebar, #content, #toc {
                padding: 10px ;
                display: inline-block;
                overflow: auto; }

#sidebar {      position: fixed;
                top: 0;
                left: 0;
                background-color: #f9fffc;
                border: 1px solid #ddd;
                height: 100%;
                width: 250px; }

#sidebar>p {    font-weight: 700;
                font-size: 15px; }

#sidebar a {    text-decoration: none;
                font-size: 14px; }

#sidebar a:hover {
                text-decoration: underline; }

#sidebar ul {   list-style-type: none; }

#content {      position: absolute;
                left: 270px;
                right: 250px;
                padding-bottom: 200px; }

#toc {          position: fixed;
                top: 0;
                bottom: 0;
                right: 0;
                background-color: #f9fffc;
                width: 210px; }

#toc table {    background-color: white; }

#search-table-body td {
                width: 149px;
                background-color: white; }

:target {       background-color: #b2f9d9; }

p.warn {        background: rgba(66, 185, 131, .1);
                border-radius: 2px;
                padding: 1rem; }

.token.cdata,.token.comment,.token.doctype,.token.prolog {
                color: #8e908c; }

.token.namespace {
                opacity: .7; }

.token.boolean,.token.number {
                color: #c76b29; }

.token.punctuation {
                color: #525252; }

.token.property {
                color: #c08b30; }

.token.tag {    color: #2973b7; }

.token.string { color: var(--theme-color,#42b983); }

.token.selector {
                color: #6679cc; }

.token.attr-name {
                color: #2973b7; }

.language-css .token.string,.style .token.string,.token.entity,.token.url {
                color: #22a2c9; }

.token.attr-value,.token.control,.token.directive,.token.unit {
                color: var(--theme-color,#42b983); }

.token.function,.token.keyword {
                color: #e96900; }

.token.atrule,.token.regex,.token.statement {
                color: #22a2c9; }

.token.placeholder,.token.variable {
                color: #3d8fd1; }

.token.deleted {
                text-decoration: line-through; }

.token.inserted {
                border-bottom: 1px dotted #202746;
                text-decoration: none; }

.token.italic { font-style: italic; }

.token.bold,.token.important {
                font-weight: 700; }

.token.important {
                color: #c94922; }

.token.entity {
                cursor: help; }

code .token {   -moz-osx-font-smoothing: initial;
                -webkit-font-smoothing: initial;
                min-height: 1.5rem;
                position: relative;
                left: auto; }

pre:after {     color: #ccc;
                content: attr(data-lang);
                font-size: .6rem;
                font-weight: 600;
                height: 15px;
                line-height: 15px;
                padding: 5px 10px 0;
                position: absolute;
                right: 0;
                text-align: right;
                top: 0; }

pre[class*=language-], code[class*=language-] {
                background: #f8f8f8;
                color: #525252; }

pre, code {     background: #f8f8f8; }