diff --git a/src/components/display/json/primitive/style.css b/src/components/display/json/primitive/style.css
index 87dafd94a..513821f34 100644
--- a/src/components/display/json/primitive/style.css
+++ b/src/components/display/json/primitive/style.css
@@ -8,21 +8,20 @@
 	display: none;
 }
 
-:host(.string), 
-:host(.number),
-:host(.boolean) {
-	font-weight: bold;
-}
 :host(.string) {
-	color: rgb(var(--smoothly-primary-color));
+	font-weight: var(--smoothly-display-json-string-font-weight, bold);
+	color: rgb(var(--smoothly-display-json-string, var(--smoothly-primary-color)));
 }
 :host(.number) {
-	color: rgb(var(--smoothly-secondary-color));
+	font-weight: var(--smoothly-display-json-number-font-weight, bold);
+	color: rgb(var(--smoothly-display-json-number, var(--smoothly-secondary-color)));
 }
 :host(.boolean) {
-	color: rgb(var(--smoothly-tertiary-color));
+	font-weight: var(--smoothly-display-json-boolean-font-weight, bold);
+	color: rgb(var(--smoothly-display-json-boolean, var(--smoothly-tertiary-color)));
 }
 :host(.null),
 :host(.undefined) {
-	color: rgb(var(--smoothly-medium-color));
+	font-weight: var(--smoothly-display-json-undefined-font-weight, normal);
+	color: rgb(var(--smoothly-display-json-undefined, var(--smoothly-medium-color)));
 }
diff --git a/src/components/theme/demo/index.tsx b/src/components/theme/demo/index.tsx
index 579fcdadd..e35f8764e 100644
--- a/src/components/theme/demo/index.tsx
+++ b/src/components/theme/demo/index.tsx
@@ -17,7 +17,7 @@ export class SmoothlyThemeDemo {
 					<smoothly-item value="https://app.issuefab.com/assets/style/index.css">Issuefab</smoothly-item>
 					<smoothly-item value="https://app.proquse.com/assets/style/index.css">Proquse</smoothly-item>
 					<smoothly-item value="https://app.weekmeter.com/assets/style/index.css">Weekmeter</smoothly-item>
-					<smoothly-item value="https://dash.pax2pay.app/p2pdash.css">Pax2Pay Dashboard</smoothly-item>
+					<smoothly-item value="https://test.dash.pax2pay.app/p2pdash.css">Pax2Pay Dashboard</smoothly-item>
 					<smoothly-item value="https://ui.pax2pay.app/assets/style/pax2pay.css">Pax2Pay Portal</smoothly-item>
 					<smoothly-item value="https://theme.payfunc.com/intergiro/index.css">Intergiro Monitor</smoothly-item>
 					<smoothly-item value="https://theme.payfunc.com/light/index.css">Payfunc Light</smoothly-item>