RADIUSdesk

Trace: › theme

This is an old revision of the document!

Table of Contents

Themed RADIUSdesk on Ubuntu 20.04

Creating A Custom Theme - Part 1

  • This part will show you how to modify the base theme which RADIUSdesk uses when building the production optimised Javascript Code.
  • Make sure you have access to the RADIUSdesk repository to check it out using git.
# Check out the latest version of RADIUSdesk
# We will check it out in the home directory of the **system** user.
cd ~
git clone https://github.com/RADIUSdesk/rdcore.git
  • For this reference we will create a black theme with red lettering.
cd /home/system/rdcore/rd/packages/local/rd-theme/sass/var
vi Component.scss
  • The file looks as follows
$base-color: #000000 !default;
$panel-header-color: #ff3300 !default;
$tab-color-active: #ff3300 !default;
  • Please adapt to the them you want.
  • After you made the adjustments, you can now build the new theme.
cd /home/system/rdcore/rd/packages/local/rd-theme
sencha package build
  • Now that the theme is completed we can build the RADIUSdesk production GUI to see how it looks.

Creating A Custom Theme - Part 2

  • Build the production ready optimized code
cd /home/system/rdcore/rd
sencha app refresh
sencha app build production
  • This will now build the production ready code but we actually need to see how it looks in order to determine that the theme is in order.
  • The production ready code will sit in this directory /home/system/rdcore/rd/build/production/Rd
  • Link the rd directory to the rd_tmp directory served in the webroot of the Nginx web server.
sudo ln -s /home/system/rdcore/rd /var/www/html/rd_tmp
Last modified: 2022/04/21 14:03