---
description: Highlight
title: Coloring Highlight Scheme to different Profession for GW2.
tags: Theme
---

<!--

Thanks for @hackmd, they did a very good guidence to teach me how to import CSS from another doc.
https://hackmd.io/s/how-to-embed-note-tw

Colors are came from GW2 Wiki.
https://wiki.guildwars2.com/wiki/Guild_Wars_2_Wiki:Color_schemes

Feel frre to use following code to import this dark theme which made by me, Sia, a big fan of HackMD.

{%hackmd @ViafaSia/rkC1eJmxY %}
CC BY-NC-SA 4.0

-->

<!-- Custom Highlight CSS, by using <code> tag. -->

<style>
.markdown-body code::before,
.markdown-body code::after{
content: "__" !important;
opacity: 0;
}
.markdown-body code.highlight{
color: #000!important;
font-family: "Microsoft JhengHei";
font-size: 100%;
}
.markdown-body code.ele{ background-color: rgba(246, 210, 209, 0.8);}
.markdown-body code.mes{ background-color: rgba(215, 178, 234, 0.8);}
.markdown-body code.necro{ background-color: rgba(213, 237, 225, 0.8);}
.markdown-body code.engi{ background-color: rgba(232, 200, 159, 0.8);}
.markdown-body code.ranger{ background-color: rgba(226, 246, 209, 0.8);}
.markdown-body code.thief{ background-color: rgba(230, 213, 215, 0.8);}
.markdown-body code.guard{ background-color: rgba(207, 238, 253, 0.8);}
.markdown-body code.rev{ background-color: rgba(235, 201, 194, 0.8);}
.markdown-body code.war{ background-color: rgba(255, 245, 187, 0.8);}
</style>

<!-- Eaxmple code -->

<!-- <code class="ele highlight">Example</code> -->
<!-- <code class="engi highlight">Example</code> -->
<!-- <code class="guard highlight">Example</code> -->