Editor improvements - color scheme change

Description

This issue should change color scheme of the editor that was previously applied here: HFP-368

*Changes: *

$form-background: #FCFCFC;
$form-border-color: #d0d0d1
.h5p-help-text { color: #434446; }
$black: #212121;
$blue: #285c8b;
.h5peditor-label { color: $black; }
.group.importance-high .h5peditor-label { color: $blue; }
.h5peditor-widget-option { background: #f5f5f5;}

importance high:
$form-item-importance-high-background: #2579C6;
$form-item-importance-high-background-highlight: #3080c9;
$form-item-importance-high-border-color: #1f67a8;
$form-item-importance-high-background-hover: #1f67a8;
$form-item-importance-high-background-hover-highlight: #2a6fac;

importance medium:
$form-item-importance-medium-background: #747275;
$form-item-importance-medium-background-highlight: #7b797c;
$form-item-importance-medium-border-color: #636164;
$form-item-importance-medium-background-hover: #636164;
$form-item-importance-medium-background-hover-highlight: #6b696c;

importance low:
$form-item-importance-low-background: #f5f5f5;
$form-item-importance-low-background-highlight: #eeeeef;
$form-item-importance-low-border-color: #d0d0d1;
$form-item-importance-low-background-hover: #deddde;
$form-item-importance-low-background-hover-highlight: #deddde;

*Additional

  • Make all the labels same font-size: 1.05em regardless which importance they are. It looks really bad when they are different size and in the same group.

  • Colors of the labels with importance low and medium should be #454347

  • Color for the labels with high importance should be #356593

  • Change ck editor to: background #d0d0d1, border #f5f5f5

  • Changing color of high importance label to blue affects group title in SCS and Summary - this needs to be fixed.

  • HFP-371 should not be merged since it was related to previous styling.

Attached is the end look with applied styling.

I recommend checking it on my machine on all the editors before implementing - to be sure those colors looks ok on all the editors.

Acceptance Criteria

Change color scheme of the editor.

Status

Assignee

Thomas Marstrander

Reporter

Jelena Milinovic

Labels

Funding

None

Code reviewer

Pål Jørgensen

Released

None

Time tracking

1h

Fix versions

Priority

Medium
Configure