WackoWiki: Dark Theme

https://wackowiki.org/doc     Version: 22 (21.05.2024 17:54)

Dark Theme

Compatible with: R6.1
Current version: 0.12
Credits: ascrsoft[link1]

Theme repo: theme/dark[link2]

1. Screenshot




2. Download and installation



3 of 3 Files accessible from this page :

dark_theme_we.png[link3] 43.6 KiB  27.12.2022 11:43 
dark_theme.beta3.zip[link4] dark theme (beta3) 57.2 KiB  04.05.2024 15:05 
screenshot_dark_small.png[link5] 21.8 KiB  17.01.2023 12:24 

3. Features


The theme has been designed for all options you got by the wacko markup[link6]. 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.

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