Skin:Cosmos

MediaWiki skins manual - category
Crystal Clear device blockdevice.png
Cosmos
Release status: stable
Cosmos skin.png
Description Cosmos is a skin designed and based off Fandom's Oasis skin. Designed to improve upon their design, and provide an efficient MediaWiki skin for non-Fandom users, or for users transitioning out of Fandom.
Author(s) Universal Omega
SamanthaNguyen
Latest version 3.6.4 (October 14, 2020)
MediaWiki 1.35.0+
License GNU General Public License 2.0 or later
Download
README.md
Join the Cosmos Discord server if you require immediate assistance, or create a task on Phabricator about it (link below).
Example mwcosmos.com
Parameters
  • $wgCosmosBannerBackgroundColor
  • $wgCosmosBannerLogo
  • $wgCosmosWikiHeaderWordmark
  • $wgCosmosWikiHeaderBackgroundImage
  • $wgCosmosBackgroundImage
  • $wgCosmosMainBackgroundColor
  • $wgCosmosContentBackgroundColor
  • $wgCosmosBackgroundImageSize
  • $wgCosmosLinkColor
  • $wgCosmosButtonColor
  • $wgCosmosToolbarColor
  • $wgCosmosFooterColor
  • $wgCosmosSocialProfileModernTabs
  • $wgCosmosSocialProfileRoundAvatar
  • $wgCosmosSocialProfileShowEditCount
  • $wgCosmosSocialProfileShowGroupTags
  • $wgCosmosUseSocialProfileAvatar
  • $wgCosmosEnablePortableInfoboxEuropaTheme
  • $wgCosmosUseMessageforToolbar
  • $wgCosmosBackgroundImageNorepeat
  • $wgCosmosBackgroundImageFixed
  • $wgCosmosProfileTagGroups
  • $wgCosmosNumberofGroupTags
  • $wgCosmosContentOpacityLevel
Translate the Cosmos skin if it is available at translatewiki.net
Check usage and version matrix;
Issues : Open tasks · Report a bug

Cosmos is a skin designed and based off Fandom's Oasis skin. Designed to improve upon their design, and provide an efficient MediaWiki skin for non-Fandom users, or for users transitioning out of Fandom. If you would like to learn how to contribute, please read our guide.

InstallEdit

  • Download and place the file(s) in a directory called Cosmos in your skins/ folder.
  • Add the following code at the bottom of your LocalSettings.php:
wfLoadSkin( 'Cosmos' );
  • Configure as required.
  •   Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

ConfigurationEdit

These settings will apply when Cosmos is the active skin.

Option Type Default value Requires Documentation
$wgCosmosBannerBackgroundColor String; color name or hex code #c0c0c0 Changes the background color of the top banner (the one with the personal tools drop-down).
$wgCosmosBannerLogo String; full URL null Sets a logo to appear in the top banner next to the search input field.
$wgCosmosWikiHeaderWordmark String; full URL
  • $wgLogos['wordmark']['src'] (if exists)
  • $wgLogos['1x'] (if exists; fallback)
  • $wgLogo (if neither of the above exist)
  • null (if none of those exist)
