Ajout de la personnalisation

This commit is contained in:
Adrien Bourmault 2024-06-20 13:58:26 +02:00
parent c80bbe4aaf
commit df4fd9e985
1 changed files with 56 additions and 0 deletions

View File

@ -49,6 +49,62 @@ Installer SASS :
apt install ruby-sass -y
```
Changer le CSS via l'interface [https://status.libre-en-communs.org/dashboard/settings](https://status.libre-en-communs.org/dashboard/settings):
```
/* Index Page */
$background-color: #EAEAEA;
$container-color: #fefff9;
$text-color: #2d3842;
$max-width: 1012px;
$title-color: #00adff;
$description-color: #ef998f;
$subtitle-color: #747474;
$mobile-card-shadow: 2px 3px 10px #b7b7b7;
$group-list-background: #FFFBEE;
$group-list-title: #00adff;
$navbar-color: #2d3842;
$navbar-background: #ffffff;
$input-background: #fdfdfd;
$input-color: #4e4e4e;
$input-border: 1px solid #c9c9c9;
$day-success-background: #e9e9e9;
$day-error-background: #d50a0a;
/* Status Container */
$card-background: #FFFBEE;
$card-border: 1px solid rgba(76, 76, 76, 0.12);
$card-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.08);
$service-title: #00adff;
$service-title-size: 1.8rem;
$service-stats-color: #4f4f4f;
$service-description-color: #fff;
$service-stats-size: 2.3rem;
$service-card-height: 480px;
/* Button Colors */
$success-color: #baed91;
$danger-color: #fea3aa;
$primary-color: #b2cefe;
/* Footer Settings */
$footer-text-color: #b0b0b0;
$nav-tab-color: #baed91;
$footer-display: block;
/* Global Settings */
$global-border-radius: 0.2rem;
/* Mobile Settings */
$sm-background-color: #fcfcfc;
$sm-border-radius: 0rem;
/* Mobile Service Container */
$sm-service-background: #ffffff;
$sm-padding: 0;
$sm-service-stats-size: 1.5rem;
```