Skip to content

Commit

Permalink
Update Minimal Theme docs headings
Browse files Browse the repository at this point in the history
  • Loading branch information
zepfietje committed Nov 7, 2023
1 parent 8f0b5d2 commit 571d240
Showing 1 changed file with 9 additions and 1 deletion.
10 changes: 9 additions & 1 deletion content/plugins/filament-minimal-theme.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,8 @@ You will be prompted to provide a username and password. Use your order email ad

### Panels

#### Stylesheet

To start using the Minimal Theme with the Filament Panel Builder, you need to [create a custom theme](https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme).

Next, replace the imported Panel Builder stylesheet with the Minimal Theme stylesheet in your theme CSS file:
Expand All @@ -60,6 +62,8 @@ Next, replace the imported Panel Builder stylesheet with the Minimal Theme style
+ @import '/vendor/filament/minimal-theme/resources/css/index.css';
```

#### Configuration

Finally, register the theme plugin in your panel configuration file, and configure the colors and icons:

```php
Expand All @@ -84,12 +88,14 @@ class AdminPanelProvider extends PanelProvider
}
```

### Outside panels
### Standalone

If you're using Filament packages outside the Panel Builder, you may install the Minimal Theme using the following steps.

First, make sure you've properly installed any Filament packages. Your project should have a Tailwind CSS config file that extends the Filament preset, a stylesheet (e.g. `resources/css/app.css`), and a layout view that renders `@filamentStyles`.

#### Stylesheet

In your app CSS file, import the Minimal Theme stylesheets for the Filament packages you're using:

```css
Expand All @@ -108,6 +114,8 @@ In your app CSS file, import the Minimal Theme stylesheets for the Filament pack

Next, compile your updated stylesheet using `npm run build`.

#### Configuration

Finally, the theme's colors, color shades, and icons need to be configured. You may do this by registering the theme's service provider in `config/app.php` by adding it to the `providers` array:

```php
Expand Down

0 comments on commit 571d240

Please sign in to comment.