ms1inscription-v5/css/theme.php

<?php
/**
 * Created by PhpStorm.
 * User: jspro
 * Date: 2020-05-26
 * Time: 16:51
 */
require_once(__DIR__ . '/../PHPColors/Color.php'); // inclure la class
use Mexitek\PHPColors\Color; // utiliser le namepace de la class
global $vDomaine, $vRepertoireFichiers;

// couleurs par défaut
$strColor = '2563eb';
$strColorText = 'ffffff';
$strBackgroundImage = $vDomaine . "/images/site2.png";
$strCustomCSS = '';

// couleur du client
if (isset($tabEvenement) && trim($tabEvenement['general']['eve_couleur']) != '') {
    $strColor = str_replace('#', '', $tabEvenement['general']['eve_couleur']);
}
// arriere-plan du client
if (isset($tabEvenement) && trim($tabEvenement['general']['eve_background']) != '') {
    $strBackgroundImage = $vDomaine . $vRepertoireFichiers . '/images/backgrounds/' . $tabEvenement['general']['eve_background'];
}
// Custom CSS
if (isset($tabEvenement) && trim($tabEvenement['general']['eve_custom_css']) != '') {
    $strCustomCSS = fxUnescape($tabEvenement['general']['eve_custom_css']);

}

$objColor = new Color($strColor); // objet: couleur originale
$strColorDarkened = $objColor->darken(); // hexa: couleur plus foncée
$strColorLightened = $objColor->lighten(); // hexa: couleur plus pâle
$arrGradient = $objColor->makeGradient(15); //array: couleurs pâle et foncée pour faire un dégradé
$objColorLightened = new Color($strColorLightened); // objbet: couleur plus pâle
$arrRGB = $objColorLightened->getRgb(); //array: rouge, vert, bleu
?>
<style type="text/css">
    /* BACKGROUND */
    body {
        color: #262d35;
        background: #e2e3e6 url(<?php echo $strBackgroundImage ?>) no-repeat center center fixed;
        background-size: cover;
        font-family: 'Lato', sans-serif;
    }
    /* LINKS */
    a {
        color: #<?php echo $strColor; ?>;
    }

    a:hover {
        color: #<?php echo $strColorDarkened; ?>;
    }
    /* HEADER */
    .ms1-header-top li a {
        color: #<?php echo $strColorText; ?>;
    }
    .ms1-header-top li a:hover, .ms1-header-top li.active a {
        color: #<?php echo $strColor; ?>;
    }
    /* FOOTER */
    .ms1-contact-client a {
        color: #<?php echo $strColorText; ?>;
    }
    .ms1-contact-client a:hover, .ms1-contact-client a.active {
        color: #<?php echo $strColor; ?>;
    }
    /* BUTTONS */
    .btn-primary {
        color: #<?php echo $strColorText; ?>;
        background-color: #<?php echo $strColor; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
    }

    .btn-primary:hover {
        color: #<?php echo $strColorText; ?>;
        background-color: #<?php echo $strColorDarkened; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #<?php echo $strColorText; ?>;
        background-color: #<?php echo $strColorDarkened; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
        box-shadow: 0 0 0 0.2rem rgba(<?php echo $arrRGB['R']; ?>, <?php echo $arrRGB['G']; ?>, <?php echo $arrRGB['B']; ?>, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #<?php echo $strColorText; ?>;
        background-color: #<?php echo $strColor; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #<?php echo $strColorText; ?>;
        background-color: #<?php echo $strColorDarkened; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
    }

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(<?php echo $arrRGB['R']; ?>, <?php echo $arrRGB['G']; ?>, <?php echo $arrRGB['B']; ?>, 0.5);
    }

    .btn-outline-primary {
        color: #<?php echo $strColor; ?>;
        border-color: #<?php echo $strColor; ?>;
    }

    .btn-outline-primary:hover {
        color: #<?php echo $strColorText ?>;
        background-color: #<?php echo $strColorDarkened; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(<?php echo $arrRGB['R']; ?>, <?php echo $arrRGB['G']; ?>, <?php echo $arrRGB['B']; ?>, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #<?php echo $strColor; ?>;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #<?php echo $strColorText ?>;
        background-color: #<?php echo $strColorDarkened; ?>;
        border-color: #<?php echo $strColorDarkened; ?>;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(<?php echo $arrRGB['R']; ?>, <?php echo $arrRGB['G']; ?>, <?php echo $arrRGB['B']; ?>, 0.5);
    }
    /* TABLE */
    .table thead tr,
    .table tfoot tr {
        background-color: #<?php echo $strColor; ?>;
        color: #<?php echo $strColorText; ?>;
    }
    /* ==================================================
 * SCROLL TOP
 * ================================================== */
    .scroll-top-wrapper {
        background-color: #<?php echo $strColor; ?>;
        color: #<?php echo $strColorText; ?>;
    }
    .scroll-top-wrapper:hover {
        background-color: #<?php echo $strColorDarkened; ?>;
        color: #<?php echo $strColorText; ?>;
    }
    /* CARD BOX PARTICIPANT */
    .card.box_participant .card-header {
        background-color: #<?php echo $strColor; ?>;
        color: #<?php echo $strColorText; ?>;
    }
    .card.box_participant .card-header h2 .btn-link {
        color: #<?php echo $strColorText; ?>;
        font-size: 2rem;
    }
    .card.box_participant .card-header h2 {
        color: #<?php echo $strColorText; ?>;
    }
    .card.box_participant {
        border-color: #<?php echo $strColorDarkened; ?>;
    }
    /* PROGRESS BAR */
    /* Aspect général de la coche */
    input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {
        color: #<?php echo $strColor; ?>;
    }
    /* PANIER */
    table.special tbody tr th {
        background: #<?php echo $strColor; ?>!important;
        color: #<?php echo $strColorText; ?>!important;
    }
    /* MISC */
    .bg-primary {
        background-color: #<?php echo $strColor; ?>!important;
    }
    .badge-primary {
        background-color: #<?php echo $strColor; ?>!important;
        color: #<?php echo $strColorText; ?>!important;
    }
    /* PAGINATION */
    .page-link {
        color: #<?php echo $strColor; ?>!important;
        border: 1px solid #<?php echo $strColor; ?>!important;
    }
    .page-link:hover {
        color: #<?php echo $strColor; ?>!important;
        background-color: #e9ecef;
        border-color: #<?php echo $strColorLightened; ?>!important;
    }
    .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .page-item.active .page-link {
        background-color: #<?php echo $strColor; ?>!important;
        border-color: #<?php echo $strColorDarkened; ?>!important;
        color: #<?php echo $strColorText; ?>!important;
    }
    /* CUSTOM CSS */
    <?php echo $strCustomCSS; ?>
</style>