---
# System prepended metadata

title: Coloring Highlight Scheme to different Profession for GW2.
tags: [Theme]

---

---
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> -->



