PHPackages                             extendscode/sllize-voyager-themes - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. extendscode/sllize-voyager-themes

ActiveLibrary[Utility & Helpers](/categories/utility)

extendscode/sllize-voyager-themes
=================================

This hook will add support for Voyager front-end themes

0.2(6y ago)0177[1 PRs](https://github.com/extendscode/voyager-themes/pulls)PHP

Since Dec 7Pushed 2y ago1 watchersCompare

[ Source](https://github.com/extendscode/voyager-themes)[ Packagist](https://packagist.org/packages/extendscode/sllize-voyager-themes)[ RSS](/packages/extendscode-sllize-voyager-themes/feed)WikiDiscussions master Synced today

READMEChangelogDependencies (1)Versions (4)Used By (0)

[![](/cover.png?raw=true)](https://laravelvoyager.com/)

Voyager Themes
==============

[](#voyager-themes)

This is a theme hook for voyager and the hook system

[![Voyager Themes Admin Page](https://camo.githubusercontent.com/dbfb140c5dc2d2c0335fdd853ec53c55cbd71694905c13b4673f5f7921eb2005/68747470733a2f2f692e696d6775722e636f6d2f754737387235302e706e67)](https://camo.githubusercontent.com/dbfb140c5dc2d2c0335fdd853ec53c55cbd71694905c13b4673f5f7921eb2005/68747470733a2f2f692e696d6775722e636f6d2f754737387235302e706e67)

Installing the hook
-------------------

[](#installing-the-hook)

You can use the artisan command below to install this hook

```
php artisan hook:install voyager-themes
```

Adding Themes
-------------

[](#adding-themes)

The **voyager-themes** hook will look inside of the `resources/themes` folder for any folder that has a `.json` file inside of it with the same name. *(You can change the theme folder location in the config)*

As an example if you have a folder called **sample-theme** and inside that folder you have another file called **sample-theme.json** with the following contents:

```
{
    "name": "Sample Theme",
    "version": "1.0"
}

```

Voyager Themes will detect this as a new theme. You can also include a sample screenshot of your theme, which would be **sample-theme.jpg** *(800x500px) for best results*

In fact, you can checkout the sample-theme repo here:

You can activate this theme inside of Voyager and then when you want to tell your application which view to load you can use:

```
return view('theme::welcome')

```

This will then look in the current active theme folder for a new view called `welcome.blade.php` :D

Theme Configs
-------------

[](#theme-configs)

You may choose to publish a config to your project by running:

```
php artisan vendor:publish

```

You will want to publish the `voyager-themes-config`, and you will now see a new config located at `config/themes.php`, which will look like the following:

```