change important button class to primary

Author: bomberfish

public/styles.css

@@ -255,7 +255,7 @@ button {
 		background-color: var(--surface4);
 	}
 
-	&.important {
+	&.primary {
 		background-color: var(--accent);
 
 		&:hover {

src/App.jsx

@@ -252,7 +252,7 @@ export function App() {
 
 					<button
 						class={[
-							use(this.allowPlay, (allowed) => (!allowed ? "disabled" : "important")),
+							use(this.allowPlay, (allowed) => (!allowed ? "disabled" : "primary")),
 						]}
 						on:click={startgame}
 						title="Start Game"

src/FsExplorer.jsx

@@ -175,7 +175,7 @@ export function FSExplorer() {
 					<div class="flex space-between vcenter" style="margin-block: 1rem;">
 					<span>File: <pre>{use(this.filePath)}</pre></span>
 					<span class="flex vcenter gap-sm">
-					<button on:click={() => {
+					<button class="primary" on:click={() => {
 						this.fs.writeFile(this.filePath, (new TextEncoder()).encode(this.fileData));
 						// this.filePath = "";
 						// this.fileData = "";
@@ -202,7 +202,7 @@ export function FSExplorer() {
 				</div>
 			))}
 			<div class="flex vcenter" id="uploadcontainer">
-			<button class="large important" title="Upload to this directory" on:click={() => {
+			<button class="large primary" title="Upload to this directory" on:click={() => {
 				let input = h("input", { type: "file" });
 
 				input.addEventListener("change", () => {

src/main.jsx

@@ -217,7 +217,7 @@ function IntroSplash() {
 	};
 
 	let finish = async () => {
-		$el.classList.remove("important");
+		$el.classList.remove("primary");
 		$el.classList.add("disabled");
 		this.playlabel.innerText = "Initializing...";
 		window.assetblob = URL.createObjectURL(new Blob([encbuf]));
@@ -271,7 +271,7 @@ function IntroSplash() {
 						)),
 						(
 							<div>
-								<button class="action important" on:click={download}>
+								<button class="action primary" on:click={download}>
 									<span class="material-symbols-rounded">download</span>
 									<span class="label">Download Assets</span>
 								</button>
@@ -282,7 +282,7 @@ function IntroSplash() {
 					{$if(use(this.downloaded),
 						$if(use(this.decrypted),
 							(
-								<button class="action important" on:click={finish}>
+								<button class="action primary" on:click={finish}>
 									<span class="material-symbols-rounded">stadia_controller</span>
 									<span bind:this={use(this.playlabel)} class="label">Play</span>
 								</button>
@@ -293,7 +293,7 @@ function IntroSplash() {
 										Downloaded assets. Now you need to decrypt them. Find the game files directory for your copy of Celeste and upload <code>Content/Dialog/english.txt</code>.
 									</p>
 
-									<button class="action important" on:click={decrypt}>
+									<button class="action primary" on:click={decrypt}>
 										<span class="material-symbols-rounded">encrypted</span>
 										<span class="label">Decrypt</span>
 									</button>