Add Info message styling

gajim/data/icons/hicolor/scalable/devices/feather-info-symbolic.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-info"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="feather-info-symbolic.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="998"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="34.291667"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 12 1 C 5.9367124 1 1 5.9367124 1 12 C 1 18.063288 5.9367124 23 12 23 C 18.063288 23 23 18.063288 23 12 C 23 5.9367124 18.063288 1 12 1 z M 12 3 C 16.982407 3 21 7.0175926 21 12 C 21 16.982407 16.982407 21 12 21 C 7.0175926 21 3 16.982407 3 12 C 3 7.0175926 7.0175926 3 12 3 z "
+     id="circle2" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 12 11 A 1 1 0 0 0 11 12 L 11 16 A 1 1 0 0 0 12 17 A 1 1 0 0 0 13 16 L 13 12 A 1 1 0 0 0 12 11 z "
+     id="line4" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 12 7 A 1 1 0 0 0 11 8 A 1 1 0 0 0 12 9 L 12.009766 9 A 1 1 0 0 0 13.009766 8 A 1 1 0 0 0 12.009766 7 L 12 7 z "
+     id="line6" />
+</svg>

gajim/data/icons/hicolor/scalable/devices/feather-log-in-symbolic.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-log-in"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="feather-log-in-symbolic.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="998"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="34.291667"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 15 2 A 1 1 0 0 0 14 3 A 1 1 0 0 0 15 4 L 19 4 C 19.564129 4 20 4.4358706 20 5 L 20 19 C 20 19.564129 19.564129 20 19 20 L 15 20 A 1 1 0 0 0 14 21 A 1 1 0 0 0 15 22 L 19 22 C 20.64501 22 22 20.64501 22 19 L 22 5 C 22 3.3549904 20.64501 2 19 2 L 15 2 z "
+     id="path2" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 10.029297 6 A 1 1 0 0 0 9.2929688 6.2929688 A 1 1 0 0 0 9.2929688 7.7070312 L 13.585938 12 L 9.2929688 16.292969 A 1 1 0 0 0 9.2929688 17.707031 A 1 1 0 0 0 10.707031 17.707031 L 15.707031 12.707031 A 1.0001 1.0001 0 0 0 15.707031 11.292969 L 10.707031 6.2929688 A 1 1 0 0 0 10.029297 6 z "
+     id="polyline4" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 3 11 A 1 1 0 0 0 2 12 A 1 1 0 0 0 3 13 L 15 13 A 1 1 0 0 0 16 12 A 1 1 0 0 0 15 11 L 3 11 z "
+     id="line6" />
+</svg>

gajim/data/icons/hicolor/scalable/devices/feather-log-out-symbolic.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-log-out"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="feather-log-out-symbolic.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="998"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="34.291667"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 5 2 C 3.3549904 2 2 3.3549904 2 5 L 2 19 C 2 20.64501 3.3549904 22 5 22 L 9 22 A 1 1 0 0 0 10 21 A 1 1 0 0 0 9 20 L 5 20 C 4.4358706 20 4 19.564129 4 19 L 4 5 C 4 4.4358706 4.4358706 4 5 4 L 9 4 A 1 1 0 0 0 10 3 A 1 1 0 0 0 9 2 L 5 2 z "
+     id="path2" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 16.029297 6 A 1 1 0 0 0 15.292969 6.2929688 A 1 1 0 0 0 15.292969 7.7070312 L 19.585938 12 L 15.292969 16.292969 A 1 1 0 0 0 15.292969 17.707031 A 1 1 0 0 0 16.707031 17.707031 L 21.707031 12.707031 A 1.0001 1.0001 0 0 0 21.707031 11.292969 L 16.707031 6.2929688 A 1 1 0 0 0 16.029297 6 z "
+     id="polyline4" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+     d="M 9 11 A 1 1 0 0 0 8 12 A 1 1 0 0 0 9 13 L 21 13 A 1 1 0 0 0 22 12 A 1 1 0 0 0 21 11 L 9 11 z "
+     id="line6" />
+</svg>

gajim/data/style/default-dark.css

@@ -9,6 +9,9 @@ .gajim-outgoing-message-text {
     color: rgb(200, 200, 200);
 }
 .gajim-status-message {
+    color: rgb(140, 175, 210);
+}
+.gajim-subject-message {
     color: rgb(205, 225, 255);
     background: rgb(40, 60, 80);
 }
