require(['TYPO3/CMS/Backend/Notification'], function(Notification) { Notification.info('Deleted', 'The object was deleted.'); }); require(['TYPO3/CMS/Backend/Notification'], function(Notification) { Notification.success('Created', 'The new configuration was successfully created.'); }); require(['TYPO3/CMS/Backend/Notification'], function(Notification) { Notification.success('Updated', 'Save custom-variables.scss & clean up temporary files.'); });

Configuration

Edit this configuration

uid page uid page title
{config.confUid} {config.uid} {config.title}
Delete this configuration
New main configuration Override configuration
Custom scss is activated!

You can override default Bootstrap variables here:

You can override default Bootswatch SCSS (Theme: {settings.bootswatch}) here:

You can set your own SCSS here:

You can override default Bootstrap variables on the root page.

You can override default Bootstrap variables in {settings.customScssPath}custom-variables.scss without modifying source files.
Clean up temporary files in typo3temp/var/cache/data/ws_scss/ after edit this file!

Custom SCSS is activated but no custom-variables.scss file exist!
Run the schedular task "T3SB Custom Scss" to write the file.

The EXT:ws_scss is not loaded - Custom SCSS is activated but not available.

The EXT:ws_scss is loaded - but Custom SCSS is not activated.

The EXT:ws_scss is not loaded - Custom SCSS is not available.

Currently available utility colors:

{colorkey} {color}

Set the following constant to disable the "Utility Colors":
bootstrap.config.enableUtilityColors = 0