No edit summary Tag: 2017 source edit |
m (Text replacement - "BlueSpice Cloud" to "BlueSpice cloud") |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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 | ||
|developer=HalloWelt | |developer=HalloWelt | ||
|type=MediaWiki | |type=MediaWiki | ||
|edition=BlueSpice pro, BlueSpice free, BlueSpice | |edition=BlueSpice pro, BlueSpice free, BlueSpice farm, BlueSpice cloud | ||
|compatible=MediaWiki | |compatible=MediaWiki | ||
|category=Skinning | |category=Skinning | ||
| Line 31: | Line 31: | ||
|extensionFocus=admin | |extensionFocus=admin | ||
}} | }} | ||
{{Translation}} | |||
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+ |
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 |
