No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| Line 1: | Line 1: | ||
{{ | {{BSExtensionInfo | ||
|desc=allows to customize the skin of the wiki. | |desc=allows to customize the skin of the wiki. | ||
|status=stable | |status=stable | ||
| Line 31: | Line 31: | ||
|extensionFocus=admin | |extensionFocus=admin | ||
}} | }} | ||
{{Translation}} | |||
Revision as of 11:35, 20 July 2023
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 Farm" is not in the list (BlueSpice free, BlueSpice free (deactivated), BlueSpice pro, BlueSpice pro (deactivated), BlueSpice farm, BlueSpice farm (deactivated), BlueSpice cloud, BlueSpice cloud (deactivated)) of allowed values for the "BSExtensionInfoEdition" property., BlueSpice Cloud"BlueSpice Cloud" is not in the list (BlueSpice free, BlueSpice free (deactivated), BlueSpice pro, BlueSpice pro (deactivated), BlueSpice farm, BlueSpice farm (deactivated), BlueSpice cloud, BlueSpice cloud (deactivated)) of allowed values for the "BSExtensionInfoEdition" property. | Version: | 4.1+ |
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 |
