Converting to hydradark

Sometimes wiki admins simply want to provide an alternative dark skin for their wiki. Other times, a wiki should really be converted to hydradark because many infrequently used elements are not properly skinned.

When should a wiki be switched to hydradark?
Basically, this comes down to a single question: is most of the text on the wiki light/white on a dark background, or is it dark/black on a light background? If you have light text on a dark background, then you should switch to hydradark.

Switching over
When converting a wiki from hydra to hydradark, the first step is make sure hydradark is an option on the wiki. You can check this by looking at the Appearance tab of your preferences. If you see Hydradark listed there, then it is enabled. If you see only Hydra, ask your wiki manager to enable Hydradark for you.

The next step is to copy over  to.

Once you have your starting version of, make changes to the following sections:
 * Sidebar
 * Preferences
 * Wiki Editor
 * VectorTabs and anchors
 * Tables

As a general rule, if any styled element does not seem to be picking up changes you've made, try prepending  to the selector, or using a more specific selector.

Sidebar
Any sidebar selectors that begin with  should be changed to.

If you style  and , you should add.

Preferences
Every selector that begins with  or   (or on older wikis,   or  ) should be changed to   or.

If you don't want the orange/gold colour in the preferences section headings, explicitly style.

Wiki Editor
All selectors that begin with  should be changed to.

VectorTabs and anchors
The following selectors now govern the anchor colour for vectorTabs and the vectorMenu:

If you style the tabs themselves, you may want to start with: div.vectorTabs { background-color: rgba(0, 0, 0, 0); background-image: none; }

Every selector that begins with  should be changed to.

Tables
Every selector that begins with  should be changed to. The same goes for table styling beginning with  and.

If you have specified the background colour using only  and the choice of colour is not being applied, try using   instead.

If you style sort arrows for sortable tables, those styles need to have  prepended

Default templates styling
Make sure the templates are up to date. The most recent versions are in the Default Loadout wiki, and copy over the css from the Default Loadout wiki that goes with it (for the ambox styling, Visual Editors styling and the auto-selection of the correct colour of copyright image).

Other tweaks

 * should be changed to
 * should be changed to
 * should be changed to  and   should be changed to
 * should be changed to, as well as any other selectors beginning with
 * In many instances  should be changed to , particularly for table background colours
 * should be changed to

Mobile skin
There is no dark version of the mobile skin. If your wiki has only a dark theme, you can style the mobile skin to look dark, although it does initially load as a white theme. (See Dark mobile skin for a workaround).

If your wiki allows both a light and a dark theme, then you must simply choose one version of the mobile skin.

General notes
Look at hydradark.css (that's a copy of the master version, the one you are essentially overriding) and see if the selector you are using is specified there. If so, specify yours the same way, or more narrowly.

Hydradark'a dönüştürme