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

# Edit Theme

> You can edit your theme settings to customize the appearance of your webstore.

## Introduction

You can edit your theme settings to customize the appearance of your webstore. You can change the **colors**, fonts, and other settings to match your brand.

## Theme Settings

To edit your **theme settings**:

1. In the left sidebar of the admin panel, click **Themes** tab.
2. Select the theme you want to edit.
3. Click **Edit** button.

## Recolor Theme

You can recolor your default theme to match your webstore branding and style in seconds. You just need to select the primary color, and other colors will be automatically generated based on the primary color.

<CardGroup cols={1}>
  <Card title="Recolor Theme" icon="droplet" href="/features/themes/recolor-theme">
    Learn how to recolor your default theme to match your webstore branding and style.
  </Card>
</CardGroup>

## Theme Editing Tools

### Build Template

This function allows you to **build the template**. You can build the template to **apply changes after editing** the theme files.

**You need to build the template after making changes to the theme files to apply the changes to your webstore.**

You can also manually build the template by running the following command in the terminal:

```bash theme={null}
service minestore_frontend restart
```

### File Manager

File Manager allows you to edit the theme files directly. You can edit the HTML, CSS, JavaScript and Typescript files of your theme.

<CardGroup cols={2}>
  <Card title="File Manager" icon="upload" href="/features/themes/file-manager">
    Learn how to use the File Manager to edit your theme files.
  </Card>

  <Card title="Frontend" icon="code" href="https://minestorecms.com/discord">
    Join our Discord server for support and assistance.
  </Card>
</CardGroup>

### Frontend Application Logs

Logs allows you to view the logs of your frontend application to debug issues. You can simply press the **"View Logs"** button to view the logs for `service minestore_frontend`.

You can also manually view the logs by running the following command in the terminal:

```bash theme={null}
service minestore_frontend status
```

<img className={"rounded-md"} src="https://mintcdn.com/minestorecms/VtrvDTg9Ae1Jio21/images/features/themes/logs-feature.png?fit=max&auto=format&n=VtrvDTg9Ae1Jio21&q=85&s=b1545db74a3bcd99d1841c7e96543015" alt="Logs" width="1535" height="153" data-path="images/features/themes/logs-feature.png" />

### Changing Default Theme Mode

You can also change the default theme mode to **"Dark"** or **"Light"** mode. This will change the default theme mode for your webstore.

1. Scroll down to the **"General Settings"** section.
2. Select the **"Theme"** you want to use - **"Dark"**, **"Light"** or **"System"** (by default `dark`).
3. Scroll down until the **"Language Settings"** section.
4. Click **"Save Changes"** button to save the changes.

### Enabling/Disabling Particle Animation

You can enable or disable the particle animation on the homepage of your webstore.

1. Scroll down to the **"General Settings"** section.
2. Toggle the **"Header Particles Animation"** switch to enable or disable the particle animation.
3. Scroll down until the **"Language Settings"** section.
4. Click **"Save Changes"** button to save the changes.