[Site & administration] Congés : couleur en gris dans les calendrier

backend/views/distribution/index.php

                                     <h4>
                                         Distribution du <strong>{{ dateFormat }}</strong>
                                         <a v-if="distribution.active" class="btn btn-default" :href="distribution.url_order" @click="copyLinkOrder($event, distribution.url_order)"><span class="glyphicon glyphicon-link"></span></a>
-                                        <span v-if="distribution.is_leave_period" class="label label-info">
+                                        <span v-if="distribution.is_leave_period" class="label label-default">
                                             <span class="glyphicon glyphicon-info-sign"></span>
                                             Congés
                                         </span>

backend/web/js/vuejs/distribution-index.js

                                 key: 'leave_period',
                                 dates: leave_period_dates,
                                 highlight: {
-                                    color: 'blue',
+                                    color: 'gray',
                                     fillMode: 'solid'
                                 }
                             });

producer/web/css/screen.css

 }
 /* line 152, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #leave-period-date-color {
-  background-color: #E09F3E;
-  border: solid 2px #E09F3E;
+  background-color: gray;
+  border: solid 2px gray;
 }
-/* line 158, ../sass/order/_order.scss */
+/* line 160, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar {
   margin-bottom: 15px;
 }
-/* line 160, ../sass/order/_order.scss */
+/* line 162, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
   font-size: 2rem;
 }
-/* line 163, ../sass/order/_order.scss */
+/* line 165, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day-background {
   padding: 20px;
 }
-/* line 168, ../sass/order/_order.scss */
+/* line 170, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day:hover .c-day-background {
   background-color: #ee6f42 !important;
   color: white !important;
 }
-/* line 174, ../sass/order/_order.scss */
+/* line 176, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day-popover-content {
   font-size: 1.3rem;
 }
-/* line 182, ../sass/order/_order.scss */
+/* line 184, ../sass/order/_order.scss */
 .order-order #main #app-order-order #credit-online-payment .panel .panel-heading .btn-default {
   float: right;
   position: relative;
   top: -5px;
 }
-/* line 193, ../sass/order/_order.scss */
+/* line 195, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card {
   margin-bottom: 20px;
 }
-/* line 196, ../sass/order/_order.scss */
+/* line 198, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card .btn-primary {
   float: right;
 }
-/* line 200, ../sass/order/_order.scss */
+/* line 202, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card .date {
   font-size: 1.2rem;
   line-height: 1.4rem;
   text-transform: uppercase;
   font-family: 'worksans_semibold';
 }
-/* line 207, ../sass/order/_order.scss */
+/* line 209, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card .point-sales {
   color: gray;
   font-size: 14px;
   margin-top: 8px;
 }
-/* line 216, ../sass/order/_order.scss */
+/* line 218, ../sass/order/_order.scss */
 .order-order #main #app-order-order .block-actions {
   text-align: center;
   margin-top: 40px;
 }
