*New 11.3 series Release:
2019-10-19: XigmaNAS 11.3.0.4.7014 - released

*New 12.0 series Release:
2019-10-05: XigmaNAS 12.0.0.4.6928 - released!

*New 11.2 series Release:
2019-09-23: XigmaNAS 11.2.0.4.6881 - released!

We really need "Your" help on XigmaNAS https://translations.launchpad.net/xigmanas translations. Please help today!

Producing and hosting XigmaNAS costs money. Please consider donating for our project so that we can continue to offer you the best.
We need your support! eg: PAYPAL

[EXTENSION] Themes

XigmaNAS Extensions / Add-ons

Moderator: crest

Forum rules
Set-Up GuideFAQsForum Rules
Post Reply
User avatar
crest
Hardware & Software Guru
Hardware & Software Guru
Posts: 873
Joined: 02 Jul 2012 22:25
Location: Vienna, Austria - GMT+1
Status: Offline

[EXTENSION] Themes

#1

Post by crest » 26 Aug 2019 08:21

I'm very pleased to announce the extension Themes (TMS) which lets users easily install and maintain themes for the XigmaNAS WebGUI.
The extension consists of a theme manager to choose from different themes as well as a simple theme designer.
The themes are based on the original XigmaNAS WebGUI - the theme designer provide the means to change colors in an easy-to-use way and also to choose different device size bar types for Status > System and swap devices.

The extension
  • lets users switch between several pre/user-defined themes
  • serves several predefined themes
  • enables the creation of user-defined themes
  • needs XigmaNAS release 11.2 or higher
  • works on all plattforms (embedded, full)
  • does not need jail or pkg install
  • add pages to XigmaNAS WebGUI extensions
  • includes extension maintenance (update & removal) without the need to work with the system console or shell CLI



INSTALLATION AND CONFIGURATION

Prior to the installation perform a backup of the XigmaNAS configuration via SYSTEM > BACKUP/RESTORE > Download configuration.

This extension can be easily installed with the OneButtonInstaller.
Update the extensions list manually prior to the installation if the switch Update extensions list automatically is not checked in OneButtonInstaller.

After successfull installation proceed to Extensions > Themes
Opera Momentaufnahme_2019-08-26_071649.png
Themes is now available to run, to activate simply tick enable, choose a theme and press Save to activate.




TRANSLATIONS

Themes is not yet on Launchpad - if someone wants to contribute please let me know and I will try to get it there asap.

DISCLAIMER

This extension is provided AS-IS, I'm NOT responsible for any data loss or damage caused by the use of it, use it solely at your own risk.

VERSION HISTORY

Version 1.0 - 2019.08.25
initial release

N: ... new feature
C: ... changes
F: ... bug fix



SCREENSHOTS

Some of the predefined Themes ...

Blue
Opera Momentaufnahme_2019-08-26_072003.png

BlacKnight
screen_20190826_071901.png

Forum
screen_20190826_072240.png

Frosty
screen_20190826_072437.png

Gray
screen_20190826_072551.png

RawAir Inverse
screen_20190826_072804.png

Red Alert
screen_20190826_073430.png



2DO

Due to browser/system caching there could be circumstances that the browser needs a reset (browser dependent F5 or CTRL-F5) to see the the newly activated theme.



Any feedback is highly appreciated!

Regards
crest
You do not have the required permissions to view the files attached to this post.
NAS1: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI 760GM-P23; AMD Athlon(tm) II X2 250 7.58GiB RAM
NAS2: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI MS-7369; AMD Sempron(tm) LE-1250 8022MiB RAM
UPS: APC Back-UPS ES 550G
Extensions: OneButtonInstaller, Extended GUI, NextOwnCloud, BitTorrent Sync, Syncthing, Downloady, Midnight Commander, NCDU, MySQL, Rclone, Themes:

