git.stevedylan.dev

chore: added color variables for error and success 79131b0c

Steve · 2025-09-21 10:10 1 file(s) · +8 −4

src/components/contract-call.js +8 −4

			"primary",
			"secondary",
			"border-radius",
			"error-color",
			"success-color",
		];
	}


						"primary",
						"secondary",
						"border-radius",
						"error-color",
						"success-color",
					].includes(name)
				) {
					this.render();

	}

	getStatusColor() {
		if (this.error) return "#ef4444";
		if (this.result) return "#22c55e";
		if (this.error) return this.getCSSVariable("error-color", "#E78A53");
		if (this.result) return this.getCSSVariable("success-color", "#5F8787");
		return this.getCSSVariable("primary", "#5F8787");
	}


				}

				.error {
					color: #ef4444;
					color: ${this.getCSSVariable("error-color", "#E78A53")};
				}

				.success {
					color: #22c55e;
					color: ${this.getCSSVariable("success-color", "#5F8787")};
				}
			</style>
		`;

31	31		"primary",
32	32		"secondary",
33	33		"border-radius",
	34	+	"error-color",
	35	+	"success-color",
34	36		];
35	37		}
36	38

82	84		"primary",
83	85		"secondary",
84	86		"border-radius",
	87	+	"error-color",
	88	+	"success-color",
85	89		].includes(name)
86	90		) {
87	91		this.render();

381	385		}
382	386
383	387		getStatusColor() {
384		-	if (this.error) return "#ef4444";
385		-	if (this.result) return "#22c55e";
	388	+	if (this.error) return this.getCSSVariable("error-color", "#E78A53");
	389	+	if (this.result) return this.getCSSVariable("success-color", "#5F8787");
386	390		return this.getCSSVariable("primary", "#5F8787");
387	391		}
388	392

504	508		}
505	509
506	510		.error {
507		-	color: #ef4444;
	511	+	color: ${this.getCSSVariable("error-color", "#E78A53")};
508	512		}
509	513
510	514		.success {
511		-	color: #22c55e;
	515	+	color: ${this.getCSSVariable("success-color", "#5F8787")};
512	516		}
513	517		</style>
514	518		`;