Dark Theme

Compatible with: R6.1
Current version: 0.12
Credits: ascrsoft


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


Files

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