PHPackages sunnysideup/silverstripe-vanilla - 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. sunnysideup/silverstripe-vanilla ActiveSilverstripe-theme sunnysideup/silverstripe-vanilla ================================ An alternative default theme for SilverStripe. 1.0.2(2y ago)083BSD-3-ClauseScheme Since Jul 25Pushed 1mo agoCompare [ Source](https://github.com/sunnysideup/silverstripe-vanilla)[ Packagist](https://packagist.org/packages/sunnysideup/silverstripe-vanilla)[ Docs](https://github.com/praxisnetau/silverstripe-vanilla)[ RSS](/packages/sunnysideup-silverstripe-vanilla/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (1)Versions (9)Used By (0) SilverStripe Vanilla Theme ========================== [](#silverstripe-vanilla-theme) [ ![Vanilla](https://camo.githubusercontent.com/962091bd7d4c4d23b4bf1a13bb01868910eb0a5b229b12b148ca2f536c5ab142/68747470733a2f2f692e696d6775722e636f6d2f647365305361782e706e67) ](https://i.imgur.com/dse0Sax.png) An alternative default theme for SilverStripe v4, based upon: - [Webpack v3](https://github.com/webpack/webpack) (includes [dev server](https://github.com/webpack/webpack-dev-server)) - [Bootstrap v4](http://getbootstrap.com/) - [SilverStripe v4](https://github.com/silverstripe/silverstripe-framework) - [Font Awesome](http://fontawesome.io) - [Modernizr](https://modernizr.com) Also includes responsive typography styles, and form field template overrides to use Bootstrap form styles. Contents -------- [](#contents) - [Requirements](#requirements) - [Installation](#installation) - [Configuration](#configuration) - [Usage](#usage) - [Issues](#issues) - [Contribution](#contribution) - [Attribution](#attribution) - [Maintainers](#maintainers) - [License](#license) Requirements ------------ [](#requirements) - [SilverStripe Framework v4](https://github.com/silverstripe/silverstripe-framework) Installation ------------ [](#installation) Installation is via [Composer](https://getcomposer.org): ``` $ composer require praxisnetau/silverstripe-vanilla ``` If you want to modify the theme, you will also need to use Yarn (or NPM) to install the theme dependencies: ``` $ cd themes/vanilla $ yarn install ``` Configuration ------------- [](#configuration) To use this theme with your SilverStripe application, you will need to configure `SSViewer` via YAML: ``` SilverStripe\View\SSViewer: themes: - 'vanilla' - '$default' ``` Usage ----- [](#usage) This theme includes three modes for working with your source files: ``` $ yarn watch # monitors source files for changes and rebuilds automatically $ yarn build # prepares JS/CSS bundles for deployment to production server $ yarn start # runs webpack-dev-server to automatically update browser ``` ### Watch [](#watch) Using this mode, your source files will be monitored for changes and your theme bundles will be automatically rebuilt when a change is detected: ``` $ yarn watch ``` Note that when using this mode, you will need to manually refresh your browser to see the changes. ### Build [](#build) When your theme is ready to be deployed to production, you can run `build`to prepare your JS/CSS bundles. Webpack will optimise and minify the bundles accordingly: ``` $ yarn build ``` ### Start [](#start) In this mode, `webpack-dev-server` will be started to monitor your source files changes and will automatically update the browser without the need to refresh the page: ``` $ yarn start ``` This mode is a little trickier to get working than the others. In order to make use of this mode, you need to inform SilverStripe to load the theme bundles from the development server, which by default runs at `http://localhost:8080`. Open the `templates/Page.ss` file, and look for these lines: ``` ``` To use the development server, you'll need to uncomment the `http://localhost:8080` lines and comment out the `themedCSS` and `themedJavascript` lines. When your theme is ready for production, you'll need to `build` the bundles and revert back to the the `themedCSS` and `themedJavascript` lines. You can make this whole process automatic with some logic added to your `PageController` class, but that goes beyond the scope of this repo! Issues ------ [](#issues) Please use the [GitHub issue tracker](https://github.com/praxisnetau/silverstripe-vanilla/issues) for bug reports and feature requests. Contribution ------------ [](#contribution) Your contributions are gladly welcomed to help make this project better. Please see [contributing](CONTRIBUTING.md) for more information. Attribution ----------- [](#attribution) - Makes use of [Font Awesome](http://fontawesome.io) by [Dave Gandy](https://github.com/davegandy). - Makes use of [Bootstrap](http://getbootstrap.com/) by the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors)and [Twitter, Inc](https://twitter.com). - Makes use of [webpack](https://github.com/webpack/webpack) and [webpack dev server](https://github.com/webpack/webpack-dev-server)by [Tobias Koppers](https://github.com/sokra), [Kees Kluskens](https://github.com/SpaceK33z), and [many more](https://github.com/webpack/webpack/graphs/contributors). Maintainers ----------- [](#maintainers) [![Colin Tucker](https://avatars3.githubusercontent.com/u/1853705?s=144)](https://github.com/colintucker)[![Praxis Interactive](https://avatars2.githubusercontent.com/u/1782612?s=144)](http://www.praxis.net.au)[Colin Tucker](https://github.com/colintucker)[Praxis Interactive](http://www.praxis.net.au)License ------- [](#license) [BSD-3-Clause](LICENSE.md) © Praxis Interactive ### Health Score 34 — LowBetter than 77% of packages Maintenance61 Regular maintenance activity Popularity9 Limited adoption so far Community10 Small or concentrated contributor base Maturity49 Maturing project, gaining track record Bus Factor1 Top contributor holds 79.6% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~14 days Total 4 Last Release 979d ago Major Versions 1.0.2 → 5.x-dev2023-09-06 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/167154?v=4)[Sunny Side Up](/maintainers/sunnysideup)[@sunnysideup](https://github.com/sunnysideup) --- Top Contributors [![sunnysideup](https://avatars.githubusercontent.com/u/167154?v=4)](https://github.com/sunnysideup "sunnysideup (43 commits)")[![colintucker](https://avatars.githubusercontent.com/u/1853705?v=4)](https://github.com/colintucker "colintucker (6 commits)")[![S-GrabhamMadden](https://avatars.githubusercontent.com/u/27248899?v=4)](https://github.com/S-GrabhamMadden "S-GrabhamMadden (4 commits)")[![DorsetDigital](https://avatars.githubusercontent.com/u/15108750?v=4)](https://github.com/DorsetDigital "DorsetDigital (1 commits)") --- Tags silverstripethemevanilla ### Embed Badge ![Health badge](/badges/sunnysideup-silverstripe-vanilla/health.svg) ``` [![Health](https://phpackages.com/badges/sunnysideup-silverstripe-vanilla/health.svg)](https://phpackages.com/packages/sunnysideup-silverstripe-vanilla) ``` ### Alternatives [silverstripe-themes/simple The SilverStripe simple theme (default SilverStripe 3 theme) 411.3M8](/packages/silverstripe-themes-simple) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)