Skip to main content

Diamonds Theme

SaaSykit comes with a modern theme called "Diamonds" that is fully customizable. You can change the colors, fonts, and styles of the theme to match your brand.

The theme features a clean and modern design with focus on simplicity, space, bigger fonts, and beautifully-designed sections.

Diamonds theme

To check the Diamonds theme in action, please watch the following video:

Installation​

To install the Diamonds theme, please follow the steps below:

  1. Go to the Diamonds theme repository and clone the repository or download the ZIP file and unzip it.
  2. Copy the contents of resources/views folder into the resources/views folder of your SaaSykit/SaaSykit Tenancy installation. (If you want to compare how different themes look like to pick the best one, please see the section below)
  3. Copy the folder resources/svg/diamonds into the resources/svg folder of your SaaSykit/SaaSykit Tenancy installation.
  4. Copy the folder public/images/diamonds into the public/images folder of your SaaSykit/SaaSykit Tenancy installation.
  5. Copy the tailwind.config.js file into the root folder of your SaaSykit/SaaSykit Tenancy installation. (In case you did some changes in the tailwind.config.js file, make sure to merge the changes with the Diamonds theme file)

That's it!

Now run:

npm run dev

to compile the assets, and you are ready to go!

Comparing Themes​

If you want to compare the Diamonds theme with the default theme or other themes that comes with SaaSykit to see which one fits your site better, you might not want to overwrite the folder resources/views (step 2) with the Diamonds theme, instead:

  1. Copy the contents of the Diamonds theme into a new folder called diamonds inside the resources/views folder of your SaaSykit/SaaSykit Tenancy installation.
  2. Then publish the views configuration file by running the following command:
php artisan config:publish

Choose the "view" option from the select list. This will create a new file called config/views.php in the config folder of your SaaSykit/SaaSykit Tenancy installation.

  1. Then you can change the paths value in the config/views.php file to point to the Diamonds theme folder:
    'paths' => [
        resource_path('views') . '/diamonds',
    ],

This will point the views to the Diamonds theme folder instead of the default views folder. You can switch between themes by changing the paths value in the config/views.php file and refresh the website to compare the themes.