User avatar
JoseMR
Hardware & Software Guru
Hardware & Software Guru
Posts: 1153
Joined: 16 Apr 2014 04:15
Location: PR
Contact:
Status: Offline

Re: [EXTENSION] Themes

#2

Post by JoseMR » 26 Aug 2019 09:44

Thank you so much crest for such another great extension. 8-)

This will definitely motivate interested users to play with and share community based new XigmaNAS themes and possibly navigation layouts i.e side drop down navigation instead top navigation and such, kinda reminds me of OPNsense themes plugins.

Again, thanks alot for such terrific work, really love the Dark themes. :P

Regards.
System: FreeBSD 12 RootOnZFS, MB: Supermicro X8SI6-F, Xeon X3450, 16GB DDR3 ECC RDIMMs.
Addons at GitHub
JoseMRPubServ
Boot Environments Intro

User avatar
crest
Hardware & Software Guru
Hardware & Software Guru
Posts: 873
Joined: 02 Jul 2012 22:25
Location: Vienna, Austria - GMT+1
Status: Offline

Re: [EXTENSION] Themes

#3

Post by crest » 30 Aug 2019 07:29

Hi José,
JoseMR wrote:
26 Aug 2019 09:44
Thank you so much crest for such another great extension. 8-)

This will definitely motivate interested users to play with and share community based new XigmaNAS themes and possibly navigation layouts i.e side drop down navigation instead top navigation and such, kinda reminds me of OPNsense themes plugins.

Again, thanks alot for such terrific work, really love the Dark themes. :P

Regards.
Thank you for the kind words :D
I would be happy to support interested users for more modifications, let's see how it goes ;)

Best regards
crest
NAS1: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI 760GM-P23; AMD Athlon(tm) II X2 250 7.58GiB RAM
NAS2: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI MS-7369; AMD Sempron(tm) LE-1250 8022MiB RAM
UPS: APC Back-UPS ES 550G
Extensions: OneButtonInstaller, Extended GUI, NextOwnCloud, BitTorrent Sync, Syncthing, Downloady, Midnight Commander, NCDU, MySQL, Rclone, Themes:

User avatar
ernie
Forum Moderator
Forum Moderator
Posts: 1416
Joined: 26 Aug 2012 19:09
Location: France - Val d'Oise
Status: Offline

Re: [EXTENSION] Themes

#4

Post by ernie » 31 Aug 2019 11:19

Thank you very much Crest for this new extension.
Some menu on my configuration is not affected by the extension Theme:
- Diagnostics > Information > Partitions is with traditional color but Diagnostics > Information > S.M.A.R.T. is fine with BlackNigth Theme
- Disks > ZFS > Settings and Disks > ZFS > Volumes > Volume and Disks > ZFS > Datasets > Dataset but other menu on the same level are fine
- Disks > ZFS > Configuration > Current but Detected and Synchronise is fine
- Access > Users

I didn't check all, if you need I will do but later.

BR

Edit
It seems solved after a reboot
BR
NAS 1&2:
System: GA-6LXGH(BIOS: R01 04/30/2014) / 16 Go ECC
XigmaNAS 12.0.0.4.6766 embedded
NAS1: Xeon E3 1241@3.5GHz, 4HDD@2To/raidz2 (WD red), 3HDD@300Go/sas/raidz1 (Hitachi), 1SSD cache, Zlog on sas mirror
NAS2: G3220@3GHz, 3HDD@2To/raidz1 (Seagate), 1SSD cache, 1HDD@300Go/UFS
UPS: APC Back-UPS RS 900G
Case : Fractal Design XL R2

Extensions & services:
NAS1: OBI (Plex, extendedGUI, BTSync, zrep, rclone), nfs, UPS,
NAS2: OBI (extendedGUI, zrep (backup mode))

User avatar
crest
Hardware & Software Guru
Hardware & Software Guru
Posts: 873
Joined: 02 Jul 2012 22:25
Location: Vienna, Austria - GMT+1
Status: Offline

Re: [EXTENSION] Themes

