Configuring your platform Theme (skin / look & feel)

Support Desk
  • Updated
Follow

You can edit the colours of the Phishing Tackle platform to suit your organisation or just suit your favourite colour scheme!

This guide will cover everything you need to get up and running with a slick new theme.

 

Overview

From the main dashboard:

Click "Organisation" > "Theme" to reach the Theme Settings page.

Theme_Settings_Overview.png

 From here, you can edit each section of the platform, as we will cover below.

If, at any stage you wish to revert back to the Phishing Tackle default theme, simply hit "Reset to Defaults" at the top.

 

Side Menu Images

The platform can take images up to 1Mb (megabyte) to fit either of the two layout configurations.

Simply drag & drop your selected image to each box, or click either box to browse and upload an image.

Theme_Settings_Side_Images.png

  • When menu is expanded When menu is collapsed
    Recommended image ratio: 3:1 Recommended image ratio 1:1
    Theme_Settings_Side_Image_Expanded.png  Theme_Settings_Side_Image_Collapsed.png

 

The colour scheme shown below is for demonstration purposes only, and does not reflect the normal Phishing Tackle branding.

Side Menu Colours

The side menu colours refer to the menu and text on the left hand side of the platform.

Theme_Settings_Side_Menu_Colours.png

To change any setting, simply click the colour you wish to adjust, select the colour from the wheel or enter the hex in manually, then hit "Save Theme Settings".

  1. Background
    • The colour of the entire side menu background
      Theme_Settings_Side_Menu_Background.png
  2. Menu Headings Foreground
    • The colour of the Text for each menu heading
      Theme_Settings_Side_Menu_Heading_Foregroudn.png
  3. Menu Items
    • Foreground
      • The Text for each Menu Item
        Theme_Settings_Side_Menu_Item_Foreground.png
    • Hover Foreground & Background
      • The text and background colour displayed when hovering over a menu item
        Theme_Settings_Side_Menu_Item_Hover_Foreground_Background.png
  4. Selected Items
    • Indicator Foreground & Background
      The small vertical strip of colour on the left hand side. The text and background colour 
      Theme_Settings_Side_Menu_Selected_Item.png Theme_Settings_Side_Menu_Selected_Item.png

 

Top Bar Colours

As the title suggests, these settings control all colours of the top bar.

Theme_Settings_Top_Bar_Colours.png

  1. Background
    • The colour of the entire top bar background
      Theme_Settings_Top_Bar_Background.png
  2. Text Foreground
    • The text colour on the top bar heading.
      Theme_Settings_Top_Bar_Forground.png
  3. Help Button Foreground & Background
    • The colour of the help button text, and the background of the button
      Theme_Settings_Top_Bar_Help_Button.png
  4. Dropdown Text
    • Foreground
      • Text colour on your profile text (NOTE: You must have entered a profile name for this to appear)
        Theme_Settings_Top_Bar_Dropdown_Text_Foreground.png
    • Hover
      • Text colour when you hover the mouse over the profile name
        Theme_Settings_Top_Bar_Dropdown_Text_Hover.png

 

If you need any further assistance with configuring your theme, don't hesitate to submit a support ticket.

Related articles