mdsvex har automatisk, indbygget syntaks-fremhævning med Prism.js; skriv blot sproget efter de tredobbelte backticks, som vist her:

```css
/* Your CSS here */
```

Det gengives sådan her:

.my-css-class {
	color: #ffd100;
	box-sizing: border-box;
	/* etc... */
}

Sådan her skrives JavaScript:

```js
// Du kan skrive js eller javascript for javascript
```

Fremhævet kodeeksempel:

const invertNumberInRange = (num, range) => {
	return range - num;
};

invertNumberInRange(25, 100); // 75

Selvfølgelig understøtter mdsvex også fremhævning af Svelte-syntax:

<script>
  import myComponent from '$lib/components/myComponent.svelte';

  export let myProp = undefined;
</script>

<div>
  <MyComponent prop={myProp}>
</div>

Let som en fjer

Kernen er 2KB minificeret og gzippet. Hvert sprog tilføjer 0,3-0,5KB, temaer er omkring 1KB.

Nem styling

Al styling sker gennem CSS, med fornuftige klassenavne som .comment, .string, .property osv.

Hvordan du tilføjer et tema til dit Svelte/mdsvex project

1. Kopier et tema her fra siden
2. Importer det i dit layout fil hvor du skal bruge det.

<script>
	// truncated
	import '../../prism.css';
	// truncated
</script>

/ God fornøjelse med at implementere et tema til dit Svelte/mdsvex projekt. Nederst på denne side finder du en liste over nogle temaer.

Prism Themes

• CB (originally by C. Bavota, adapted by atelierbram)
  

• GHColors (by aviaryan)
  

• Pojoaque (originally by Jason Tate, adapted by atelierbram)
  

• Xonokai (originally by Maxime Thirouin (MoOx), adapted by atelierbram)
  

• Ateliersulphurpool-light (by Bram de Haan)
  

• Hopscotch (by Jan T. Sott)
  

• Atom Dark (by gibsjose, based on Atom Dark Syntax theme)
  

• Duotone Dark (by Simurai, based on Duotone Dark Syntax theme for Atom)
  

• Duotone Sea (by Simurai, based on DuoTone Dark Sea Syntax theme for Atom)
  

• Duotone Space (by Simurai, based on DuoTone Dark Space Syntax theme for Atom)
  

• Duotone Earth (by Simurai, based on DuoTone Dark Earth Syntax theme for Atom)
  

• Duotone Forest (by Simurai, based on DuoTone Dark Forest Syntax theme for Atom)
  

• Duotone Light (by Simurai, based on DuoTone Light Syntax theme)
  

• VS (by andrewlock)
  

• VS Code Dark+ (by tabuckner)
  

• Darcula (by service-paradis, based on Jetbrains' Darcula theme)
  

• a11y Dark (by ericwbailey)
  

• Dracula (by Byverdu)
  

• Synthwave '84 (originally by Robb Owen, adapted by Marc Backes)
  

• Shades of Purple (by Ahmad Awais)
  

• Material Dark (by dutchenkoOleg)
  

• Material Light (by dutchenkoOleg)
  

• Material Oceanic (by dutchenkoOleg)
  

• Nord (originally by Nord, adapted by Zane Hitchcox and Gabriel Ramos)
  

• Coldark Cold (by Armand Philippot, based on Coldark)
  

• Coldark Dark (by Armand Philippot, based on Coldark)
  

• Coy without shadows (by RunDevelopment, based on Tim Shedor's Coy theme)
  

• Gruvbox Dark (by Azat S.)
  

• Gruvbox Light (by Michael Schnerring)
  

• Lucario (by Christopher Kapic, based on Raphael Amorim's Lucario Theme)
  

• Night Owl (by Souvik Mandal, based on Sarah Drasner's Night Owl Theme)
  

• Holi Theme (by Ayush Saini, based on Holi Theme for VS Code)
  

• Z-Touch (by Zeel Codder)
  

• Solarized Dark Atom (by Pranay Chauhan, based on Solarized Dark Theme by Atom)
  

• One Dark (by Hoon Wei Ting, based on Atom's One Dark Syntax)
  

• One Light (by Hoon Wei Ting, based on Atom's One Light Syntax)
  

• Laserwave (originally by Jared Jones, adapted by Simon Jespersen)
  

Andre temaer kan evt. findes her: