Skin:Lakeus/de

Lakeus ist ein Skin, welches sich vornimmt, eine schlichte, aber voll funktionsfähige Erfahrung zu bieten. Es wird nach einen Charakter im Roman eines der Autoren namens Lakejason0 benannt.

Funktionen

 * Einfach, aber voll funktionsfähig (zumindest die meisten sollten funktionieren).
 * Funktioniert, wenn JavaScript deaktiviert ist.
 * Anpassung durch CSS-Variablen.
 * Sich anpassendes Design. Sollte mit Desktop und Tablet funktionieren; Auf sehr schmalen Telefonen ist das Seitenleistenmenü möglicherweise zu breit, um es zu schließen.
 * Sticky TOC. May be unstable.
 * Einen Schemendesigner. Indem du es in deinen Einstellungen aktivierst, kannst du das Design in Echtzeit ändern und in der Vorschau anzeigen. For the most of time, only a few tweaks on basic variables are needed and it will produce an automagically calculated theme for you.
 * It might be a bit buggy and unstable, so be sure to report any of the problems to me! Du kannst die automatische Berechnung jederzeit deaktivieren, wenn du nicht zufrieden bist.



Geplante Funktionen

 * Eine WVUI-Suchleiste, das selbe wie im neuen.

Anmerkungen

 * Der Skin sollte verwendbar sein, auch wenn kein JavaScript vorhanden ist. Verschiedene nutzvolle Funktionen könnten jedoch nicht verfügbar sein.
 * Der Skin hat ein spezielles Menü für die Seite erstellt, die eine Sprache mit LanguageConverter-Varianten verwendet (z. B. Chinesisch und Serbisch). Wenn keine Varianten verfügbar sind, sollte das Menü unsichtbar sein.
 * RTL support hasn't been tested well, but main features are confirmed RTL compatible (e.g. sidebar menus).

Anpassung


CSS-Variablen
Lakeus unterstützt die Personalisierung durch CSS-Variablen. Below are several methods to generate a theme, and to apply the result (should be CSS code) you'll need to copy it to, which can be found on   for all wiki users, and   for yourself. 

Schemendesigner
Using the theme designer would be easier for anyone (at least I hope so). You'll only need to change the basic variables and the rest will be automatically calculated. You can disable the auto calculation for each variable that you don't really like the auto calculated result of it, and manually tweak it as you like.

To enable it, go to the preferences, select "Appearance", and you can find the option when the skin Lakeus is selected. Once enabled, it would load on every page.

Basically all the buttons and form inputs do what it literally means; just try them out if you are a bit confused. There are some variables that do not appear on every page, and they would be listed below:
 * Interface message box. These elements appears in situations like that a user group setting is successfully applied when JavaScript disabled, translation page edit notice warning, MediaWiki exceptions that appears on page editing, user talk page notices with no Echo and other notification extensions installed, and so on.



Voreinstellungsschemen
There will be some preset theme that is already here for you to use. You can share your own theme on the talk page as well. Come back later if there isn't any.

Vintage
Ein Uralt-Schema, zuletzt in 1.1.7 exportiert.

Ocean
Ein Schema mit hellblauen Farbschema, zuletzt in 1.1.8 exportiert.



Manuell die Variablen ändern
Below is the default setting of CSS variables; modify these settings and put the result into your :

For example, to change the header's color to a light blue (e.g. ), it would be:

Sidebar icons
Unfortunately, it's not easy to add icons to the skin without including many images on page. If you can bear the loading time of web font icons, you can try this out as follows. To start with, include the icon font face (in this whole example, Material Icons) in your CSS. You may have loaded some font faces in other places other than, in which case just ensure that they don't conflict with each other.

Then, as we are going to use pseudo elements, some paddings and extra settings to create space for icons are applied:

Now, it's time to add the actual icons. You can use Devtools (The tool opened by right click and then Inspect Element) to see the list items' IDs, and we are finally going to set the actual content of the pseudo elements (icons):

In this example, Material Icons supports certain strings (used here) and code points for an certain icon. For what strings or code points could be used for Material Icons, see Icons - Google Fonts. Feel free to add more rules for your own site, for example one of the authors' site got an admin noticeboard:

The  part corresponds with the system message you used in your MediaWiki:Sidebar.