#5

Post by crest » 04 Sep 2019 12:46

Hello ernie!
ernie wrote:
31 Aug 2019 11:19
Thank you very much Crest for this new extension.
Some menu on my configuration is not affected by the extension Theme:
- Diagnostics > Information > Partitions is with traditional color but Diagnostics > Information > S.M.A.R.T. is fine with BlackNigth Theme
- Disks > ZFS > Settings and Disks > ZFS > Volumes > Volume and Disks > ZFS > Datasets > Dataset but other menu on the same level are fine
- Disks > ZFS > Configuration > Current but Detected and Synchronise is fine
- Access > Users

I didn't check all, if you need I will do but later.

BR

Edit
It seems solved after a reboot
BR
Thank you for taking the time to check the extension!
Due to browser chaching it can be that some pages will not show the activated design immediately therefore a hard reset of the browser could solve it (press F5 or CTL-F5, depending on the used browser).
I tried to catch this by several coding but this could be still apear ...

Best regards
crest
NAS1: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI 760GM-P23; AMD Athlon(tm) II X2 250 7.58GiB RAM
NAS2: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI MS-7369; AMD Sempron(tm) LE-1250 8022MiB RAM
UPS: APC Back-UPS ES 550G
Extensions: OneButtonInstaller, Extended GUI, NextOwnCloud, BitTorrent Sync, Syncthing, Downloady, Midnight Commander, NCDU, MySQL, Rclone, Themes:

cookiemonster
Advanced User
Advanced User
Posts: 164
Joined: 23 Mar 2014 02:58
Location: UK
Status: Offline

Re: [EXTENSION] Themes

#6

Post by cookiemonster » 05 Sep 2019 00:41

Nice. The best is shows the developer community and the project by extension is active. Thanks crest.
Main: Xigmanas 11.2.0.4 x64-full-RootOnZFS on Supermicro X8DT3. zroot on mirrorred pair of CRUCIAL_CT64M225. Memory: 24GB ECC; 2 Xeon E5645 CPUs; Storage: (HBA) - LSI SAS 9211-4i with 3 SATA x 1 Tb in raidZ1, 1 x 3 Tb SAS drive as single stripe.
Spare1: HP DL580 G5; 128 GB ECC RAM; 4 CPU; 8 x 500 GB disks on H210i
Spare2: HP DL360 G7; 6 GB ECC RAM; 1 Xeon CPU; 5 x 500 GB disks on H210i
Spare3: HP DL380 G7; 24 GB ECC RAM; 2 Xeon E5645 CPUs; 8 x 500 GB disks on IBM M1015 flashed to LSI9211-IT

User avatar
ernie
Forum Moderator
Forum Moderator
Posts: 1416
Joined: 26 Aug 2012 19:09
Location: France - Val d'Oise
Status: Offline

Re: [EXTENSION] Themes

#7

Post by ernie » 06 Sep 2019 14:49

Hello

In the main view (with extendedgui enable) I have some white zone and I don't see the text:
Capture d’écran_2019-09-06_14-45-41.png
How can I solve this ?

Here some information:
Hostname nas4free1.local
Version 12.0.0.4 - Reticulus (revision 6766)
Compiled Wed Jun 19 23:59:49 CEST 2019
Platform OS FreeBSD 12.0-RELEASE-p6 #0 r349200M: Wed Jun 19 20:27:52 CEST 2019
Platform x64-embedded on Intel(R) Xeon(R) CPU E3-1241 v3 @ 3.50GHz
System GIGABYTE GA-6LXGH
System BIOS GIGABYTE Version: R01 04/30/2014

ExtendedGUI : Installed version 0.7.0.1

Themes extension : Installed version 1.1

I choose the default BlackNigth theme.

Crest, tell me what you need more.