@@ -24,6 +27,12 @@ .gajim-state-tab-muc-directed-msg {
 .gajim-state-tab-muc-msg {
     color: rgb(80, 95, 230);
 }
+.gajim-user-disconnected {
+    color: rgb(80, 30, 30);
+}
+.gajim-user-connected {
+    color: rgb(30, 80, 50);
+}
 .gajim-roster-disconnected {
     background: rgb(80, 30, 30);
 }

gajim/data/style/default.css

@@ -9,6 +9,9 @@ .gajim-outgoing-message-text {
     color: rgb(85, 85, 85);
 }
 .gajim-status-message {
+    color: rgb(100, 130, 160);
+}
+.gajim-subject-message {
     color: rgb(40, 70, 100);
     background: rgb(225, 235, 250);
 }
@@ -24,6 +27,12 @@ .gajim-state-tab-muc-directed-msg {
 .gajim-state-tab-muc-msg {
     color: rgb(40, 40, 200);
 }
+.gajim-user-disconnected {
+    color: rgb(230, 170, 170);
+}
+.gajim-user-connected {
+    color: rgb(160, 200, 170);
+}
 .gajim-roster-disconnected {
     background: rgb(230, 170, 170);
 }

gajim/gtk/conversation/rows/info.py

@@ -37,13 +37,22 @@ def __init__(self, account, text):
 
         avatar_placeholder = Gtk.Box()
         avatar_placeholder.set_size_request(AvatarSize.ROSTER, -1)
-        self.grid.attach(avatar_placeholder, 0, 0, 1, 2)
-        timestamp_widget = self.create_timestamp_widget(self.timestamp)
-        timestamp_widget.set_valign(Gtk.Align.START)
-        self.grid.attach(timestamp_widget, 2, 0, 1, 1)
+        self.grid.attach(avatar_placeholder, 0, 0, 1, 1)
+
+        icon = Gtk.Image.new_from_icon_name('feather-info-symbolic',
+                                            Gtk.IconSize.MENU)
+        icon.get_style_context().add_class('gajim-status-message')
+        self.grid.attach(icon, 1, 0, 1, 1)
 
         self._label = SimpleLabel()
+        self._label.get_style_context().add_class('gajim-status-message')
         self._label.set_text(text)
+        self.grid.attach(self._label, 2, 0, 1, 1)
+
+        timestamp_widget = self.create_timestamp_widget(self.timestamp)
+        timestamp_widget.set_hexpand(True)
+        timestamp_widget.set_halign(Gtk.Align.END)
+        timestamp_widget.set_valign(Gtk.Align.START)
+        self.grid.attach(timestamp_widget, 3, 0, 1, 1)
 
-        self.grid.attach(self._label, 1, 0, 1, 1)
         self.show_all()

gajim/gtk/conversation/rows/muc_join_left.py

@@ -33,23 +33,34 @@ def __init__(self, type_, account, nick, reason=None, error=False):
         self.timestamp = datetime.fromtimestamp(timestamp)
         self.db_timestamp = timestamp
 
-        self._label = SimpleLabel()
+        avatar_placeholder = Gtk.Box()
+        avatar_placeholder.set_size_request(AvatarSize.ROSTER, -1)
+        self.grid.attach(avatar_placeholder, 0, 0, 1, 1)
 
         if type_ == 'muc-user-joined':
             text = self._make_join_message(nick)
+            icon_name = 'feather-log-in-symbolic'
+            icon_class = 'gajim-user-connected'
         else:
             text = self._make_left_message(nick, reason, error)
+            icon_name = 'feather-log-out-symbolic'
+            icon_class = 'gajim-user-disconnected'
+
+        icon = Gtk.Image.new_from_icon_name(icon_name, Gtk.IconSize.MENU)
+        icon.get_style_context().add_class(icon_class)
+        self.grid.attach(icon, 1, 0, 1, 1)
 
+        self._label = SimpleLabel()
         self._label.set_text(text)
+        self._label.get_style_context().add_class('gajim-status-message')
+        self.grid.attach(self._label, 2, 0, 1, 1)
 
-        avatar_placeholder = Gtk.Box()
-        avatar_placeholder.set_size_request(AvatarSize.ROSTER, -1)
-        self.grid.attach(avatar_placeholder, 0, 0, 1, 2)
         timestamp_widget = self.create_timestamp_widget(self.timestamp)
+        timestamp_widget.set_hexpand(True)
+        timestamp_widget.set_halign(Gtk.Align.END)
         timestamp_widget.set_valign(Gtk.Align.START)
-        self.grid.attach(timestamp_widget, 2, 0, 1, 1)
+        self.grid.attach(timestamp_widget, 3, 0, 1, 1)
 
-        self.grid.attach(self._label, 1, 0, 1, 1)
         self.show_all()
 
     @staticmethod
@@ -57,9 +68,9 @@ def _make_left_message(nick, reason, error):
         reason = '' if reason is None else ': {reason}'.format(reason=reason)
 
         if error:
-            #Group Chat: User was kicked because of an server error: reason
-            message = _('{nick} has left due to '
-                        'an error{reason}').format(nick=nick, reason=reason)
+            # Group Chat: User was kicked because of an server error: reason
+            message = _('{nick} has left due to an error{reason}').format(
+                nick=nick, reason=reason)
 
         else:
             message = _('{nick} has left{reason}').format(nick=nick,
@@ -68,4 +79,4 @@ def _make_left_message(nick, reason, error):
 
     @staticmethod
     def _make_join_message(nick):
-        return _('%s has joined the group chat') % nick
+        return _('%s has joined') % nick

gajim/gtk/conversation/rows/muc_subject.py

@@ -45,7 +45,7 @@ def __init__(self, account, text, nick, date):
 
         subject_box = Gtk.Box(orientation=Gtk.Orientation.VERTICAL)
         subject_box.get_style_context().add_class('conversation-subject-box')
-        subject_box.get_style_context().add_class('gajim-status-message')
+        subject_box.get_style_context().add_class('gajim-subject-message')
 
         title = Gtk.Label(label=_('Subject'))
         title.set_halign(Gtk.Align.START)