MineStore
Customization

Changing the colors

Edit \resources\js\pages\App.vue and check the line 495

:root {
  --main-color: #3498db;
  --main-color-transparent: rgb(52, 152, 219, 0.6);
  --sleek-logo-size: 450px;
}

Changing the background

Edit \resources\js\pages\App.vue and check the line 501

.headerbg {
  background: url("/assets/img/logo.png");
}

Translating The Store

You can find the translations inside \resources\js\vue-i18n-locales.generated.js, after you translate the text run:

npm run production

Editing the TopBar

In order to modify the topbar, edit resources/js/components/Header/Header.vue and look for

<ul>
  <li><a href="/"><i class="fas fa-home"></i> <span class="text">Home</span></a></li>
  <li><a href="/"><i class="fas fa-comments"></i> <span class="text">Forums</span></a></li>
  <li><a href="/"><i class="fas fa-shield-alt"></i> <span class="text">Bans</span></a></li>
</ul>

How to change the default theme to dark.

Edit resources/views/welcome.blade.php and change

<body>

to

<body class="dark">
InstallationInstallation