BR
You do not have the required permissions to view the files attached to this post.
NAS 1&2:
System: GA-6LXGH(BIOS: R01 04/30/2014) / 16 Go ECC
XigmaNAS 12.0.0.4.6766 embedded
NAS1: Xeon E3 1241@3.5GHz, 4HDD@2To/raidz2 (WD red), 3HDD@300Go/sas/raidz1 (Hitachi), 1SSD cache, Zlog on sas mirror
NAS2: G3220@3GHz, 3HDD@2To/raidz1 (Seagate), 1SSD cache, 1HDD@300Go/UFS
UPS: APC Back-UPS RS 900G
Case : Fractal Design XL R2

Extensions & services:
NAS1: OBI (Plex, extendedGUI, BTSync, zrep, rclone), nfs, UPS,
NAS2: OBI (extendedGUI, zrep (backup mode))

User avatar
crest
Hardware & Software Guru
Hardware & Software Guru
Posts: 873
Joined: 02 Jul 2012 22:25
Location: Vienna, Austria - GMT+1
Status: Offline

Re: [EXTENSION] Themes

#8

Post by crest » 08 Sep 2019 06:35

Hello ernie,
ernie wrote:
06 Sep 2019 14:49
...
In the main view (with extendedgui enable) I have some white zone and I don't see the text:
Capture d’écran_2019-09-06_14-45-41.png

How can I solve this ?
...
eGUI needs an update for the themes, no big deal, will come soon so please be patient ... ;)

Regards
crest

User avatar
ernie
Forum Moderator
Forum Moderator
Posts: 1416
Joined: 26 Aug 2012 19:09
Location: France - Val d'Oise
Status: Offline

Re: [EXTENSION] Themes

#9

Post by ernie » 08 Sep 2019 09:10

Ok. Thanks and no urgent matter for me
BR
NAS 1&2:
System: GA-6LXGH(BIOS: R01 04/30/2014) / 16 Go ECC
XigmaNAS 12.0.0.4.6766 embedded
NAS1: Xeon E3 1241@3.5GHz, 4HDD@2To/raidz2 (WD red), 3HDD@300Go/sas/raidz1 (Hitachi), 1SSD cache, Zlog on sas mirror
NAS2: G3220@3GHz, 3HDD@2To/raidz1 (Seagate), 1SSD cache, 1HDD@300Go/UFS
UPS: APC Back-UPS RS 900G
Case : Fractal Design XL R2

Extensions & services:
NAS1: OBI (Plex, extendedGUI, BTSync, zrep, rclone), nfs, UPS,
NAS2: OBI (extendedGUI, zrep (backup mode))

User avatar
ms49434
Developer
Developer
Posts: 718
Joined: 03 Sep 2015 18:49
Location: Neuenkirchen-Vörden, Germany - GMT+1
Contact:
Status: Offline

Re: [EXTENSION] Themes

#10

Post by ms49434 » 22 Sep 2019 01:45

Hello,

some improvements have been developed and committed to support custom CSS which are required to design your own themes.
The below features are available in the 11.2.0.4.6862 release of XigmaNAS and in the upcoming 12.0 release.

There are currently 6 CSS files in XigmaNAS:
  1. login.css: is used to style the login page.
  2. gui.css: the main CSS file, containing almost all styles for the WebGUI.
  3. navbar.css: contains the styles for the main menu.
  4. tabs.css: contains the styles for the tab menu.
  5. fc.css: contains the styles for the file chooser popup.
  6. style.css: styles for the filemanager.
1. It is now possible to use custom CSS files without touching the default CSS files.
In order to do this you need to store your custom CSS files in a permanent location. Once done, call system_webgui.php and choose which CSS file to 'replace'. Also choose option 'Replace the default CSS file'. XigmaNAS will send the content of your custom CSS file instead of the default CSS file.

2. It is now possible to configure text colors, background colors, background images via CSS custom properties (Using CSS custom properties).
In order to do this you must create files containing your CSS custom properties and store them in a permanent location. Once done, call system_webgui.php and choose which default CSS file should be 'appended' with your CSS custom properties file. Also choose option 'Append content to the default CSS file'. XigmaNAS will send the content of the default CSS file, amended with the content of your file containing your CSS custom properties. IE doesn't understand the new tricks and will display the standard colors.

