1 files changed, 49 insertions, 0 deletions
diff --git a/www/wiki/skins/bo/LocalSettings.md b/www/wiki/skins/bo/LocalSettings.md
new file mode 100755
index 00000000..c7930716
--- /dev/null
+++ b/www/wiki/skins/bo/LocalSettings.md
@@ -0,0 +1,49 @@
+# Code to "LocalSettings.php" for using the bo flavour to the MediaWiki Chameleon skin
+
+```php
+
+## Default skin 
+$wgDefaultSkin = 'chameleon';
+
+# Chameleon Overrides for BO
+
+## Define Layout
+#$egChameleonLayoutFile = __DIR__ . '/skins/bo/layout-navbar.xml';
+$egChameleonLayoutFile = __DIR__ . '/skins/bo/layout-tools.xml';
+
+$egChameleonExternalStyleModules = [
+	__DIR__ . '/skins/bo/bootswatch.less' => $wgScriptPath,
+	__DIR__ . '/skins/bo/variables.less' => $wgScriptPath,
+	__DIR__ . '/skins/bo/bo.less' => $wgScriptPath
+	];
+```
+
+For overriding Bootstrap variables:
+
+```
+$egChameleonExternalLessVariables = [
+	'font-size-base' => '18px',
+	'font-size-large' => '20px',
+	'font-size-small' => '14px',
+	'font-size-h1' => '22px',
+	'font-size-h2' => '20px',
+	'font-size-h3' => '18px',
+	'line-height-base' => '1.5', 
+	'navbar-margin-bottom' => '10px',
+	'navbar-default-bg' => 'rgba( 94, 157, 200, 1 )',
+	'navbar-default-border' => 'rgba( 94, 157, 200, 1 )',
+	'nav-tabs-active-link-hover-color' => 'rgba( 255, 255, 255, 1 )',
+	'input-border-focus' => 'rgba(0, 0, 0, .1)'
+	];
+
+```
+
+You can add this code if you wish to recompile css after modifying the less files:
+
+```php
+# for testing and customizing
+\Bootstrap\BootstrapManager::getInstance()->addCacheTriggerFile( __DIR__ . '/skins/bo/bo.less' );
+\Bootstrap\BootstrapManager::getInstance()->addCacheTriggerFile( __DIR__ . '/skins/bo/botswatch.less' );
+\Bootstrap\BootstrapManager::getInstance()->addCacheTriggerFile( __DIR__ . '/skins/bo/variables.less' );
+
+```