FANDOM


ModernWikiActivity modernizes Special:WikiActivity and adds in Fandom icons to replace the image sprites. It also offers customization options.

Installation

Customization

You can customize the stylesheet to your liking by changing the CSS variables contained in .activityfeed > li. Currently supported variables are:

Colors

Any color value (hex, HTML name) is accepted.

Variable Description Default value
--mwa-edit Edit icon color #feaf09
--mwa-talk Talk icon color grey
--mwa-cat Categorization icon color #b76801
--mwa-new New Page icon color deepskyblue


  • Orange#feaf09for edit icon$mwa-edit
  • Grey#808080for talk icon$mwa-talk
  • Dark Golden Rod#b76801for categorization icon$mwa-cat
  • Deep Sky Blue#00bffffor new page icon$mwa-new


Other

Variable Description Default value Allowed values
--mwa-font Font family Rubik, sans-serif Any font family (inherit for default)
--mwa-link-transform Link text case uppercase uppercase, lowercase, capitalize, none
--mwa-text-transform Bold text case uppercase uppercase, lowercase, capitalize, none
--mwa-avatar-radius Avatars' border radius 50% Valid border-radius values, none

For example, to customize all the colors and the font family, one would edit the configuration like so:

.activityfeed > li {
    --mwa-edit: #212241;
    --mwa-talk: mediumaquamarine;
    --mwa-cat: mistyrose;
    --mwa-new: #0078ff;
    --mwa-font: Georgia, serif;
    --mwa-link-transform: lowercase;
    --mwa-text-transform: none;
    --mwa-avatar-radius: 2px;
}

Changelog

  • 04.09.18 - Initial revision
  • 04.10.18 - Adding support for dark theme
  • 04.12.18 - Adding changes to avatars and description text, adding icon before page title
  • 05.18.18 - Rewrite using URLs for icons instead of paths, removing icon before page title
  • 08.01.18 - Adding customization options

See also

Text above can be found here (edit)

Start a Discussion Discussions about ModernWikiActivity

  • ModernWikiActivity

    6 messages
    • Puxlit wrote: RebeccaRabbitLover01 wrote: […] You mean I have to move the code I've written on the top of...
    • Addendum: WRT combining @imports, in your case they can be combined into: @imp...
Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+