Latest revision as of 10:51, 7 June 2024

Extension: FlexiSkin

Overview
Description:	Allows customizing of the skin
State:	stable	Dependency:	MediaWiki
Developer:	HalloWelt	License:	GPL-3.0-only
Type:	MediaWiki	Category:	Skinning
Edition:	BlueSpice pro, BlueSpice free, BlueSpice farm, BlueSpice cloud	Version:	4.1+
View user help page

Features

FlexiSkin allows you to customize the skin of your wiki. Choose between different colors or fonts and insert your own logo.

dedicated special page Special:Flexiskin
allows setting of various out of the box themes
allows definition of custom themes
fields with color picker
font type, size and color for headings and content
logo / favicon upload via drag&drop

Technical Information

This information applies to BlueSpice 4. Technical details for BlueSpice cloud can differ in some cases.

Requirements

MediaWiki: 1.39.0

Integrates into

FlexiSkin

Special pages

FlexiSkin

Permissions

Name	Description	Role
flexiskin-api	Use the FlexiSkin APIs	admin
flexiskin-viewspecialpage	View special page to customizing the skin	admin

Configuration

Name	Value
FlexiSkinColorPresets	array ( 'bluespice' => array ( 'colors/background/primary' => '#3e5389', 'colors/background/secondary' => '#ffffff', 'colors/background/tertiary' => '#d9d9d9', 'colors/background/quaternary' => '#999999', 'colors/foreground/primary' => '#ffffff', 'colors/foreground/secondary' => '#666666', 'colors/foreground/tertiary' => '#ffffff', 'colors/foreground/quaternary' => '#ffffff', ), 'turquoise' => array ( 'colors/background/primary' => '#1bbc9b', 'colors/background/secondary' => '#f5f5f5', 'colors/background/tertiary' => '#ffffff', 'colors/background/quaternary' => '#454545', 'colors/foreground/primary' => '#ffffff', 'colors/foreground/secondary' => '#454545', 'colors/foreground/tertiary' => '#1bbc9b', 'colors/foreground/quaternary' => '#ffffff', ), 'orange' => array ( 'colors/background/primary' => '#f4912c', 'colors/background/secondary' => '#4d4d4d', 'colors/background/tertiary' => '#f6f6f6', 'colors/background/quaternary' => '#dedede', 'colors/foreground/primary' => '#ffffff', 'colors/foreground/secondary' => '#ffffff', 'colors/foreground/tertiary' => '#4d4d4d', 'colors/foreground/quaternary' => '#4d4d4d', ), 'crimson' => array ( 'colors/background/primary' => '#bd0000', 'colors/background/secondary' => '#f6f6f6', 'colors/background/tertiary' => '#333333', 'colors/background/quaternary' => '#f6f6f6', 'colors/foreground/primary' => '#f6f6f6', 'colors/foreground/secondary' => '#333333', 'colors/foreground/tertiary' => '#bd0000', 'colors/foreground/quaternary' => '#333333', ), 'lime' => array ( 'colors/background/primary' => '#97bc00', 'colors/background/secondary' => '#e6e6e6', 'colors/background/tertiary' => '#f6f6f6', 'colors/background/quaternary' => '#97bc00', 'colors/foreground/primary' => '#ffffff', 'colors/foreground/secondary' => '#474747', 'colors/foreground/tertiary' => '#474747', 'colors/foreground/quaternary' => '#ffffff', ), 'turquoise dark' => array ( 'colors/background/primary' => '#4d4d4d', 'colors/background/secondary' => '#4d4d4d', 'colors/background/tertiary' => '#00adf1', 'colors/background/quaternary' => '#4d4d4d', 'colors/foreground/primary' => '#ffffff', 'colors/foreground/secondary' => '#ffffff', 'colors/foreground/tertiary' => '#4d4d4d', 'colors/foreground/quaternary' => '#ffffff', ), 'sunflower dark' => array ( 'colors/background/primary' => '#d9d9d9', 'colors/background/secondary' => '#d9d9d9', 'colors/background/tertiary' => '#fdce05', 'colors/background/quaternary' => '#353d40', 'colors/foreground/primary' => '#666666', 'colors/foreground/secondary' => '#666666', 'colors/foreground/tertiary' => '#ffffff', 'colors/foreground/quaternary' => '#ffffff', ), )

API Modules

flexiskin-activation
flexiskin-delete
flexiskin-preview
flexiskin-save

Hooks

Accessibility

Test status:	2-testing complete
Checked for:	Authoring tool
Last test date:	2022-08-08
WCAG level:	AA
WCAG support:	supports
Comments:	Save button can only be activated through tabbing. If it is "far away", it is useful to use browser's "find" functionality to focus on the button. No screen reader testing, since here you set the color scheme and fonts for the skin. Vision seems to be a requirement to accomplish this.
Extension type:	core
Extension focus:	admin

@@ Line 1: / Line 1: @@
-{{BSExtensionInfobox
+{{BSExtensionInfo
 |desc=allows to customize the skin of the wiki.
 |status=stable
 |developer=HalloWelt
 |type=MediaWiki
-|edition=BlueSpice Cloud
+|edition=BlueSpice pro, BlueSpice free, BlueSpice farm, BlueSpice cloud
-|active=Yes
 |compatible=MediaWiki
 |category=Skinning
 |license=GPL v2+
 |docu=https://en.wiki.bluespice.com/wiki/Manual:Extension/FlexiSkin
-}}
+|features=
 '''FlexiSkin''' allows you to customize the skin of your wiki. Choose between different colors or fonts and insert your own logo.
-==Usage / Features==
 *dedicated special page ''Special:Flexiskin''
@@ Line 21: / Line 18: @@
 *font type, size and color for headings and content
 *logo / favicon upload via drag&drop
+}}
+{{wcagCheck
+|wcagStatus=2-testing complete
+|wcagCheckedfor=Authoring tool
+|wcagTestdate=2022-08-08
+|wcagLevel=AA
+|wcagSupport=supports
+|wcagComments=Save button  can only be activated through tabbing. If it is "far away", it is useful to use browser's "find" functionality to focus on the button.
+No screen reader testing, since here you set the color scheme and fonts for the skin. Vision seems to be a requirement to accomplish this.
+|extensionType=core
+|extensionFocus=admin
+}}
+{{Translation}}

Reference:FlexiSkin: Difference between revisions