To change the background color (bgc) of the warning box to super-yellow, create a file with the following content:

Code: Select all

:root
{
	--bgc-box-warning: #FFFF00;
}
At the time of this writing, CSS custom properties can be defined for gui.css, navbar.css and tabs.css. The list of available CSS custom properties can be found in the top section of each default CSS file.

ms49434
1) XigmaNAS 12.0.0.4 amd64-embedded on a Dell T20 running in a VM on ESXi 6.7U2, 22GB out of 32GB ECC RAM, LSI 9300-8i IT mode in passthrough mode. Pool 1: 2x HGST 10TB, mirrored, SLOG: Samsung 850 Pro, L2ARC: Samsung 850 Pro, Pool 2: 1x Samsung 860 EVO 1TB , services: Samba AD, CIFS/SMB, ftp, ctld, rsync, syncthing, zfs snapshots.
2) XigmaNAS 12.0.0.4 amd64-embedded on a Dell T20 running in a VM on ESXi 6.7U2, 8GB out of 32GB ECC RAM, IBM M1215 crossflashed, IT mode, passthrough mode, 2x HGST 10TB , services: rsync.

User avatar
crest
Hardware & Software Guru
Hardware & Software Guru
Posts: 873
Joined: 02 Jul 2012 22:25
Location: Vienna, Austria - GMT+1
Status: Offline

Re: [EXTENSION] Themes

#11

Post by crest » 22 Sep 2019 10:36

Hello ms49434,
ms49434 wrote:
22 Sep 2019 01:45
Hello,

some improvements have been developed and committed to support custom CSS which are required to design your own themes.
The below features are available in the 11.2.0.4.6862 release of XigmaNAS and in the upcoming 12.0 release.

...
Thanks for the advice, I'm aware of it but IMHO at the moment there are two caveats
1. with the provided mechanism changing the theme the GUI will not update immedeately (checked it already and it needed a browser reset to see a new theme due to browser/system chaching)
2. due to permanent GUI changes it would be necessary to update the extension very often

Therefore I will stay at the moment with the current solution waiting for a more or less 'stable' situation ;)

Best regards
crest
NAS1: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI 760GM-P23; AMD Athlon(tm) II X2 250 7.58GiB RAM
NAS2: 11.2.0.4 - Omnius (Revision 6766) x64-embedded; MSI MS-7369; AMD Sempron(tm) LE-1250 8022MiB RAM
UPS: APC Back-UPS ES 550G
Extensions: OneButtonInstaller, Extended GUI, NextOwnCloud, BitTorrent Sync, Syncthing, Downloady, Midnight Commander, NCDU, MySQL, Rclone, Themes:

User avatar
zoon01
Developer
Developer
Posts: 767
Joined: 20 Jun 2012 21:06
Location: Netherlands
Contact:
Status: Offline

Re: [EXTENSION] Themes

#12

Post by zoon01 » 22 Sep 2019 14:29

The webGUI is under rewrite for some time now, this also give us modern code and new options. Now that gui is splitted in multiple css files it will be more easy to maintained and gives more power to design. Nice templates for/by the community are possible.
I think this is a big plus in the end and it was an old request to do so.
System specs: XigmaNAS 11.2.0.4 -embedded on Samsung 860 EVO 256GB and Supermicro X10SL7-F w / Bios v3.2, IPMI v.03.84 / CPU E3-1241 v3 @ 3.50GHz - 32GB Crucial DDR3L 1600mhz ECC 1.35v , LSI 2308 on PH20.00.07.00 IT mode, Storage: 5x Western Digital Red (WD30EFRX) raidz

Development system is same system in virtualbox.

Post Reply

Return to “Extensions / Add-ons”