Public_Tools/wavelog
2
0
Fork 0
mirror of https://github.com/wavelog/wavelog.git synced 2026-03-22 10:24:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

new description in themes menu

Browse Source
This commit is contained in:
HB9HIL
2024-01-26 11:00:01 +01:00
parent 9ceaae432b
commit 0fd19eaaca
1 changed files with 85 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
application/views/themes/index.php
View File

@@ -22,9 +22,59 @@
Themes list
</div>
<div class="card-body">
<p class="card-text">
Using the theme list, you can control which Themes are shown in the account settings. Deleting a theme here, does not delete the css theme folder.
</p>
<div class="card-text border-bottom mb-2 mt-2">
<div class="row">
<div class="col">
<p>In this menu you can add and edit themes to Wavelog. The process of adding a theme is not really straightforward and should only be done by an admin who is aware of their actions.<br>
Also, it has to be said that this feature is still under development.<br></p>
</div>
</div>
<div class="row">
<div class="col">
<h5>Process of adding a new theme</h5>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>1. Step</h6>
</div>
<div class="col-md-10">
<p>Create a new folder in 'assets/css/' and upload a 'bootstrap.min.css' file which contains basic styling rules. We use the themes from <a href="https://bootswatch.com/" target="_blank">https://bootswatch.com/</a></p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>2. Step</h6>
</div>
<div class="col-md-10">
<p>Create a file in this folder called 'overrides.css'. Place your custom CSS code in there.</p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>3. Step</h6>
</div>
<div class="col-md-10">
<p>For each new theme, you need two logo files. One for the login screen and one for the header.<br>
Only PNG files are allowed, and they should have a pixel ratio of 1:1 (e.g., 1000px height and 1000px width).<br>
Place the two logo files in the folder 'assets/logo/'</p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>4. Step</h6>
</div>
<div class="col-md-10">
<p>Click here on 'Add a Theme' and type in the necessary data. Type in the filenames for the logos <b>without</b> the file extension '.png'</p>
</div>
</div>
</div>
<div class="table-responsive">
<table style="width:100%" class="contesttable table table-sm table-striped">
<thead>