253 lines
6.0 KiB
SCSS
Executable File
253 lines
6.0 KiB
SCSS
Executable File
/* -------------------------------------------- */
|
|
/* Codes couleurs
|
|
/* -------------------------------------------- */
|
|
$gradient: linear-gradient(90deg, rgba(255, 212, 9, 0.9) 10%, rgba(251, 139, 8, 0.8) 44%, rgba(245, 9, 0, 0.8) 92%);
|
|
$gradient: #E5AE3F;
|
|
$grisTresClair: #f4f6fc;
|
|
$grisIntermediaire:#e3e3e3;
|
|
$grisClair: lightgrey;
|
|
$gris: grey;
|
|
|
|
$noir: #262424;
|
|
$noirClair:#4c4949;
|
|
|
|
/*$orang: #ffc588;*/
|
|
$orang: #ff922c;
|
|
$orangClair: #ffecbf;
|
|
$blanc: white;
|
|
|
|
$bleuClair: #24abff;
|
|
$bleu: #0066cc;
|
|
$bleusombre: #2e5aac;
|
|
|
|
$beig: #F5E3C9;
|
|
$jaune:#EEC850;
|
|
|
|
$vertFluo:#8af340;
|
|
$vertChatGPT:#28a745;
|
|
$bleuFluo:#7cfef8;
|
|
|
|
/* -------------------------------------------- */
|
|
/* Theme Clair
|
|
/* -------------------------------------------- */
|
|
$clairFondsFrame: $grisTresClair;
|
|
$clairBkgrd: $blanc;
|
|
$clairColor : black;
|
|
$clairBordure: $grisClair;
|
|
$clairBoxShadow: $grisClair;
|
|
$clairIcoColor: $noirClair;
|
|
$clairIcoColor2: $bleuClair;
|
|
$clairIcoOver: $orang;
|
|
$clairIcoOver2: $bleuClair;
|
|
|
|
/* hover */
|
|
$clairOverBackground: $bleu;
|
|
$clairOverPolice: $bleu;
|
|
|
|
/* liens */
|
|
$clairLienActif: $orang;
|
|
$clairColor2: $noir;
|
|
|
|
/* -------------- boutons = boutonsWebmaster ------------------------------ */
|
|
$clairBoutonBckgrd: $bleuClair;
|
|
$clairBoutonColor: $blanc;
|
|
|
|
/* hover */
|
|
$clairBoutonOverBckgrd: $bleuClair;
|
|
$clairBoutonOverColor: $blanc;
|
|
|
|
$clairBoutonIcoOver: $orang;
|
|
$clairBoutonIcoOver2: $bleuClair;
|
|
|
|
/* -------------- Menus = boutonsMenusWbm + onglets ------------------------------ */
|
|
$clairBoutonMenusBkgrdColor: #f4f6fc;
|
|
$clairBoutonMenusColor: #06498b;
|
|
$clairBoutonMenusBorder: $grisClair;
|
|
|
|
/* hover = */
|
|
$clairBoutonMenuOverBckgrd: $bleuClair;
|
|
$clairBoutonMenuOverColor: $blanc;
|
|
|
|
/* Actif */
|
|
$clairBoutonMenuActifBackground: $orang;
|
|
$clairBoutonMenuActifColor: $blanc;
|
|
|
|
/* -------------- champs ------------------------------ */
|
|
$clairChampsBkgrd : $grisTresClair;
|
|
$clairLibChampsColor : $bleu;
|
|
$clairChampsColor : $noir;
|
|
|
|
$clairActionColor : blue;
|
|
@mixin adminClair () {
|
|
background: $clairBkgrd;
|
|
color: $clairColor;
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
/* Theme sombre
|
|
/* -------------------------------------------- */
|
|
$sombreFondsFrame: $grisTresClair;
|
|
$sombreBkgrd: $noirClair;
|
|
$sombreColor : $grisTresClair;
|
|
$sombreBordure: $grisClair;
|
|
$sombreBoxShadow: $bleuClair;
|
|
|
|
$sombreIcoColor: lightblue;
|
|
$sombreIcoColor2: white;
|
|
|
|
$sombreIcoOver: $blanc;
|
|
$sombreIcoOver2: $bleuClair;
|
|
|
|
/* hover */
|
|
$sombreOverBackground: $orang;
|
|
$sombreOverPolice: $bleu; /* Non modifié */
|
|
|
|
/* liens */
|
|
$sombreLienActif: $blanc;
|
|
$sombreColor2: lightblue; /* Non modifié */
|
|
|
|
/* -------------- boutons = boutonsWebmaster ------------------------------ */
|
|
$sombreBoutonBckgrd: #147C8F;
|
|
$sombreBoutonColor: lightblue; /* Non modifié */
|
|
|
|
/* hover */
|
|
$sombreBoutonOverBckgrd: $blanc;
|
|
$sombreBoutonOverColor: $grisClair;
|
|
|
|
$sombreBoutonIcoOver: $orang; /* Non modifié */
|
|
$sombreBoutonIcoOver2: white; /* Non modifié */
|
|
|
|
/* -------------- Menus = boutonsMenusWbm + onglets ------------------------------ */
|
|
$sombreBoutonMenusBkgrdColor: $grisClair;
|
|
$sombreBoutonMenusColor: $grisTresClair;
|
|
$sombreBoutonMenusBorder: $bleuClair;
|
|
|
|
/* hover = */
|
|
$sombreBoutonMenuOverBckgrd: $bleusombre; /* Non modifié */
|
|
$sombreBoutonMenuOverColor: $blanc; /* Non modifié */
|
|
|
|
/* Actif */
|
|
$sombreBoutonMenuActifBackground: lightblue; /* Non modifié */
|
|
$sombreBoutonMenuActifColor: $blanc; /* Non modifié */
|
|
|
|
/* -------------- champs ------------------------------ */
|
|
$sombreChampsBkgrd : $grisIntermediaire;
|
|
$sombreLibChampsColor : $grisTresClair;
|
|
$sombreChampsColor : $blanc;
|
|
|
|
$sombreActionColor : $grisTresClair;
|
|
|
|
@mixin adminsombre () {
|
|
background: $sombreBkgrd;
|
|
color: $sombreColor;
|
|
}
|
|
|
|
|
|
/* -------------------------------------------- */
|
|
/* Theme orange
|
|
/* -------------------------------------------- */
|
|
$orangeBkgrd: $orang;
|
|
$orangeColor: $blanc;
|
|
$orangeIcoCouleur: $blanc;
|
|
|
|
$orangeOver: $orang;
|
|
$orangeLienActif: $bleu;
|
|
|
|
$orangeIcoColor: $jaune;
|
|
$orangeIcoColor2: brown;
|
|
$orangeIcoOver: $orangClair;
|
|
$orangeIcoOver2: $jaune;
|
|
|
|
$orangeFondsFrame: $grisTresClair;
|
|
$orangeBordure: $grisClair;
|
|
|
|
$orangeChampsBkgrd : $grisTresClair;
|
|
$orangeLibChampsColor : #755033;
|
|
$orangeChampsColor : $noir;
|
|
|
|
$orangeActionColor : blue;
|
|
|
|
$orangeBoutonColor: $blanc;
|
|
$orangeBoutonBckgrd: $beig;
|
|
$orangeBoutonOverColor: $blanc;
|
|
$orangeBoutonOverBckgrd: $orang;
|
|
$orangeBoutonActif: $gradient;
|
|
|
|
$orangeBoxShadow: $beig;
|
|
|
|
$orangeBoutonMenusBkgrdColor: $blanc;
|
|
$orangeBoutonMenusColor: $orang;
|
|
$orangeBoutonMenusBorder: $beig;
|
|
|
|
$orangeVisited: $noir;
|
|
|
|
@mixin adminOrange () {
|
|
background: $orangeBkgrd;
|
|
color: $orangeColor;
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
/* Theme bleu
|
|
/* -------------------------------------------- */
|
|
$bleuBkgrd: $bleu;
|
|
$bleuColor: $blanc;
|
|
$bleuIcoCouleur: $blanc;
|
|
|
|
$bleuOver: $orang;
|
|
$bleuLienActif: $bleu;
|
|
|
|
$bleuIcoColor: $blanc;
|
|
$bleuIcoColor2: $bleu;
|
|
$bleuIcoOver: $bleuClair;
|
|
$bleuIcoOver2: $blanc;
|
|
|
|
$bleuFondsFrame: $grisTresClair;
|
|
$bleuBordure: $grisClair;
|
|
|
|
$bleuChampsBkgrd : $grisTresClair;
|
|
$bleuLibChampsColor : #755033;
|
|
$bleuChampsColor : $noir;
|
|
|
|
$bleuActionColor : blue;
|
|
|
|
$bleuBoutonColor: $blanc;
|
|
$bleuBoutonBckgrd: $bleuClair;
|
|
$bleuBoutonOverColor: $blanc;
|
|
$bleuBoutonOverBckgrd: $blanc;
|
|
$bleuBoutonActif: $gradient;
|
|
|
|
$bleuBoxShadow: $bleu;
|
|
|
|
$bleuBoutonMenusBkgrdColor: $blanc;
|
|
$bleuBoutonMenusColor: $bleu;
|
|
$bleuBoutonMenusBorder: $beig;
|
|
|
|
$bleuVisited: $noir;
|
|
|
|
@mixin adminBleu () {
|
|
background: $bleuBkgrd;
|
|
color: $bleuColor;
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
/* Background
|
|
/* -------------------------------------------- */
|
|
|
|
@mixin bgGradient () {
|
|
background: $grisClair;
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
/* Par objet */
|
|
/* -------------------------------------------- */
|
|
@mixin awesomIco () {
|
|
margin-left: 2px;
|
|
margin-right: 1px;
|
|
min-width: 28px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
/*color: black;*/
|
|
font-size: 1.2rem;
|
|
background-color: transparent;
|
|
}
|