> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hedwik.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit Theme

> Learn how to edit, compile, and rebuild the Skalven theme using Vite and LightningCSS.

Skalven is built with **Vite** and **LightningCSS**, which allows extremely fast compilation and a modern development workflow.

***

## **1. Requirements**

Before editing the theme, make sure you have:

* **Node.js** (Latest LTS recommended)
* **A code editor** (VS Code is recommended)
* **Basic terminal usage**

### **Check your Node.js installation**

If Node.js is not installed, download it from [**nodejs.org**](https://nodejs.org).

After installation, verify everything works:

* `node -v`
* `npm -v`
* `npx -v`

If all commands return version numbers, you're ready to continue.

***

## **2. Editing the Skalven Theme**

### **1. Extract the theme**

From your downloaded files, extract:

**skalven.zip**

Open the extracted folder in **VS Code**.

***

### **2. Install dependencies**

Open a terminal inside VS Code and run:

`npm install`

Wait until the installation is complete.

***

### **3. Start the development environment**

Run:

`npm run dev`

This command will:

* Compile CSS & JS instantly
* Watch file changes
* Refresh builds automatically

***

### **4. Build the production version**

When your changes are finished, run:

`npm run build`

A **dist/** folder will be generated.

***

### **5. Locate the final theme file**

Inside **dist/** you will find your production build:

**skalven.zip**

This is the file you need to upload to Ghost.

***

### **6. Upload your rebuilt theme**

In **Ghost Admin**, go to:

**Design & Branding → Change theme → Upload theme**

Upload the ZIP file from the **dist/** folder and click **Activate**.

***