Dark Theme
Compatible with: R6.1 Theme repo: theme/dark |
1. Screenshot
2. Download and installation
- The
dark
theme is ...
3 of 3 Files accessible from this page :
dark_theme_we.png | 43.6 KiB | 27.12.2022 11:43 | ||
dark_theme.beta3.zip | dark theme (beta3) | 57.2 KiB | 04.05.2024 15:05 | |
screenshot_dark_small.png | 21.8 KiB | 17.01.2023 12:24 |
3. Features
The theme has been designed for all options you got by the wacko markup. It contains a small main navigation including the input field for the keyword search. At the header you find the link to the login or registration page or if logged in links to the user page, account settings and logout.
- RTL support
4. Structure
<div id="mainwrapper"> <header> <div id="header-main"> <div id="header-site"></div> <div id="login-box"></div> </div> <nav class="menu-main"> <div id="menu-user"></div> <div id="page-handler"></div> </nav> <nav class="breadcrumb"></nav> </header> <main> <article id="page"></article> <div id="header-files"></div> <div id="header-comments"></div> </main> <footer> <nav class="footer"></nav> <div class="page-meta"></div> <div id="credits"></div> </footer> </div>
5. Customization
First copy the theme to a new folder, e.g. theme/default_custom
, to not accidentally overwrite your changes during a update or rollback.
To alternate the HTML just edit the files in the folder:
appearance/template/
header.tpl
footer.tpl
To change colors/etc and typographical formatting you can edit the files in the folder:
appearance/css/
default.css
wacko.css
You can add i18n features when you add those menu targets and their names to the translation files which you find at lang/
folder.
<?php $theme_translation = [ 'Eureka' => 'Εύρηκα', ];
The theme config file wacko.all.php
overrides the default values, it enables you to set your own config-options as well as overwriting existing ones.
lang/wacko.all.php
<?php // theme options ============== $this->db->custom_menus = 0; $this->db->footer_inside = 0; $this->db->revisions_hide_cancel = 1; $this->db->site_desc = 'Dark Theme for WackoWiki'; // ============================ $theme_translation = [ 'EditIcon' => '...', '' => '', ];
6. Changelog
0.10 - backported new CSS classes
0.11 - uses :focus-within
pseudo selector for dropdown menu
0.12 - adds CSS class btn-sm
and btn-md
for icon size
7. Bugs, Proposals & Support
For bug reports and feature requests you can write to https://wackowiki.org/bugs/.
8. License
The Dark Theme is part of the WackoWiki package.
BSD license.
8.1. Icons
Icons were taken from the Breeze (Plasma 5 icon theme) icons set.
https://github.com/KDE/breeze-icons
Icons are licensed under the LGPLv3