Dynamic Theme Update

src/lib/components/tui/TuiAccordion.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import Icon from '@iconify/svelte';
 	import { getButtonStyle, parseColorText, getSegmentStyle } from './utils';
+	import { themeColors } from '$lib/stores/theme';
 	import type { TerminalLine } from './types';
 	import '$lib/assets/css/tui-accordion.css';
 
@@ -22,7 +23,7 @@
 
 <div class="tui-accordion" style="--accordion-accent: {getButtonStyle(line.style)}">
 	{#each items as item, i}
-		{@const contentSegments = parseColorText(item.content)}
+		{@const contentSegments = parseColorText(item.content, $themeColors.colorMap)}
 		<div class="accordion-item" class:open={openItems.has(i)}>
 			<button class="accordion-header" on:click={() => toggleItem(i)}>
 				<Icon