-/* line 223, ../sass/order/_order.scss */
+/* line 225, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .the-name {
   color: black;
   font-size: 1.2em;
   line-height: 1.4em;
   font-family: 'worksans_semibold';
 }
-/* line 230, ../sass/order/_order.scss */
+/* line 232, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .locality {
   display: none;
 }
-/* line 234, ../sass/order/_order.scss */
+/* line 236, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .comment,
 .order-order #main #app-order-order table#points-sale td.name .minimum-order-amount,
 .order-order #main #app-order-order table#points-sale td.name .shared-point-sale-producers {
   color: gray;
 }
-/* line 239, ../sass/order/_order.scss */
+/* line 241, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .comment a,
 .order-order #main #app-order-order table#points-sale td.name .minimum-order-amount a,
 .order-order #main #app-order-order table#points-sale td.name .shared-point-sale-producers a {
   color: #ee6f42;
 }
-/* line 245, ../sass/order/_order.scss */
+/* line 247, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.actions {
   width: 150px;
 }
-/* line 247, ../sass/order/_order.scss */
+/* line 249, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.actions button {
   width: 100%;
 }
-/* line 259, ../sass/order/_order.scss */
+/* line 261, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products {
   margin-bottom: 40px;
   border-top: solid 1px #b7ab9b;
   border-left: solid 1px #b7ab9b;
   border-right: solid 1px #b7ab9b;
 }
-/* line 265, ../sass/order/_order.scss */
+/* line 267, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products thead {
   display: none;
 }
-/* line 269, ../sass/order/_order.scss */
+/* line 271, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td {
   border-bottom: solid 1px #b7ab9b;
   border-left: 0px none;
   border-right: 0px none;
 }
-/* line 277, ../sass/order/_order.scss */
+/* line 279, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.category-closed:hover td.category-name,
 .order-order #main #app-order-order table#products tr.category-open td.category-name {
   padding-left: 30px;
   background-color: #f4efe8;
 }
-/* line 284, ../sass/order/_order.scss */
+/* line 286, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name {
   transition: all 0.1s linear;
   background-color: #f4efe8;
   padding-top: 13px;
   padding-left: 20px;
 }
-/* line 295, ../sass/order/_order.scss */
+/* line 297, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name .bi-caret-down-fill,
 .order-order #main #app-order-order table#products td.category-name .bi-caret-right-fill {
   font-size: 15px;
 }
-/* line 300, ../sass/order/_order.scss */
+/* line 302, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name span.badge {
   font-family: "worksans_bold";
   text-transform: uppercase;
   position: relative;
   top: -3px;
 }
-/* line 308, ../sass/order/_order.scss */
+/* line 310, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name span.badge.bg-primary {
   float: right;
   top: 2px;
 }
-/* line 314, ../sass/order/_order.scss */
+/* line 316, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name:hover {
   cursor: pointer;
   background-color: white;
 }
-/* line 321, ../sass/order/_order.scss */
+/* line 323, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.photo img {
   width: 75px;
 }
-/* line 331, ../sass/order/_order.scss */
+/* line 333, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices {
   margin-top: 10px;
   font-size: 10px;
   padding-bottom: 2px;
   margin-bottom: 0px;
 }
-/* line 339, ../sass/order/_order.scss */
+/* line 341, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li {
   margin-bottom: 5px;
 }
-/* line 341, ../sass/order/_order.scss */
+/* line 343, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li strong {
   font-weight: bold;
 }
-/* line 349, ../sass/order/_order.scss */
+/* line 351, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
   width: 135px;
   text-align: center;
 }
-/* line 353, ../sass/order/_order.scss */
+/* line 355, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .price-infos, .order-order #main #app-order-order table#products .price-total .price-infos {
   color: gray;
   font-size: 13px;
   line-height: 15px;
 }
-/* line 360, ../sass/order/_order.scss */
+/* line 362, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.product-open td.price-total {
   font-size: 1.1rem;
   font-family: 'worksans_bold';
   padding-top: 19px;
 }
-/* line 366, ../sass/order/_order.scss */
+/* line 368, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity {
   width: 175px;
 }
-/* line 369, ../sass/order/_order.scss */
+/* line 371, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity,
 .order-order #main #app-order-order table#products .td-quantity .input-group-text {
   background-color: white;
 }
-/* line 374, ../sass/order/_order.scss */
+/* line 376, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity {
   text-align: center;
   border: 0px none;
 }
-/* line 378, ../sass/order/_order.scss */
+/* line 380, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-text {
   border: 0px none;
   padding-right: 10px;
   padding-left: 0px;
   margin: 0px;
 }
-/* line 386, ../sass/order/_order.scss */
+/* line 388, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-btn button {
   padding: 4px 5px 0px 5px;
 }
-/* line 388, ../sass/order/_order.scss */
+/* line 390, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-btn button .bi {
   font-size: 1.5em;
   font-weight: bold;
   margin: 0px;
 }
-/* line 399, ../sass/order/_order.scss */
+/* line 401, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary {
   padding: 25px;
 }
-/* line 402, ../sass/order/_order.scss */
+/* line 404, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary h3 {
   font-family: 'worksans_bold';
   margin-top: 0px;
   text-transform: uppercase;
   margin-bottom: 5px;
 }
-/* line 409, ../sass/order/_order.scss */
+/* line 411, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul {
   margin-bottom: 15px;
   padding-left: 20px;
   line-height: 1.4rem;
   list-style-type: disc;
 }
-/* line 417, ../sass/order/_order.scss */
+/* line 419, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul li .quantity {
   font-weight: bold;
 }
-/* line 424, ../sass/order/_order.scss */
+/* line 426, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total {
   padding-top: 25px;
   font-size: 1.5rem;
   font-family: 'worksans_bold';
 }
-/* line 429, ../sass/order/_order.scss */
+/* line 431, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total span {
   display: inline-block;
   padding: 7px 15px;
   color: white;
   font-size: 1.2rem;
 }
-/* line 441, ../sass/order/_order.scss */
+/* line 443, ../sass/order/_order.scss */
 .order-order #main #app-order-order #payment-methods .infos {
   margin-top: 10px;
   color: gray;
 }
-/* line 448, ../sass/order/_order.scss */
+/* line 450, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .delivery {
   margin-bottom: 20px;
 }
-/* line 452, ../sass/order/_order.scss */
+/* line 454, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .comment {
   margin-bottom: 20px;
 }
-/* line 456, ../sass/order/_order.scss */
+/* line 458, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment #payment-methods {
   margin-bottom: 20px;
 }
-/* line 461, ../sass/order/_order.scss */
+/* line 463, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .credit .info {
   margin-left: 20px;
   color: gray;
 }
 
-/* line 474, ../sass/order/_order.scss */
+/* line 476, ../sass/order/_order.scss */
 #main #content .panel h3 {
   font-family: "worksans_bold";
   margin: 0px;

producer/web/js/vuejs/order-order.js

                         app.calendar.attrs.push({
                             highlight: {
                                 style: {
-                                    background: '#E09F3E'
+                                    //background: '#E09F3E'
+                                    background: 'gray'
                                 },
                                 contentStyle: {
                                     color: 'white'

producer/web/sass/order/_order.scss

                 border: solid 2px #198754;
             }
             #leave-period-date-color {
-                background-color: #E09F3E;
-                border: solid 2px #E09F3E;
+                //background-color: #E09F3E;
+                //border: solid 2px #E09F3E;
+                background-color: gray;
+                border: solid 2px gray;
             }
         }