improve table and messagerie display in dark mode

app/assets/stylesheets/autosave.scss

@@ -7,7 +7,6 @@
 }
 
 .autosave-explanation {
-  color: $dark-grey;
   margin-left: 4px;
 }
 

app/assets/stylesheets/card.scss

@@ -1,6 +1,12 @@
 @import "colors";
 @import "constants";
 
+[data-fr-theme="dark"]
+  .card {
+    background: none;
+    border: 1px solid rgb(74, 74, 125);
+  }
+
 .card {
   padding: ($default-spacer * 3) ($default-spacer * 2);
   border: 1px solid $border-grey;
@@ -8,7 +14,6 @@
   background: #FFFFFF;
 
   .card-title {
-    color: $black;
     font-weight: bold;
     font-size: 20px;
     line-height: 1.5rem;

app/assets/stylesheets/dossier_edit.scss

@@ -3,6 +3,12 @@
 
 $dossier-actions-bar-border-width: 1px;
 
+[data-fr-theme="dark"]
+  .dossier-edit
+    .dossier-edit-sticky-footer {
+      background-color:  rgb(74, 74, 125);
+      border: none
+}
 .dossier-header {
   .fr-container {
     padding-bottom: $default-padding;

app/assets/stylesheets/dsfr.scss

@@ -10,15 +10,6 @@ ol.fr-ol-content--override {
   }
 }
 
-// override default transparent background on inputs & font-size to 16px by default
-input,
-textarea,
-select,
-// FIXME when DSFR is DONE
-.form-ds-fr-white .fr-input {
-  background: $white;
-  font-size: 1em;
-}
 
 // with Marianne font, weight of font is less bolder, so bold it up
 .button.primary {

app/assets/stylesheets/message.scss

@@ -1,12 +1,21 @@
 @import "colors";
 @import "constants";
 
+[data-fr-theme="dark"]
+  .message {
+    background: rgb(74, 74, 125);
+
+    &.inverted-background {
+      background: rgb(74, 74, 125);
+    }
+}
+
 .message {
   display: flex;
   align-items: flex-start;
   margin-bottom: $default-padding;
   padding: $default-padding;
-  background: #FFFFFF;
+  background: $light-grey;
   border-radius: 3px;
 
   &.inverted-background {

app/assets/stylesheets/messagerie.scss

@@ -5,7 +5,6 @@
   max-height: 350px;
   overflow-y: scroll;
   border: 1px solid $border-grey;
-  background: $light-grey;
   padding: 2 * $default-spacer;
   margin-bottom: $default-spacer;
   border-radius: 4px;

app/assets/stylesheets/table.scss

@@ -56,6 +56,17 @@
   width: calc(100vw);
 }
 
+[data-fr-theme="dark"]
+  .fr-table--bordered {
+    .table {
+      &.hoverable {
+        tbody tr:hover {
+          background-color: rgb(74, 74, 125);
+        }
+      }
+    }
+}
+
 .fr-table--bordered {
   .table {
     &.hoverable {