• 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 ~
sudo 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.

• Build the production ready optimized code

cd /home/system/rdcore/rd
sencha app refresh
sencha app build production

</code>