Skin:Lakeus/yue

Lakeus係一款旨在提供簡潔而完整體驗嘅佈景主題. 以佢嘅作者之一，Lakejason0嘅小説角色命名.

功能

 * 簡潔而完整（起碼大部分功能都可以正常運作）
 * 支援停用JavaScript嘅情形下運作.
 * 使用CSS變數嚟實現自訂.
 * 響應式設計. 喺桌上設備同埋平板電腦上面嘅顯示應該都係正常嘅；喺非常之窄嘅手機熒幕上，邊欄選單可能會因為太闊而無法關閉.
 * 主題設計器. 於偏好設定中啟用就可即時預覽及變更主題.  大多數情形下，只需調整幾個變數，主題設計器就可為你計算生成主題.
 * 目前可能存在問題且缺乏穩定，如果你遇到問題，務請向我回報！ 如果自動計算結果不及預期，你可隨時將之停用.



計劃功能

 * WVUI搜尋欄，同新版入面嘅相同.

註

 * 呢款佈景主題應同無JavaScript環境相容. 雖然喺無JavaScript情形下，部分便利特性會無法使用.
 * 呢款佈景主題為使用帶有LanguageConverter變體語言〔比如中文（語言代碼為 ）同塞爾維亞語〕嘅網站提供一個獨立選單. 當網站無語言變種可用時，選單應該會隱藏自身.
 * RTL書寫方向嘅支援尚未完全測試，但主要功能已通過相容測試（例如邊欄選單）.

自訂


CSS變數
Lakeus支援使用CSS變數嚟實現自訂. 以下係製作主題嘅方法示例，如果要將主題結果（應該係CSS代碼）套用，您需要將佢複製到 ，可以喺 （適用於全站用户）或 （適用於用户自己）處揾到. 

主題設計器
主題設計器可為所有人帶來更方便嘅體驗（希望如此）. 你只需變更幾個基本變數，其餘會自動計算. 你可停用相應嘅自動計算，並按照自己意願進行微調.

如要啟用主題設計器，請前往偏好設定，選擇「外觀/顯示」，選中Lakeus佈景主題後，你就可以見到主題設計器選項. 啟用後，主題設計器會於所有頁面載入.

當中嘅按鈕同表單嘅作用基本都同字面意思一樣，如果有不解之處，就試著用下，睇下起乜嘢作用. 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.



主題方案集
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.

復古
一個復古主題，收尾一次導出嘅版本係1.1.7.

海洋
淡藍色配色主題方案，收尾一次導出嘅版本係 1.1.8.



手動修改變數
以下係預設嘅CSS變數，可以修改呢啲設置並且將設置結果放到你嘅 入面.

例如，要將頂欄嘅顏色改為淡藍色（比如 ），噉就寫成：

參數


側邊欄圖標
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.