diff --git a/tunictracker/tracker/templates/tracker/breakdown/block.html b/tunictracker/tracker/templates/tracker/breakdown/block.html
index c40c980..33ec664 100644
--- a/tunictracker/tracker/templates/tracker/breakdown/block.html
+++ b/tunictracker/tracker/templates/tracker/breakdown/block.html
@@ -45,13 +45,13 @@
         </div>
       </div>
     </div>
-    <div class="max-h-64 overflow-scroll scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight">
+    <div class="max-h-64 overflow-scroll scrollbar scrollbar-thumb-trans-pride-cyan-translucent scrollbar-track-bluelight-translucent">
       <div class="flex flex-col space-y-2 mx-auto min-w-max breakdown-block-mapped-list">
-        <ul class="py-0.5 bg-bluelight rounded-md px-1 text-sm hidden">
+        <ul class="py-0.5 bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm hidden">
         </ul>
         {% for entrance_origin, entrance_destination in scene_data.Entrances.items %}
           {% if entrance_destination %}
-            <ul class="py-0.5 bg-bluelight rounded-md px-1 text-sm">
+            <ul class="py-0.5 bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm">
               ✔️ {{ entrance_origin }} -> {{ entrance_destination }}
             </ul>
           {% endif %}
diff --git a/tunictracker/tracker/templates/tracker/codes/block.html b/tunictracker/tracker/templates/tracker/codes/block.html
index a547e6c..93c75e4 100644
--- a/tunictracker/tracker/templates/tracker/codes/block.html
+++ b/tunictracker/tracker/templates/tracker/codes/block.html
@@ -1,7 +1,7 @@
 {% if not is_entered %}
-    <ul class="p-2 flex flex-col rounded-xl bg-bluelight-translucent-light border-4 border-bluelight-translucent-dark">
+    <ul class="p-2 flex flex-col rounded-xl">
         <div class="pl-2 codes-list-item-title text-base">{{ name }}</div>
-        <hr class="mb-2 border-2 border-bluelight-translucent-dark rounded-xl" />
+        <hr class="mb-2 border-2 border-holy-cross opacity-30 rounded-xl" />
         <div class="min-x-full">
             <div class="codes-list-item-code text-2xl text-justify break-all mx-2 align-top">{{ code }}</div>
         </div>
diff --git a/tunictracker/tracker/templates/tracker/codes/index.html b/tunictracker/tracker/templates/tracker/codes/index.html
index 32d9c8c..7ac5690 100644
--- a/tunictracker/tracker/templates/tracker/codes/index.html
+++ b/tunictracker/tracker/templates/tracker/codes/index.html
@@ -1,6 +1,6 @@
-<details class="flex flex-col space-y-2 max-w-full text-base rounded-xl justify-start {% if current_scene.title != scene_title %}hidden{% endif %} codes-block">
+<details class="py-4 px-2 mt-2 flex flex-col space-y-4 max-w-full text-holy-cross text-base [text-shadow:_1px_1px_4px_rgb(0_0_0_/_100%)] rounded-xl bg-gradient-to-br from-[#ffe28530] to-[#ffffff30] drop-shadow-[0px_0px_4px_rgba(255,255,255,1)] justify-start {% if current_scene.title != scene_title %}hidden{% endif %} codes-block">
     <summary>Holy Cross Codes</summary>
-    <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
+    <hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
     <div class="flex flex-col space-y-2 max-h-96 rounded-xl overflow-y-scroll">
         <ul class="grid grid-flow-row md:grid-cols-3 xl:grid-cols-5 gap-2 rounded-xl codes-list">
             {% for name, code in default_codes.items %}
diff --git a/tunictracker/tracker/templates/tracker/index.html b/tunictracker/tracker/templates/tracker/index.html
index 9f5299d..ec990d0 100644
--- a/tunictracker/tracker/templates/tracker/index.html
+++ b/tunictracker/tracker/templates/tracker/index.html
@@ -2,7 +2,7 @@
 {% load static %}
 {% block content %}
     <div class="container monospace py-4">
-        <div class="p-2 border-4 rounded-xl text-[#eee] bg-bluelight-translucent-dark border-bluelight-dark">
+        <div class="p-2 border-4 rounded-xl text-[#eee] [text-shadow:_1px_1px_0_rgb(0_0_0_/_50%)] bg-bluelight-translucent-dark border-bluelight-dark">
             {% if debug != '' %}
                 <div class="space-y-2 px-2">
                     <div class="flex flex-col align-middle max-w-fit">
@@ -42,7 +42,7 @@
                             <div id="breakdown-current">
                                 {% include "tracker/breakdown/block.html" with scene_title=current_scene.title scene_data=current_scene.data %}
                             </div>
-                            <hr class="my-2 border-2 border-bluelight-translucent-dark rounded-xl" />
+                            <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
                             <details class="group flex flex-col rounded-xl border-4 bg-bluelight-translucent-light border-bluelight-translucent-dark">
                                 <summary class="justify-start p-2 text-lg">Summary</summary>
                                 <div class="mb-2 px-2 space-y-2 rounded-xl">
diff --git a/tunictracker/werefoxtheme/static_src/tailwind.config.js b/tunictracker/werefoxtheme/static_src/tailwind.config.js
index 254f9a5..1027bd1 100644
--- a/tunictracker/werefoxtheme/static_src/tailwind.config.js
+++ b/tunictracker/werefoxtheme/static_src/tailwind.config.js
@@ -69,16 +69,16 @@ module.exports = {
 				},
 				"trans-pride": {
 					cyan: {
-						DEFAULT: "#e4faff",
-						translucent: "#e4faff30",
+						DEFAULT: "#5adefc",
+						translucent: "#5adefc69",
 					},
 					white: {
 						DEFAULT: "#eeeeeeff",
-						translucent: "#eeeeee30",
+						translucent: "#eeeeee69",
 					},
 					pink: {
-						DEFAULT: "#ffecf9",
-						translucent: "#ffecf930",
+						DEFAULT: "#ff8cda",
+						translucent: "#ff8cda69",
 					},
 				},
 				"highlight": {
@@ -95,6 +95,9 @@ module.exports = {
 						translucent: "#3EB13188",
 					},
 				},
+				"holy-cross": {
+					DEFAULT: "fffae0"
+				}
 			},
 		},
 	},