# Code Dark Theme Template

## Code:
### minify

<!-- paste to foot 
of your hackmd note -->
<style>
.markdown-body pre {background-color: #1E1E1E;border: 1px solid #555 !important;color: #73BCE0;border-radius:8px;/*border-radius:0px;*/ } .markdown-body pre .htmlembedded {color: #C8D4C8 !important; } .markdown-body pre .hljs-tag {color: #6D726E; } .markdown-body pre .token.keyword {color: #C586C0; } .markdown-body pre .token.string, .markdown-body pre .hljs-string {color: #C68362; } .markdown-body pre .hljs-comment, .markdown-body pre .token.comment {color: #6A9955; } .markdown-body pre .hljs-attr {color: #73BCE0; } .markdown-body pre .hljs-name {color:#569CD6; } .markdown-body pre .token.operator {color:#C8D4C8;background:transparent; } .markdown-body pre .token.property {color: #73BCE0; } .markdown-body pre .token.function {color: #DCDCAA; } .markdown-body pre .token.builtin {color: #34B294; } .markdown-body pre .token.number {color: #B5CEA8; } .markdown-body pre .token.constant {color: #3BC1FF; } .markdown-body pre .hljs-addition {color: #96D47D;background: #373D29; } .markdown-body pre .hljs-deletion {color: #E76A6A;background: #4B1818; } .markdown-body pre .hljs-selector-class {color: #D7BA5F; } .markdown-body pre .hljs-attribute {color: #9CDCFE; } .markdown-body pre .hljs-number {color: #C68362; } .markdown-body pre .hljs-meta {color: #2C7CD6; }
</style>

### normal

<!-- paste to foot 
of your hackmd note -->
<style>
    .markdown-body pre {
        background-color: #1E1E1E;
        border: 1px solid #555 !important;
        color: #73BCE0;
        border-radius:8px;
        /*border-radius:0px;*/
    }
    .markdown-body pre 
    .htmlembedded  {
        color: #C8D4C8 !important;
    }
    .markdown-body pre
    .hljs-tag {
        color: #6D726E;
    }
    .markdown-body pre 
    .token.keyword {
        color: #C586C0;
    }
    .markdown-body pre 
    .token.string {
        color: #C68362;
    }
    .markdown-body pre 
    .hljs-string {
        color: #C68362;
    }
    .markdown-body pre 
    .hljs-comment,
    .markdown-body pre 
    .token.comment {
        color: #6A9955;
    }
    .markdown-body pre 
    .hljs-attr {
        color: #73BCE0;
    }
    .markdown-body pre 
    .hljs-name {
        color:#569CD6;
    }
    .markdown-body pre 
    .token.operator {
        color:#C8D4C8;
        background:transparent;
    }
    .markdown-body pre 
    .token.property {
      color: #73BCE0;
    }
    .markdown-body pre 
    .token.function {
      color: #DCDCAA;
    }
    .markdown-body pre 
    .token.builtin {
      color: #34B294;
    }
    .markdown-body pre 
    .token.number {
      color: #B5CEA8;
    }
    .markdown-body pre 
    .token.constant {
      color: #3BC1FF;
    }
    .markdown-body pre 
    .hljs-addition {
      color: #96D47D;
      background: #373D29;
    }
    .markdown-body pre 
    .hljs-deletion {
      color: #E76A6A;
      background: #4B1818;
    }
    .markdown-body pre 
    .hljs-selector-class {
      color: #D7BA5F;
    }
    .markdown-body pre 
    .hljs-attribute {
      color: #9CDCFE;
    }
    .markdown-body pre 
    .hljs-number {
      color: #C68362;
    }
    .markdown-body pre 
    .hljs-meta {
      color: #2C7CD6;
    }
</style>

---

## Example:

import 'a' from "b"
const { aa } = require('123')

// sdad
function add(a, b) {
    return a + "b" + 4;
}

function add(a: number, b: number): number {}

<!-- 123 -->
<div id="test">
  123
</div>

{
  "id": "123",
  "class": [
    "bg-red-500"
  ]
}

+{
   "id": "123",
   "class": [
     "bg-red-500"
   ]
-}

<style>
.markdown-body pre {
background-color: #1E1E1E;
border: 1px solid #555 !important;
color: #73BCE0;
border-radius:8px;
/*border-radius:0px;*/
}
.markdown-body pre
.htmlembedded,
.markdown-body pre
.diff {
color: #C8D4C8 !important;
}
.markdown-body pre
.hljs-tag {
color: #6D726E;
}
.markdown-body pre
.token.keyword {
color: #C586C0;
}
.markdown-body pre
.token.string {
color: #C68362;
}
.markdown-body pre
.hljs-string {
color: #C68362;
}
.markdown-body pre
.hljs-comment,
.markdown-body pre
.token.comment {
color: #6A9955;
}
.markdown-body pre
.hljs-attr {
color: #73BCE0;
}
.markdown-body pre
.hljs-name {
color:#569CD6;
}
.markdown-body pre
.token.operator {
color:#C8D4C8;
background:transparent;
}
.markdown-body pre
.token.property {
color: #73BCE0;
}
.markdown-body pre
.token.function {
color: #DCDCAA;
}
.markdown-body pre
.token.builtin {
color: #34B294;
}
.markdown-body pre
.token.number {
color: #B5CEA8;
}
.markdown-body pre
.token.constant {
color: #3BC1FF;
}
.markdown-body pre
.hljs-addition {
color: #96D47D;
background: #373D29;
}
.markdown-body pre
.hljs-deletion {
color: #E76A6A;
background: #4B1818;
}
.markdown-body pre
.hljs-selector-class {
color: #D7BA5F;
}
.markdown-body pre
.hljs-attribute {
color: #9CDCFE;
}
.markdown-body pre
.hljs-number {
color: #C68362;
}
.markdown-body pre
.hljs-meta {
color: #2C7CD6;
}
</style>