@ -1,4 +1,3 @@
$font-1 : sans-serif ;
$color-1 : #61dafb ;
@ -11,7 +10,7 @@ $alice-blue: #e8eef2ff;
$blue-munsell : #0088a3 ff ;
$malachite : #32e875 ff ;
$rufous : #9b2915 ff ;
$xiketic : #0 20114ff ;
$xiketic : #0 f111a ;
$beau-blue : #b1c5d2 ;
@ -49,7 +48,441 @@ li {
list-style-type : none ;
}
. dark {
. dark {
background-color : $xiketic ;
color : white ;
. page_analyse {
. haut_de_page {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. bas_de_page {
. nav_bar_verticale {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Analyse {
. Stat-1 {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. Stat-1_titre p {
background-color : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
. Stat-2 {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. Stat-2_titre p {
background-color : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
}
}
}
. page_parametre {
. haut_de_page {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. bas_de_page {
. nav_bar_verticale {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Parametre {
. one {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. one_milieu {
. bouton_submit {
. bouton_signalerPB {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
border-color : rgba ( 49 , 55 , 74 , 0 .5 ) ;
& : hover {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .8 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
}
& : focus {
box-shadow : 0 0 0 0 .2 rem rgba ( 102 , 108 , 125 , 0 .5 ) ;
}
& : active {
color : #fff ;
background : rgba ( 137 , 141 , 152 , 0 .6 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
box-shadow : inset 0 3 px 5 px rgba ( 0 , 0 , 0 , 0 ) ;
}
& : disabled {
color : #fff ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
}
}
}
}
. one_bas {
. bouton_submit {
. bouton_modifierMDP {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
border-color : rgba ( 49 , 55 , 74 , 0 .5 ) ;
& : hover {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .8 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
}
& : focus {
box-shadow : 0 0 0 0 .2 rem rgba ( 102 , 108 , 125 , 0 .5 ) ;
}
& : active {
color : #fff ;
background : rgba ( 137 , 141 , 152 , 0 .6 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
box-shadow : inset 0 3 px 5 px rgba ( 0 , 0 , 0 , 0 ) ;
}
& : disabled {
color : #fff ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
}
}
}
}
}
. two {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. three {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. d é connexion {
. bouton {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
border-color : rgba ( 49 , 55 , 74 , 0 .5 ) ;
& : hover {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .8 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
}
& : focus {
box-shadow : 0 0 0 0 .2 rem rgba ( 102 , 108 , 125 , 0 .5 ) ;
}
& : active {
color : #fff ;
background : rgba ( 137 , 141 , 152 , 0 .6 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
box-shadow : inset 0 3 px 5 px rgba ( 0 , 0 , 0 , 0 ) ;
}
& : disabled {
color : #fff ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
}
}
}
}
}
}
}
. page_compte {
. haut_de_page {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. bas_de_page {
. nav_bar_verticale {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Compte {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. name_picture {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. picture {
# display_image {
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
. name {
. bouton_submit {
. bouton_modifierNom {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
border-color : rgba ( 49 , 55 , 74 , 0 .5 ) ;
& : hover {
color : #cbd0dd ;
background : rgba ( 49 , 55 , 74 , 0 .8 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
}
& : focus {
box-shadow : 0 0 0 0 .2 rem rgba ( 102 , 108 , 125 , 0 .5 ) ;
}
& : active {
color : #fff ;
background : rgba ( 137 , 141 , 152 , 0 .6 ) ;
border-color : rgba ( 101 , 105 , 119 , 0 .55 ) ;
box-shadow : inset 0 3 px 5 px rgba ( 0 , 0 , 0 , 0 ) ;
}
& : disabled {
color : #fff ;
background : rgba ( 49 , 55 , 74 , 0 .5 ) ;
}
}
}
}
}
. infoPerso {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. infoEntreprise {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
}
}
. page_repertoire {
. haut_de_page {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. bas_de_page {
. nav_bar_verticale {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
. contenu {
. searchAndAddButton {
. boutonAddContact {
color : #3874ff ;
border-color : #3874ff ;
background-color : transparent ;
border-radius : .375 rem ;
padding : .375 rem .75 rem ;
gap : 1 rem ;
font-size : 1 rem ;
line-height : 1 .5 ;
transition : color .15 s ease-in-out , background-color .15 s ease-in-out , border-color .15 s ease-in-out , box-shadow .15 s ease-in-out ;
& : hover {
color : #fff ;
background-color : #3874ff ;
border-color : #004dff ;
}
& : focus {
color : #fff ;
background-color : #3874ff ;
border-color : #004dff ;
box-shadow : 0 0 0 0 .2 rem rgba ( 56 , 116 , 255 , 0 .5 ) ;
}
& : active {
color : #fff ;
background-color : #3874ff ;
border-color : #004dff ;
box-shadow : inset 0 3 px 5 px rgba ( 0 , 0 , 0 , 0 ) ;
}
& : disabled {
color : #3874ff ;
background-color : transparent ;
border-color : #3874ff ;
}
}
. input_box {
input {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
& : : -webkit-input-placeholder {
color : rgb ( 160 , 166 , 186 ) ;
}
}
}
}
. tabListContact {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
}
. page_calendrier {
. haut_de_page {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. bas_de_page {
. nav_bar_verticale {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Calendrier {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. Titre {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border-right : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
. mini_formulaire_evenement {
. ajout_input {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
color : #fff ;
}
. date {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
color : #fff ;
}
}
. bouton_ajout {
margin-top : 10 px ;
color : #90d67f ;
background : rgba ( 37 , 176 , 3 , 0 .14 ) ;
border-color : rgba ( 37 , 176 , 3 , 0 .14 ) ;
& : hover {
color : #90d67f ;
background : rgba ( 37 , 176 , 3 , 0 .2 ) ;
border-color : rgba ( 167 , 223 , 153 , 0 .226 ) ;
}
}
}
}
}
}
. page_dashboard {
. haut_de_page {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. bas_de_page {
. nav_bar_verticale {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Dashboard {
. _gauche {
. _haut {
. Mes_infos {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Alertes {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
. _bas {
. Mes_prochaines_activit é s {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Chiffre_cl é s {
. Ch_Cl é _gauche {
. Ch_Cl é _gauche_haut {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Ch_Cl é _gauche_bas {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
. Ch_Cl é _droite {
. Ch_Cl é _droite_haut {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. Ch_Cl é _droite_bas {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
}
}
}
. _droite {
. clients_important {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
. contacts_ajout é _r é cemment {
background : rgba ( 21 , 24 , 35 , 1 ) ;
border : 1 px solid rgba ( 50 , 55 , 72 , 1 ) ;
}
}
}
}
}
}
