Add color - General

A view appears where you first have to fill in editorial information and then add the color.

Add color - general

Editorial information

Name

Enter the working name for the colour displayed in SiteVision.

Description

Here you can add an extra description for the colour. This text will appear as alternative text when you hover your mouse cursor over this colour in the modules.

Theme color

Here you can link the color to a themed color. There are the following to choose from:

Basic colors

  • Font color
  • Background color
  • Section background
  • Section background/05
  • Link color
  • Link color for hover
  • Edge line color
  • Edge line color/05

Profile colors:

  • Profile color
  • Profile color/05...profile color/100

Block colors:

  • Standard/Background color
  • Standard/Text color
  • Standard/Link color
  • Primary/Background color
  • Primary/Text color
  • Primary/Link color
  • Secondary/Background color
  • Secondary/Text color
  • Secondary/Link color

Status colors:

  • Neutral/Background color
  • Active/Background color
  • Active/Text color
  • Attention/Background color
  • Attention/Text color
  • Error/Background color
  • Field/Text color

Collapsible field

  • Collapsed/Background color
  • Collapsed/Borderline color
  • Unfolded/Background color
  • Unfolded/Borderline color

For example, if you select a color, it will be displayed with a preview:

Theme color

Custom color

If you don't want any of the theme colors, you can choose your own color. Then click the cross to remove the suggested color.

Select theme color

Select a Color by entering HEX code or RGB value.

HEX

Enter HEX code. When you enter your color code hexadecimal, use the numbers 0 through 9 in their usual meanings, as well as the letters A to F as digits for numbers 10 to 15. Color codes in HTML are indicated by six digits. The first two numbers are the amount of red, numbers three to four are the amount of green, and numbers five to six are the amount of blue. Example:

  • #009400 is a green color

Color picker

You can also click on the square color to see a color palette where you can click with the mouse to get the color you want. To get the right tone, you can drag the color column to the right of the color palette. At the far right is an opacity bar. The current color appears in the square box. It also shows the HEX value of the current color. When you have found the right color, click outside the palette box.

Colorpalette

RGB

Enter different values for red, green and blue. Enter numbers or use the Up or Down arrows. Example:

  • [255 Red 0 Green 0 Blue] is a red colou.
  • [255 Red 255 Green 255 Blue] is a white color.

Opacity

Enter the opacity, i.e. transparency. The parameter is specified as a value between 0 and 1 where 0.5 is 50% opacity. 

The page published:

Did the information help you?

help.sitevision.se always refers to the latest version of Sitevision