Versions Compared

Old Version 7

changes.mady.by.user MS (Unlicensed)

Saved on

compared with

New Version 8

changes.mady.by.user MS (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Panel
bgColor#FFFAE6

Privileges: Manage default themes or Manage reseller themes

Before you begin:

  1. Prepare your images.

  2. Add your images to a theme img folder on the Abiquo server or another web server and obtain the path to the image.
    For example: theme/abicloudDefault/img/imageName.png or https://url/img/imageName.png.

To create or modify a theme:

...

Section (modes)

Element

UI element

Main CSS configuration
(basic/advanced)

Colors

  • Main color

  • Secondary color

These two colors will be used to set different elements in CSS classes.

In basic mode, colors will be assigned automatically.

In advanced mode, user clicks the Apply buttons to assign colors.

Enterprise logo

  • Recommended size:
    50 px x 50px

Enterprise logo

Login CSS configuration
(basic/advanced)

Main login logo path

  • background-image

  • padding-bottom

Main login logo

Main login background

  • background-image

  • background-color

Main login background

Left section background

  • background-image

  • background-color

  • color (text color)

Left section background

Cookies bar configuration
(advanced)

Bottom cookies bar

  • background-color

  • color (text color)

Bottom cookies bar

Bottom cookies ‘I understand’ button

  • background-color

  • color (text color)

Bottom cookies bar I understand button

Bottom cookies ‘I understand’ button (hover)

  • background-color

  • color (text color)

Bottom cookies bar I understand button hover

Bottom cookies ‘policy’ buttons

  • background-color

  • color (text color)

Bottom cookies bar policy buttons

Bottom cookies ‘policy’ buttons (hover)

  • background-color

  • color (text color)

Bottom cookies bar policy buttons hover

Buttons, checkboxes and links CSS configuration
(advanced)

Main button

  • background-color

  • border-color

Main background

Main button (disabled)

  • background-color

  • border-color

Main button disabled

Main button (hover)

  • background-color

  • border-color

Main button hover

Active button

  • background-color **

Active button

Link button

  • color

Link button

Checkbox

  • background-color

  • border-color

Checkbox

Lists, pagination and grids CSS configuration
(advanced)

Pagination number color

  • color

Pagination number color

Main list selected item

  • background-color **

  • color

Main list selected item

Grid header

  • background-color

  • color

Grid header

Grid selected row

  • background-color

  • color

Grid selected row

Popup CSS configuration (advanced)

Popup header color

  • background-color

Popup header color

Popup left menu

  • background-color

  • color

Popup left menu

Other elements CSS configuration
(advanced)

Selected tab underline color

  • border-color

Selected tab underline color

Scroll CHROME THUMB

  • background-color

  • border-radius

Scroll CHROME THUMB

Scroll CHROME HOVER

  • background-color

Scroll CHROME HOVER

Scroll Firefox - General style

  • background-color

Scroll Firefox - General styleImage RemovedScroll Firefox - General styleImage Added

...

Themes workflow and extra configuration

...