Adds a wordmark to the wiki header (the one with the site navigation links).
$wgCosmosWikiHeaderBackgroundImage String; full URL null Adds a background image to the wiki header (the one with the site navigation links); blends image with header colors using gradient.
$wgCosmosWikiHeaderBackgroundColor String; color name or hex code #c0c0c0 Changes the background color of the wiki header (the one with the site navigation links); $wgCosmosWikiHeaderBackgroundImage uses this to blend the image to this color, if the image is set.
$wgCosmosBackgroundImage String; full URL null Adds a background image to the page body (behind the content area); effectively nullifies $wgCosmosMainBackgroundColor, as the image would cover the color.
$wgCosmosMainBackgroundColor String; color name or hex code #1A1A1A Adds a background color to the page body (behind the content area); effectively nullified by $wgCosmosBackgroundImage, as the image would cover the color.
$wgCosmosContentBackgroundColor String; color name or hex code #ffffff Changes the background color of the main wiki article content area and the Cosmos sidebar (if MediaWiki:Cosmos-customsidebar is set); $wgCosmosContentOpacityLevel uses this to create an RGBA styled background color-opacity level.
$wgCosmosBackgroundImageSize String; auto, contain, or cover cover $wgCosmosBackgroundImage set; Sets the background image size for the body background if set; while the string accepts all values, it's recommended to use one of the following: auto, contain, or cover.
$wgCosmosLinkColor String; color name or hex code #0645ad Changes the color of links in the cosmos wiki article area and the cosmos sidebar (if MediaWiki:Cosmos-customsidebar is set).
$wgCosmosButtonColor String; color name or hex code #c0c0c0 Changes the background color of the page action buttons for Cosmos; also sets PortableInfobox coloring through blending if the extension is installed.
$wgCosmosToolbarColor String; color name or hex code #000000 Changes the background color of the floating toolbar at the bottom.
$wgCosmosFooterColor String; color name or hex code #c0c0c0 Changes the background color of the footer; the footer always has an opacity of 0.8, so this variable is converted to RGBA to set this opacity.
$wgCosmosUseMessageforToolbar Boolean false MediaWiki:Cosmos-toolbar set; Replaces the floating toolbar with the contents of MediaWiki: Cosmos-toolbar. This interface message should be sidebar-formatted. If this variable is false, the contents of MediaWiki:Cosmos-toolbar will be appended to the toolbar rather than replacing it.
$wgCosmosBackgroundImageNorepeat Boolean true $wgCosmosBackgroundImage set; if true the background image will be set to 'no-repeat'.
$wgCosmosBackgroundImageFixed Boolean true $wgCosmosBackgroundImage set; If true the background image will be set to position: fixed;.
$wgCosmosContentOpacityLevel Integer; in percentage, without the percent symbol (%) 100 $wgCosmosContentBackgroundColor set; Set the content area background opacity in percentage (without the percent symbol (%).

Extension configuration settingsEdit

SocialProfileEdit

These configuration settings require SocialProfile to be installed in order to use them.

Option Type Default value Requires Documentation
$wgCosmosSocialProfileModernTabs Boolean true Enables a modern version of the tabs on SocialProfile profile pages.
$wgCosmosSocialProfileRoundAvatar Boolean true Makes the avatar round on SocialProfile profile pages.
$wgCosmosSocialProfileShowEditCount Boolean true Show's the edit count and registration date for the user on SocialProfile profile pages, underneath their username.
$wgCosmosSocialProfileShowGroupTags Boolean true $wgCosmosNumberofGroupTags set and more then zero; $wgCosmosProfileTagGroups set with at least 1 usergroup in the array Enables usergroup tags to appear next to user's username on SocialProfile profile pages.
$wgCosmosUseSocialProfileAvatar Boolean true Use SocialProfile avatar as avatar next to username in top banner (the banner with the personal tool drop-down). If user doesn't have an avatar and this is set, will use the default SocialProfile avatar.
$wgCosmosProfileTagGroups Array [ 'bureaucrat', 'bot', 'sysop', 'interface-admin', 'suppressor' ] $wgCosmosNumberofGroupTags set and more then zero; $wgCosmosSocialProfileShowGroupTags set as true Array of usergroups to show on SocialProfile pages if the user has them.
$wgCosmosNumberofGroupTags Integer 2 $wgCosmosProfileTagGroups set with at least 1 usergroup in the array; $wgCosmosSocialProfileShowGroupTags set as true Set the max number of group tags to show on a user's SocialProfile page if they have them.

PortableInfoxEdit

These configuration settings require PortableInfobox to be installed in order to use them.

Option Type Default value Requires Documentation
$wgCosmosEnablePortableInfoboxEuropaTheme Boolean true $wgCosmosButtonColor set; Enables the Europa theme from Fandom's portable infobox extension on the ported extension.

InterfaceEdit

MediaWiki:Cosmos-tagline
Modifies the sitename text in the wiki header. Defaults to the value of MediaWiki:Sitename.
MediaWiki:Cosmos-customsidebar
creates a custom sidebar. If the MediaWiki message is empty, contains only white space, contains only a "-", or is non-existent, the sidebar will be completely hidden.
MediaWiki:Cosmos-stickysidebar
creates a custom sticky sidebar. If the MediaWiki message is empty, contains only white space, contains only a "-", or is non-existent, the sidebar will be completely hidden.
MediaWiki:Cosmos-toolbar
See configuration section for usage and MediaWiki:Cosmos-navigation for formatting.
MediaWiki:Cosmos-navigation
Modifies the site navigation for this skin; defaults to MediaWiki:Sidebar, although it is recommended to copy MediaWiki:Sidebar to MediaWiki:Cosmos-navigation and follow the Cosmos navigation format for the best results. This navigation can be up to 3 levels deep, in the format of:

*#|Community
**mainpage|Main Page
**recentchanges-url|RecentChanges
**portal-url|Community Portal
*link|Tab title/level one
**Level 2 tab title
***Level 3 content 1

*cosmos-explore
**Special:RecentChanges|cosmos-recentchanges
**Special:Random|Random page
**Special:NewFiles|New files
**Special:WantedPages|Wanted pages

Compatibility and notesEdit

  • An "Admin Dashboard" icon will appear if the AdminLinks extension is enabled and you have the needed right.
  • Cosmos uses cookies for the sitenotice by default. If the DismissableSiteNotice extension is enabled, then Cosmos will convert to that extension instead.
  • Cosmos supports Echo notifications, if the Echo extension is enabled, then Cosmos will use that for notifications. If the echo extension is not enabled, then Cosmos will use a built in notification system, which only displays new talk page messages.
  • Cosmos has a create article method to easily create articles through a popup.
  • When Cosmos is installed, there will be a "Cosmos skin" tab in Special:Preferences. There is a preference to toggle the mobile responsive version of Cosmos, which is enabled by default.
  • Cosmos does not support the DarkMode extension, therefore removes it from the personal tools when it's enabled.
  • Cosmos supports Miraheze's ManageWiki extension. It will adhere to the managewikisidebar preference, and if that is on, it will display manage wiki links in the navigation.
  • Cosmos is tested and works with VisualEditor.
  • There are body classes for the main page and whether a user is logged in or not.

Planned featuresEdit

  • Configuration to change the article area width is planned.