templates/inscription/assets/style.html.twig line 1

Open in your IDE?
  2. {% set userCompanyDataContent = get_user_company_data() %}
  3. {% set user_primary_color = userCompanyDataContent.primary_color is not empty ? userCompanyDataContent.primary_color : '#f975c4'%}
  4. {% set user_second_color = userCompanyDataContent.second_color is not empty ? userCompanyDataContent.second_color : '#08085c' %}
  5. {% set user_text_color = userCompanyDataContent.text_color is not empty ? userCompanyDataContent.text_color : '#1968CD' %}
  6. {% set user_icon_color = userCompanyDataContent.icon_color is not empty ? userCompanyDataContent.icon_color : '#4a4b68' %}
  7. {% set user_background_color = userCompanyDataContent.background_color is not empty ? userCompanyDataContent.background_color : '#04006E' %}
  8. {% set user_title_color = userCompanyDataContent.title_color is not empty ? userCompanyDataContent.title_color : '#08085c' %}
  9. {% set user_company_logo = userCompanyDataContent.logo_company is not empty ? userCompanyDataContent.logo_company : '' %}
  11. <style>
  12.     {
  13.         # début custom color #
  14.     }
  15.     :root {
  16.         --my-flow-pink: {{user_primary_color}}; /*couleur principale #f975c4*/
  17.         --my-flow-secondaire: {{user_second_color}}
  18.         ; /*couleur secondaire #08085c*/
  19.         --text-active: {{user_text_color}}
  20.         ; /* couleur text active #1968CD*/
  21.         --bs-custom-blue: var(--my-flow-secondaire) !important;
  22.         --bs-custom-pink:var(--my-flow-pink) !important;
  23.         --fond-status: pink; /* couleur fond status #04006E*/
  25.         --my-flow-black: #4a4b68; /*couleur des icones*/
  26.         --my-flow-block-fond: {{user_background_color}}
  27.         ; /*couleur fond des blocs */
  28.         --my-flow-titre-block: {{user_title_color}}
  29.         ; /*couleur fond des blocs */
  30.         --my-flow-text: {{user_title_color}}
  31.         ; /* couleur des titre */
  32.         --my-flow-black-rgb: 74, 75, 104;
  33.         --my-flow-blue: #EDF6FE;
  34.         --my-flow-light-pink: #F6E4F4;
  36.     }
  37.     {
  38.         # debut Custom primary color #
  39.     }
  40.     body .btn-primary-custom,
  41.     body .bg-custom-pink,
  42.     body .button-for-edit-with-icon-play,
  43.     body .button-for-edit-with-icon-clock,
  44.     body .button-for-edit-with-icon-pen,
  45.     body .text-custom-pink,
  46.     body .text-custom-pink,
  47.     body .containt-planning > span {
  48.         background-color: var(--my-flow-pink) !important;
  49.     }
  50.     .btn-check:checked + .btn.btn-primary,
  51.     .btn-check:active + .btn.btn-primary,
  52.     .btn.btn-primary:focus:not(.btn-active),
  53.     .btn.btn-primary:hover:not(.btn-active),
  54.     .btn.btn-primary:active:not(.btn-active),
  55.     .btn.btn-primary.active,
  56.     .btn.btn-primary.show,
  57.     .show > .btn.btn-primary {
  58.         color: #181C32 !important;
  59.         text-decoration: none !important;
  60.     }
  61.     body .content-mission-tooltips .text-custom-pink,
  62.     body .bi-exclamation-triangle-fill {
  63.         color: var(--my-flow-pink) !important;
  64.         background-color: transparent !important;
  65.     }
  66.     body .profil-image-label:hover,
  67.     body .profil-image-delete:hover {
  68.         background: var(--my-flow-pink) !important;
  69.     }
  70.     .back-line2 input:checked[type=checkbox],
  71.     input:checked[type=checkbox],
  72.     body .btn.btn-primary,
  73.     .btn-check:checked + .btn.btn-primary,
  74.     .btn-check:active + .btn.btn-primary,
  75.     .btn.btn-primary:focus:not(.btn-active),
  76.     .btn.btn-primary:hover:not(.btn-active),
  77.     .btn.btn-primary:active:not(.btn-active),
  78.     .btn.btn-primary.active,
  79.     .btn.btn-primary.show,
  80.     .show > .btn.btn-primary {
  81.         background-color: var(--my-flow-pink) !important
  82.     }
  83.     {
  84.         # fin Custom primary color #
  85.     }
  87.     {
  88.         # debut Custom secondaire color #
  89.     }
  90.     body .text-custom-blue,
  91.     body .custom-facture-attente,
  92.     body .color-blue-custom,
  93.     body .notification-list-mission > li,
  94.     body .content-message-system-date {
  95.         color: var(--bs-custom-blue) !important;
  96.     }
  97.     body .mission-tooltips::after {
  98.         border-bottom: 5px solid var(--bs-custom-blue) !important;
  99.     }
  100.     body .bg-custom-blue,
  101.     body .container-recurrent-label .no-label-recurrent.no-recurrent,
  102.     body .page-item.active .page-link,
  103.     .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice,
  104.     .active-blue {
  105.         background-color: var(--bs-custom-blue) !important;
  106.     }
  107.     body .mission-tooltips,
  108.     body .notification-title {
  109.         background: var(--bs-custom-blue) !important;
  110.     }
  111.     {
  112.         # fin Custom secondaire color #
  113.     }
  115.     {
  116.         # début texte active #
  117.     }
  118.     body .text-active-primary.active,
  119.     .menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
  120.     .menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  121.         color: var(--text-active) !important;
  122.     }
  123.     body a .aside-user-info,
  124.     body .title-compaign a,
  125.     .nav-link:hover,
  126.     .nav-link:focus {
  127.         color: var(--text-active) !important;
  128.     }
  129.     body .btn-join-file-chat {
  130.         color: var(--text-active) !important;
  131.         border: var(--text-active) dashed 1px !important
  132.     }
  133.     {
  134.         # fin texte active #
  135.     }
  136.     {
  137.         # debut text de détails #
  138.     }
  139.     body .estimated-time-or-income-content .color-blue-custom,
  140.     body div.resume_marge .color-blue-custom,
  141.     .resumer-commande tbody tr td,
  142.     body .state-provider .text-custom-blue {
  143.         color: var(--my-flow-text) !important;
  144.     }
  145.     {
  146.         # fin text de détails #
  147.     }
  149.     {
  150.         # fin custom color #
  151.     }
  153.     .menu-link.active > svg.icn.faq path,
  154.     .menu-link:hover > svg.icn.faq path {
  155.         stroke: var(--my-flow-pink);
  156.     }
  157.     .menu-link > svg.icn.faq path {
  158.         fill: #fff;
  159.         width: 20px;
  160.     }
  161.     .hidden {
  162.         display: none !important;
  163.     }
  164.     svg.icn-grey {
  165.         fill: #a1a5b7 !important;
  166.     }
  167.     svg.icn-pink {
  168.         fill: var(--my-flow-pink) !important;
  169.     }
  170.     i.icn-pink {
  171.         color: var(--my-flow-pink) !important;
  172.     }
  173.     .myflow-line {
  174.         padding: 10px;
  175.     }
  176.     .myflow-line:not(.fw-bold):hover {
  177.         background-color: #eff2f5;
  178.     }
  179.     .pagination:hover {
  180.         color: var(--my-flow-pink);
  181.     }
  182.     .pagination:hover svg {
  183.         fill: var(--my-flow-pink);
  184.     }
  185.     .info-general-2 >div > button:hover,
  186.     .info-general-2 >div > button:hover * {
  187.         color: var(--my-flow-pink) !important;
  188.         fill: var(--my-flow-pink) !important;
  189.         text-decoration: underline;
  190.     }
  191.     .info-general-2 > div > button {
  192.         color: #97ABF4;
  193.         font-weight: bolder;
  194.         cursor: pointer;
  195.         font-size: 13px;
  196.     }
  197.     .info-general:hover,
  198.     .info-general:hover * {
  199.         color: var(--my-flow-pink) !important;
  200.         fill: var(--my-flow-pink) !important;
  201.     }
  202.     .info-general,
  203.     .info-general-2 > div > button {
  204.         text-decoration: underline;
  205.     }
  207.     svg.icn-greyhoverpink {
  208.         fill: #a1a5b7 !important;
  209.     }
  210.     i.icn-greyhoverpink {
  211.         color: #a1a5b7 !important;
  212.     }
  213.     svg.icn-greyhoverpink:hover {
  214.         fill: var(--my-flow-pink) !important;
  215.     }
  216.     i.icn-greyhoverpink:hover {
  217.         color: var(--my-flow-pink) !important;
  218.     }
  220.     .box-fichier-joints-mission:hover form h3 div button svg.icn-greyhoverpink {
  221.         fill: var(--my-flow-pink) !important;
  222.     }
  223.     .box-fichier-joints-mission:hover form h3 div button i.icn-greyhoverpink {
  224.         color: var(--my-flow-pink) !important;
  225.     }
  226.     .box-fichier-joints-mission:hover {
  227.         border: 1px solid var(--my-flow-pink);
  228.     }
  230.     {
  231.         # Ce qui suit est pas ouf, je le sais, faudrait le mettre directement dans le CSS #
  232.     }
  234.     div.gestion-temps {
  235.         text-decoration: none;
  236.     }
  237. </style>
  238. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  239. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  240. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  241. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  244. {{ encore_entry_link_tags('plugins/global/plugins.bundle') }}
  245. {{ encore_entry_link_tags('css/style.bundle') }}
  246. {{ encore_entry_link_tags('app') }}
  247. {{ encore_entry_script_tags('app') }}