update the boutons design in header*

src/component/Header/MenuActionListItem/DropdownLang.jsx

@@ -8,7 +8,7 @@ const DropdownLang = props => {
       <div className='header__menu__rightside__itemlanguage__languagedropdown dropdown'>
         <button
           type='button'
-          className='languagedropdown__btnlanguage btnnavbar btn btn-secondary dropdown-toggle'
+          className='languagedropdown__btnlanguage btnnavbar btn btn-outline-primary dropdown-toggle'
           id='headerDropdownMenuButton'
           data-toggle='dropdown'
           aria-haspopup='true'

src/component/Header/MenuActionListItem/Help.jsx

@@ -6,7 +6,7 @@ const Help = props => {
     <li className='header__menu__rightside__itemquestion'>
       <button
         type='button'
-        className='header__menu__rightside__itemquestion__btnquestion btnnavbar btn btn-primary'
+        className='header__menu__rightside__itemquestion__btnquestion btnnavbar btn btn-outline-primary'
         onClick={props.onClickHelp}
       >
         <i className='btnquestion__icon fa fa-question' />

src/component/Header/MenuActionListItem/MenuProfil.jsx

@@ -8,7 +8,7 @@ const MenuProfil = props => {
     ? (
       <li className='header__menu__rightside__itemprofil'>
         <div className='profilgroup dropdown'>
-          <button className='profilgroup__name btn btn-secondary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
+          <button className='profilgroup__name btn btn-outline-primary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
             <img className='profilgroup__name__imgprofil' src={props.user.avatar_url} />
             <div className='profilgroup__name__text'>
               {props.user.name}

src/component/Header/MenuActionListItem/Notification.jsx

@@ -7,7 +7,7 @@ const Notification = props => {
       <div className='header__menu__rightside__itemnotification__timeline dropdown'>
         <button
           type='button'
-          className='timeline__btnnotif btnnavbar btn btn-secondary dropdown-toggle'
+          className='timeline__btnnotif btnnavbar btn btn-outline-primary dropdown-toggle'
           id='headerNotificationBtn'
           data-toggle='dropdown'
           aria-haspopup='true'

src/css/Generic.styl

@@ -16,7 +16,8 @@ a
   &:hover, &:focus, &:active, &:visited, &:focus-within
     background-color hover-button
     border-color hover-button
-    box-shadow 0 0 1px 2px secondColor
+    box-shadow none
+    outline none
 
 .btn-outline-primary
   color fontColor
@@ -25,22 +26,29 @@ a
   &:hover, &:focus, &:active, &:visited, &:focus-within
     background-color hover-button
     border-color hover-button
-    box-shadow 0 0 1px 2px secondColor
+    box-shadow none
+    outline none
 
 .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle
   background-color hover-button
   border-color hover-button
-  box-shadow 0 0 1px 2px secondColor
+  box-shadow none
 
 .btn-outline-primary.active, .btn-outline-primary:active, .show>.btn-outline-primary.dropdown-toggle
   background-color hover-button
   border-color hover-button
-  box-shadow 0 0 1px 2px secondColor
+  box-shadow none
+  outline none
 
 .dropdown-item
-  &:hover, &:focus, &:visited, &:focus-within
+  &:hover, &:focus
     background-color thirdColor
     color off-white
+    box-shadow none
+    outline none
+
+.btn.disabled, .btn:disabled
+  cursor not-allowed
 
 .sidebarpagecontainer
   display flex

src/css/Header.styl

@@ -75,11 +75,6 @@
             padding 0 5px
             background-color transparent
             cursor pointer
-            &:hover
-              background-color lightGrey
-            &:focus
-              box-shadow shadow-all-side-blue
-              background-color lightGrey
             &::after //bootstrap overrides
               vertical-align middle
               color darkGrey
@@ -105,7 +100,7 @@
             cursor pointer
             .setting__link
               padding 10px
-              color fontColor
+          //     // color fontColor
       &__itemnotification
         &__timeline
           margin-right 30px