hyperlink previews: add dark mode compatibility

Change-Id: Ic035092605e0f995f082c5859c1e58aabcc89a90

src/constant/JamiTheme.qml

@@ -152,6 +152,12 @@ Item {
     property color inviteHoverColor: darkTheme ? blackColor : whiteColor
     property color chatviewButtonColor: darkTheme ? whiteColor : blackColor
     property color bgTextInput: darkTheme ? "#060608" : whiteColor
+    property color previewTextContainerColor: darkTheme ? "#959595" : "#ececec"
+    property color previewTitleColor: darkTheme ? whiteColor : blackColor
+    property color previewSubtitleColor: darkTheme ? whiteColor : blackColor
+    property color previewImageBackgroundColor: whiteColor
+    property color previewCardContainerColor : darkTheme ? blackColor : whiteColor
+    property color previewUrlColor : darkTheme ? "#eeeeee" : "#333"
 
     // Font.
     property color faddedFontColor: darkTheme? "#c0c0c0" : "#a0a0a0"

src/mainview/components/MessageWebView.qml

@@ -96,7 +96,13 @@ Rectangle {
             --placeholder-text-color:' + JamiTheme.placeholderTextColor + ';\
             --invite-hover-color:' + JamiTheme.inviteHoverColor + ';\
             --bg-text-input:' + JamiTheme.bgTextInput + ';\
-            --bg-invitation-rect:' + JamiTheme.bgInvitationRectColor + ';")'
+            --bg-invitation-rect:' + JamiTheme.bgInvitationRectColor + ';\
+            --preview-text-container-color:' + JamiTheme.previewTextContainerColor + ';\
+            --preview-title-color:' + JamiTheme.previewTitleColor + ';\
+            --preview-subtitle-color:' + JamiTheme.previewSubtitleColor + ';\
+            --preview-image-background-color:' + JamiTheme.previewImageBackgroundColor + ';\
+            --preview-card-container-color:' + JamiTheme.previewCardContainerColor + ';\
+            --preview-url-color:' + JamiTheme.previewUrlColor + ';")'
         messageWebView.runJavaScript("init_picker(" + JamiTheme.darkTheme + ");")
         messageWebView.runJavaScript(theme);
     }