Code Font: Victor Mono
x
–
+
Aqua
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Aqua's Sticker
x
–
+
Astolfo
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Astolfo's Sticker
x
–
+
Asuna Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Asuna Dark's Sticker
x
–
+
Azuki
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Azuki's Sticker
x
–
+
Chocola
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Chocola's Sticker
x
–
+
Christmas Chocola
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Christmas Chocola's Sticker
x
–
+
Cinnamon
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Cinnamon's Sticker
x
–
+
Coconut
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Coconut's Sticker
x
–
+
Darkness Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Darkness Dark's Sticker
x
–
+
Echidna
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Echidna's Sticker
x
–
+
Emilia Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Emilia Dark's Sticker
x
–
+
Essex
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Essex's Sticker
x
–
+
Gasai Yuno
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Gasai Yuno's Sticker
x
–
+
Genos
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Genos's Sticker
x
–
+
Gray
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Gray's Sticker
x
–
+
Hanekawa Tsubasa
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Hanekawa Tsubasa's Sticker
x
–
+
Hatsune Miku
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Hatsune Miku's Sticker
x
–
+
Hayase Nagatoro
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Hayase Nagatoro's Sticker
x
–
+
Hinata Shoyo
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Hinata Shoyo's Sticker
x
–
+
Hiro
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Hiro's Sticker
x
–
+
Hiro x Zero Two
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Hiro x Zero Two's Sticker
x
–
+
Ishtar Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Ishtar Dark's Sticker
x
–
+
Jabami Yumeko
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Jabami Yumeko's Sticker
x
–
+
Jahy
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Jahy's Sticker
x
–
+
Kanna
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Kanna's Sticker
x
–
+
Katsuragi Misato
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Katsuragi Misato's Sticker
x
–
+
Kirino
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Kirino's Sticker
x
–
+
Konata
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Konata's Sticker
x
–
+
Mai Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Mai Dark's Sticker
x
–
+
Maika
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Maika's Sticker
x
–
+
Makise Kurisu
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Makise Kurisu's Sticker
x
–
+
Maple Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Maple Dark's Sticker
x
–
+
Megumin
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Megumin's Sticker
x
–
+
Miia
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Miia's Sticker
x
–
+
Mioda Ibuki Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Mioda Ibuki Dark's Sticker
x
–
+
Misaka Mikoto
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Misaka Mikoto's Sticker
x
–
+
Monika Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Monika Dark's Sticker
x
–
+
Nadeshiko
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Nadeshiko's Sticker
x
–
+
Nakano Miku
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Nakano Miku's Sticker
x
–
+
Nakano Nino
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Nakano Nino's Sticker
x
–
+
Nakano Yotsuba
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Nakano Yotsuba's Sticker
x
–
+
Natsuki Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Natsuki Dark's Sticker
x
–
+
Ram
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Ram's Sticker
x
–
+
Raphtalia
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Raphtalia's Sticker
x
–
+
Rei
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Rei's Sticker
x
–
+
Rem
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Rem's Sticker
x
–
+
Rias: Crimson
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Rias: Crimson's Sticker
x
–
+
Rias: Onyx
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Rias: Onyx's Sticker
x
–
+
Rimuru Tempest
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Rimuru Tempest's Sticker
x
–
+
Rory Mercury
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Rory Mercury's Sticker
x
–
+
Ryuko Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Ryuko Dark's Sticker
x
–
+
Sagiri
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Sagiri's Sticker
x
–
+
Satsuki Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Satsuki Dark's Sticker
x
–
+
Sayori Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Sayori Dark's Sticker
x
–
+
Shima Rin
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Shima Rin's Sticker
x
–
+
Sonoda Umi
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Sonoda Umi's Sticker
x
–
+
Takanashi Rikka
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Takanashi Rikka's Sticker
x
–
+
Tohsaka Rin
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Tohsaka Rin's Sticker
x
–
+
Vanilla
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Vanilla's Sticker
x
–
+
Yukihira Soma
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Yukihira Soma's Sticker
x
–
+
Yukinoshita Yukino
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Yukinoshita Yukino's Sticker
x
–
+
Yuri Dark
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Yuri Dark's Sticker
x
–
+
Zero Two Dark Obsidian
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Zero Two Dark Obsidian's Sticker
x
–
+
Zero Two Dark Rose
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Zero Two Dark Rose's Sticker
x
–
+
Asuna Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Asuna Light's Sticker
x
–
+
Beatrice
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Beatrice's Sticker
x
–
+
C.C.
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
C.C.'s Sticker
x
–
+
Darkness Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Darkness Light's Sticker
x
–
+
Emilia Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Emilia Light's Sticker
x
–
+
Ishtar Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Ishtar Light's Sticker
x
–
+
Mai Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Mai Light's Sticker
x
–
+
Maple Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Maple Light's Sticker
x
–
+
Mioda Ibuki Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Mioda Ibuki Light's Sticker
x
–
+
Monika Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Monika Light's Sticker
x
–
+
Nakano Ichika
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Nakano Ichika's Sticker
x
–
+
Nakano Itsuki
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Nakano Itsuki's Sticker
x
–
+
Natsuki Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Natsuki Light's Sticker
x
–
+
Ryuko Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Ryuko Light's Sticker
x
–
+
Satsuki Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Satsuki Light's Sticker
x
–
+
Sayori Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Sayori Light's Sticker
x
–
+
Senko
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Senko's Sticker
x
–
+
Shigure
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Shigure's Sticker
x
–
+
Tohru
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Tohru's Sticker
x
–
+
Tomori Nao
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Tomori Nao's Sticker
x
–
+
Yuri Light
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Yuri Light's Sticker
x
–
+
Yuzuriha Inori
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Yuzuriha Inori's Sticker
x
–
+
Zero Two Light Lily
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Zero Two Light Lily's Sticker
x
–
+
Zero Two Light Sakura
DokiThemePreview.svelte
package.json
<script lang="ts">
import type { DokiTheme } from "./Types";
export let dokiTheme: DokiTheme; </script>
<div class="sticker-container">
<img
class="sticker"
alt={`${dokiTheme.information.name}'s Sticker`}
src={dokiTheme.stickers.default.path}/>
</div>
<style>
:root { --code-window-height: 400px; }
.sticker {
max-height: 150px;
max-width: 150px;
}
</style>
Zero Two Light Sakura's Sticker