Return to FlowerDocs 2.5 theme

Visual change

To meet [RGAA] requirements (https://design.numerique.gouv.fr/accessibilite-numerique/rgaa/), the colors of the FlowerDocs interface have changed.

Based on the use of variables, it is quite possible to get a visual similar to FlowerDocs version 2.5.x. Find out how to do this below.

body{
  --btn-success: #1abc9c;
  --btn-success-hover: #159a80;
  
  --checkbox: #84c7c1;
  --checkbox-after: #26a69a;
  
  --btn-secondary: #6c757d;
  --btn-secondary-hover: #5a6268;
  
  --btn-danger: #f1556c;
  --btn-danger-hover: #ee324d;
  
  --btn-pink: #f672a7;
  --btn-pink-hover: #f44e91;
  
  --text-sidebar-menu-hover: #00acc1;
  --element-focus: #26a69a;
  
  --badge-pink: #f672a7;
  --badge-success: #1abc9c;
}

button.btn-primary.disabled, 
button.btn-primary:disabled{
  color: #fff;  
  background-color: #6658dd;
  border-color: #6658dd;
  opacity: .65;
}

button.btn-success.disabled, 
button.btn-success:disabled{
  color: #fff;
  background-color: var(--btn-secondary);
  border-color: var(--btn-secondary);
  opacity: .65;
}

.home .floating-button.btn.btn-primary{
  background-color: #f1556c;
  border-color: #f1556c;
}

.home .floating-button.btn.btn-primary:hover{
  background-color: #ed2643;
  border-color: #ed2643;
}

.contextual-menu .menu-item:hover {
  background-color: #5fbeaa;
}

.contextual-menu .menu-item:hover .icon:before, 
.contextual-menu .menu-item:hover .label {
    color: #FFF!important;
}