RuneScape:Theme

From the RuneScape Wiki, the wiki for all things RuneScape
Jump to: navigation, search

This page contains information about the look of the RuneScape Wiki. It is intended to describe the theme used by the Vector skin, which is the default for both unregistered and registered users.

General discussion about the wiki's default theme may take place on the talk page. Any major changes to the wiki's theme or logo (with the exception of alterations for holiday events) must be approved by a Yew Grove thread.

Identity[edit source]

RuneScape Wiki logo dark.svg
RuneScape Wiki logo light.svg

The wiki's identity includes the logo, the name, and any word, phrase, image or other designation that identifies the wiki and its content. The RuneScape Wiki logo, shown above, is the symbol of the wiki. The logo is set in Cinzel and Verlag and should only use the base colors shown below.

This site's full name is "RuneScape Wiki", not "RuneScape Wikia", "Rune Wiki", or any variants thereof.

Per discussion, for Easter, Halloween, Thanksgiving, and Christmas, as well as any other appropriate holidays, the wiki's logo may be changed to a derivative that incorporates symbols of that particular holiday.

Colors[edit source]

Brand[edit source]

Blue

@chathams-blue

#115883

@jelly-bean

#246c97

@steel-blue

#438ab5

@fountain-blue

#6ba5c8

@spindle

#c1deee

@selago

#f6fbfe

Slate

@river-bed

#444e5a

@shuttle-gray

#5d6773

@gray-chateau

#949eaa

@loblolly

#bdc5cd

@mystic

#e4eaee

@black-haze

#f9fafa

Gray

@mineshaft

#333333

@tundora

#4c4c4c

@boulder

#777777

@silver

#cccccc

@gallery

#eeeeee

@alabaster

#f9f9f9

Dark mode

@black-pearl

#071022

@big-stone

#172136

@cloud-burst

#222e45

@pickled-bluewood

#313e59

@waikawa-grey

#596e96

@portage

#8cabe6

Status[edit source]

@mocaccino

#801c13

@old-brick

#9f261e

@flamingo

#ee4231

@apricot-peach

#fbc0ba

@bridesmaid

#feecea

@antique-bronze

#7a3f08

@korma

#b55e0c

@ecstasy

#f7861b

@corvette

#fbcfa6

@lace

#fef0e4

@cinnamon

#786300

@olive

#a48900

@supernova

#f9d000

@golden

#fcea94

@half-dutch

#fef9de

@san-felix

#2e5e05

@la-palma

#3c780a

@lima

#6bc71f

@caper

#c3e8a3

@frost

#ecf8e3

@regal-blue

#03436b

@venice-blue

#0b5884

@curious-blue

#3ea6e6

@jordy-blue

#aad9f5

@tropical-blue

#e5f3fc

@honey-flower

#3d276b

@seance

#4f348b

@medium-purple

#855cd8

@perfume

#cfc0f0

@heliotrope

#f0ecfa

@cosmic

#6d3662

@cannon-pink

#984c89

@lavender

#e874cf

@cherub

#f5c8ec

@french-lilac

#fceef9

@river-bed

#444e5a

@shuttle-gray

#5d6773

@gray-chateau

#949eaa

@mystic

#e4eaee

@black-haze

#f9fafa

Classes[edit source]

Main article: /Classes

The wiki stylesheets contain various helper classes for applying colours, some of which are documented here.

Components[edit source]

Typography[edit source]

Typography is used to create hierarchy and structure that guides users through information, giving them a smooth experience. The RuneScape Wiki's primary typefaces are PT Serif for headings and IBM Plex Sans for body copy.

Layout[edit source]

Elements should have adequate whitespace and margins; at least 20px padding and 15px margins are recommended for elements like the example below.

The quick brown fox jumps over the lazy dog.

Pig boudin chicken fatback shankle jowl kielbasa ball tip. Swine fatback porchetta, spare ribs brisket flank burgdoggen doner short loin. Frankfurter tenderloin pork loin alcatra kielbasa.

The quick brown fox jumps over the lazy dog.

Pig boudin chicken fatback shankle jowl kielbasa ball tip. Swine fatback porchetta, spare ribs brisket flank burgdoggen doner short loin. Frankfurter tenderloin pork loin alcatra kielbasa.

Shadows[edit source]

Theme[edit source]

Archives

By default, the RuneScape Wiki is viewed with the Vector theme. Users may switch to the dark mode by clicking the button in the header, or by switching skins in Special:Preferences.

Administrators have the ability to change the wiki's theme by editing MediaWiki:Common.css and MediaWiki:Vector.css. Common.css and Vector.css are compiled from Less located at MediaWiki:Common.less and MediaWiki:Vector.less, respectively. Administrators should avoid editing CSS pages directly unless absolutely necessary; instead, edit the appropriate Less page. To update CSS from Less, click the "Update CSS" button next to the edit button.

Holiday themes[edit source]

Per discussion, for Easter, Halloween, Thanksgiving, and Christmas, as well as any other appropriate holidays, the wiki's theme will be changed to a derivative that incorporates colors and images of that particular holiday.

There will be a submission time period of at least a week during the month preceding the holiday event, in which interested users may create appropriate themes. Afterwards, there will be a one-week period in which a poll will be used to select the theme that will appear on the wiki. The theme should only be set for the duration of the holiday event.

External links[edit source]