diff --git a/src/theme/obsidian.ts b/src/theme/obsidian.ts
index f52cef4..70d166f 100644
--- a/src/theme/obsidian.ts
+++ b/src/theme/obsidian.ts
@@ -34,28 +34,34 @@ JXG.themes['obsidian'] = {
 			strokeColor: "var(--color-blue)",
 		},
 		xPlaneRear: {
-			fillColor: "var(--background-primary)",
-			gradient: null,
+			fillColor: "var(--color-base-00)",
+			gradient: "linear",
+			gradientSecondColor: "var(--color-base-50)",
 		},
 		xPlaneFront: {
-			fillColor: "var(--background-primary)",
-			gradient: null,
+			fillColor: "var(--color-base-00)",
+			gradient: "linear",
+			gradientSecondColor: "var(--color-base-50)",
 		},
 		yPlaneRear: {
-			fillColor: "var(--background-primary)",
-			gradient: null,
+			fillColor: "var(--color-base-00)",
+			gradient: "linear",
+			gradientSecondColor: "var(--color-base-50)",
 		},
 		yPlaneFront: {
-			fillColor: "var(--background-primary)",
-			gradient: null,
+			fillColor: "var(--color-base-00)",
+			gradient: "linear",
+			gradientSecondColor: "var(--color-base-50)",
 		},
 		zPlaneRear: {
-			fillColor: "var(--background-primary)",
-			gradient: null,
+			fillColor: "var(--color-base-00)",
+			gradient: "linear",
+			gradientSecondColor: "var(--color-base-50)",
 		},
 		zPlaneFront: {
-			fillColor: "var(--background-primary)",
-			gradient: null,
+			fillColor: "var(--color-base-00)",
+			gradient: "linear",
+			gradientSecondColor: "var(--color-base-50)",
 		},
 	},
 
diff --git a/src/types.ts b/src/types.ts
index 0273be1..2ea4e77 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -36,6 +36,7 @@ export interface GraphInfo {
 }
 	export interface Att3d {
 		axisPosition: string,
+		projection: string,
 
 		xAxis: Attributes ,
 		xPlaneFront: Attributes,
diff --git a/src/utils.ts b/src/utils.ts
index 6047cb8..2516499 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -110,10 +110,10 @@ export class Utils {
 
 
 			if (graphInfo.att3d == undefined) {
-				graph.view3d = board.create("view3d", [[xMin, yMin], [xLength-xLength*0.3, yLength-yLength*0.3], graphInfo.bounds3d])
+				graph.view3d = board.create("view3d", element.def);
 			}
 			else {
-				this.checkComposedAtts(graphInfo.att3d, graph.createdElements);
+				this.checkComposedAtts(element.att as Att3d, graph.createdElements);
 				//@ts-ignore
 				graph.view3d = board.create(element.type, element.def, element.att);
 			}