diff --git a/templates/story flyout.html b/templates/story flyout.html
index ef06251f..945c9ff3 100644
--- a/templates/story flyout.html	
+++ b/templates/story flyout.html	
@@ -92,13 +92,14 @@
 	</div>
 	<div id="token-breakdown-container" style="border-top:2px;border-top-color:grey;border-top-style: solid;padding-top: 10px;">
 		<div class="token_breakdown">
-			<div id="memory_tokens" style="width:40%; background-color: #3572A5;"></div>
-			<div id="authors_notes_tokens" style="width:10%; background-color: #f1e05a;"></div>
-			<div id="world_info_tokens" style="width:20%; background-color: #563d7c;"></div>
-			<div id="prompt_tokens" style="width:40%; background-color: #e34c26;"></div>
-			<div id="game_text_tokens" style="width:10%; background-color: #c6538c ;"></div>
-			<div id="submit_tokens" style="width:20%; background-color: #ededed ;"></div>
-			<div id="unused_tokens" style="width:20%; background-color: white;"></div>
+			<div id="soft_prompt_tokens" style="width:0%; background-color: var(--context_colors_soft_prompt);"></div>
+			<div id="memory_tokens" style="width:40%; background-color: var(--context_colors_memory);"></div>
+			<div id="authors_notes_tokens" style="width:10%; background-color: var(--context_colors_authors_notes);"></div>
+			<div id="world_info_tokens" style="width:20%; background-color: var(--context_colors_world_info);"></div>
+			<div id="prompt_tokens" style="width:40%; background-color: var(--context_colors_prompt);"></div>
+			<div id="game_text_tokens" style="width:10%; background-color: var(--context_colors_game_text);"></div>
+			<div id="submit_tokens" style="width:20%; background-color: var(--context_colors_submit);"></div>
+			<div id="unused_tokens" style="width:20%; background-color: var(--context_colors_unused);"></div>
 		</div>
 	</div>
 </div>
diff --git a/themes/Darkness.css b/themes/Darkness.css
index e6abe020..2ccc472b 100644
--- a/themes/Darkness.css
+++ b/themes/Darkness.css
@@ -118,6 +118,17 @@
 	--popup_button_color_text: #e0e0e0;
 	--popup_cancel_button_color: #1a625f;
 	--popup_cancel_button_color_text: #e0e0e0;
+	
+	/*Context Bar Colors*/
+	--context_colors_memory: #3572A5;
+	--context_colors_authors_notes: #f1e05a;
+	--context_colors_world_info: #563d7c;
+	--context_colors_prompt: #e34c26;
+	--context_colors_game_text: #c6538c;
+	--context_colors_submit: #ededed;
+	--context_colors_unused: white;
+	--context_colors_soft_prompt: #000080;
+	
 
     /*Parameters*/
 	--scrollbar-size: 7px;
diff --git a/themes/Material You.css b/themes/Material You.css
index ab7281a6..bee349db 100644
--- a/themes/Material You.css	
+++ b/themes/Material You.css	
@@ -118,6 +118,16 @@
 	--popup_button_color_text: var(--on_primary_container_palette);
 	--popup_cancel_button_color: var(--primary_palette);
 	--popup_cancel_button_color_text: var(--on_primary_palette);
+	
+	/*Context Bar Colors*/
+	--context_colors_memory: #3572A5;
+	--context_colors_authors_notes: #f1e05a;
+	--context_colors_world_info: #563d7c;
+	--context_colors_prompt: #e34c26;
+	--context_colors_game_text: #c6538c;
+	--context_colors_submit: #ededed;
+	--context_colors_unused: white;
+	--context_colors_soft_prompt: #000080;
 
     /*Parameters*/
 	--scrollbar-size: 6px;
diff --git a/themes/Monochrome.css b/themes/Monochrome.css
index e09d3b62..e3b1b41c 100644
--- a/themes/Monochrome.css
+++ b/themes/Monochrome.css
@@ -118,6 +118,16 @@
 	--popup_button_color_text: #e0e0e0;
 	--popup_cancel_button_color: #406494;
 	--popup_cancel_button_color_text: #e0e0e0;
+	
+	/*Context Bar Colors*/
+	--context_colors_memory: #3572A5;
+	--context_colors_authors_notes: #f1e05a;
+	--context_colors_world_info: #563d7c;
+	--context_colors_prompt: #e34c26;
+	--context_colors_game_text: #c6538c;
+	--context_colors_submit: #ededed;
+	--context_colors_unused: white;
+	--context_colors_soft_prompt: #000080;
 
     /*Parameters*/
 	--scrollbar-size: 6px;