6 files changed, 41 insertions, 93 deletions

diff --git a/assets/linkpfote.svg b/assets/linkpfote.svg
index b7bb815..7f12f4d 100644
--- a/assets/linkpfote.svg
+++ b/assets/linkpfote.svg
@@ -1,91 +1,15 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<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="126.50468mm"
-   height="134.14853mm"
-   viewBox="0 0 448.24495 475.32944"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="linkpfote.svg">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.70710678"
-     inkscape:cx="305.39693"
-     inkscape:cy="241.11798"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1381"
-     inkscape:window-height="847"
-     inkscape:window-x="419"
-     inkscape:window-y="58"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Ebene 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-103.34385,-250.74099)">
-    <path
-       style="opacity:1;fill:#b08d5b;fill-opacity:1;fill-rule:evenodd"
-       d="m 362.34591,600.76542 c 1.85533,44.50908 41.88334,140.71565 -47.42641,123.19868 -50.08356,-9.82325 -43.71543,-62.88501 -94.28571,-91.3691 -44.27547,-24.93849 -106.43941,-0.77422 -116.56344,-67.96739 -8.680708,-57.61385 62.53411,-57.45254 101.25015,-65.9717 40.67094,-8.94931 77.25463,-32.61376 119.31921,-9.10013 15.29687,8.55078 18.38485,13.69335 23.50855,27.42529 5.19051,13.91099 13.08775,57.15783 14.19765,83.78435 z"
-       id="rect4140"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ssssssss" />
-    <path
-       style="opacity:1;fill:#b08d5b;fill-opacity:1;fill-rule:evenodd"
-       d="m 220.08554,304.62871 c 25.20461,0.74654 28.03421,44.05659 18.17059,83.99322 -9.8619,39.92972 -41.57472,76.82491 -67.29273,62.95974 -25.71798,-13.86517 -46.4858,-54.86728 -29.43432,-92.1802 17.05149,-37.31291 49.49203,-55.63362 78.55646,-54.77276 z"
-       id="path4151"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="opacity:1;fill:#b08d5b;fill-opacity:1;fill-rule:evenodd"
-       d="m 433.18835,257.16951 c 25.03458,9.9586 -9.51054,52.82766 -30.55032,82.68647 -26.55145,37.68073 -61.09715,75.2478 -89.64873,59.757 -28.35911,-15.38638 -42.66295,-81.84832 -0.18797,-116.27884 34.13193,-27.66759 81.43753,-41.65849 120.38702,-26.16463 z"
-       id="path4151-2"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="opacity:1;fill:#b08d5b;fill-opacity:1;fill-rule:evenodd"
-       d="m 520.58168,322.69968 c 19.27491,29.29984 17.85102,66.51049 -1.02595,110.52262 -21.08022,49.14909 -87.89653,64.4922 -117.45413,32.42553 -22.56325,-24.47858 -2.54297,-57.9454 41.82165,-108.08173 29.71755,-33.58373 56.32042,-65.78229 76.65843,-34.86642 z"
-       id="path4151-2-6"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="opacity:1;fill:#b08d5b;fill-opacity:1;fill-rule:evenodd"
-       d="m 432.0617,621.28699 c -36.11098,-23.76565 -4.16665,-61.24589 27.98825,-85.22793 44.28586,-33.02964 74.64459,-39.17167 86.46652,-14.93478 13.00988,26.67231 -1.15679,59.53949 -18.24241,80.59874 -24.40084,30.07578 -70.56113,36.44578 -96.21236,19.56397 z"
-       id="path4151-28"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sssss" />
-  </g>
+<svg width="1em" height="1em" viewBox="0 0 448.24495 475.32944" version="1.1" xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg" style="fill:currentColor">
+   <g transform="translate(-103.34385,-250.74099)">
+      <path
+         d="m 362.34591,600.76542 c 1.85533,44.50908 41.88334,140.71565 -47.42641,123.19868 -50.08356,-9.82325 -43.71543,-62.88501 -94.28571,-91.3691 -44.27547,-24.93849 -106.43941,-0.77422 -116.56344,-67.96739 -8.680708,-57.61385 62.53411,-57.45254 101.25015,-65.9717 40.67094,-8.94931 77.25463,-32.61376 119.31921,-9.10013 15.29687,8.55078 18.38485,13.69335 23.50855,27.42529 5.19051,13.91099 13.08775,57.15783 14.19765,83.78435 z" />
+      <path
+         d="m 220.08554,304.62871 c 25.20461,0.74654 28.03421,44.05659 18.17059,83.99322 -9.8619,39.92972 -41.57472,76.82491 -67.29273,62.95974 -25.71798,-13.86517 -46.4858,-54.86728 -29.43432,-92.1802 17.05149,-37.31291 49.49203,-55.63362 78.55646,-54.77276 z" />
+      <path
+         d="m 433.18835,257.16951 c 25.03458,9.9586 -9.51054,52.82766 -30.55032,82.68647 -26.55145,37.68073 -61.09715,75.2478 -89.64873,59.757 -28.35911,-15.38638 -42.66295,-81.84832 -0.18797,-116.27884 34.13193,-27.66759 81.43753,-41.65849 120.38702,-26.16463 z" />
+      <path
+         d="m 520.58168,322.69968 c 19.27491,29.29984 17.85102,66.51049 -1.02595,110.52262 -21.08022,49.14909 -87.89653,64.4922 -117.45413,32.42553 -22.56325,-24.47858 -2.54297,-57.9454 41.82165,-108.08173 29.71755,-33.58373 56.32042,-65.78229 76.65843,-34.86642 z" />
+      <path
+         d="m 432.0617,621.28699 c -36.11098,-23.76565 -4.16665,-61.24589 27.98825,-85.22793 44.28586,-33.02964 74.64459,-39.17167 86.46652,-14.93478 13.00988,26.67231 -1.15679,59.53949 -18.24241,80.59874 -24.40084,30.07578 -70.56113,36.44578 -96.21236,19.56397 z" />
+   </g>
 </svg>
diff --git a/src/_avatar.scss b/src/_avatar.scss
index 767ca38..acdfd96 100644
--- a/src/_avatar.scss
+++ b/src/_avatar.scss
@@ -1,5 +1,6 @@
 @mixin styles {
     .userAvatarImage {
         border-radius: 20%;
+        background-color: transparent;
     }
 }
diff --git a/src/_common.scss b/src/_common.scss
index 8d4976b..1fb1b4a 100644
--- a/src/_common.scss
+++ b/src/_common.scss
@@ -13,4 +13,14 @@
     body {
         background-color: props.get(vars.$vlpnBg);
     }
+
+    a {
+        &.externalURL {
+            &::after {
+                content: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 448.24495 475.32944' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' style='fill:rgba(0, 0, 0, 0.6)'%3E%3Cg transform='translate(-103.34385,-250.74099)'%3E%3Cpath d='m 362.34591,600.76542 c 1.85533,44.50908 41.88334,140.71565 -47.42641,123.19868 -50.08356,-9.82325 -43.71543,-62.88501 -94.28571,-91.3691 -44.27547,-24.93849 -106.43941,-0.77422 -116.56344,-67.96739 -8.680708,-57.61385 62.53411,-57.45254 101.25015,-65.9717 40.67094,-8.94931 77.25463,-32.61376 119.31921,-9.10013 15.29687,8.55078 18.38485,13.69335 23.50855,27.42529 5.19051,13.91099 13.08775,57.15783 14.19765,83.78435 z' /%3E%3Cpath d='m 220.08554,304.62871 c 25.20461,0.74654 28.03421,44.05659 18.17059,83.99322 -9.8619,39.92972 -41.57472,76.82491 -67.29273,62.95974 -25.71798,-13.86517 -46.4858,-54.86728 -29.43432,-92.1802 17.05149,-37.31291 49.49203,-55.63362 78.55646,-54.77276 z' /%3E%3Cpath d='m 433.18835,257.16951 c 25.03458,9.9586 -9.51054,52.82766 -30.55032,82.68647 -26.55145,37.68073 -61.09715,75.2478 -89.64873,59.757 -28.35911,-15.38638 -42.66295,-81.84832 -0.18797,-116.27884 34.13193,-27.66759 81.43753,-41.65849 120.38702,-26.16463 z' /%3E%3Cpath d='m 520.58168,322.69968 c 19.27491,29.29984 17.85102,66.51049 -1.02595,110.52262 -21.08022,49.14909 -87.89653,64.4922 -117.45413,32.42553 -22.56325,-24.47858 -2.54297,-57.9454 41.82165,-108.08173 29.71755,-33.58373 56.32042,-65.78229 76.65843,-34.86642 z' /%3E%3Cpath d='m 432.0617,621.28699 c -36.11098,-23.76565 -4.16665,-61.24589 27.98825,-85.22793 44.28586,-33.02964 74.64459,-39.17167 86.46652,-14.93478 13.00988,26.67231 -1.15679,59.53949 -18.24241,80.59874 -24.40084,30.07578 -70.56113,36.44578 -96.21236,19.56397 z' /%3E%3C/g%3E%3C/svg%3E%0A");
+                margin-inline-start: .3em;
+                vertical-align: -.15em;
+            }
+        }
+    }
 }
diff --git a/src/_common.vars.scss b/src/_common.vars.scss
index 427a1a3..dc81923 100644
--- a/src/_common.vars.scss
+++ b/src/_common.vars.scss
@@ -42,7 +42,7 @@ $wcfFooterCopyrightText: props.def(--wcfFooterCopyrightText, props.get(core.$the
 $wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50));
 $wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50));
 
-$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($vlpnBg));
+$wcfSidebarBackground: props.def(--wcfSidebarBackground, $wcfContentBackground);
 $wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText));
 
 $wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200));
diff --git a/src/_sidebar.scss b/src/_sidebar.scss
index 3d1689a..f271885 100644
--- a/src/_sidebar.scss
+++ b/src/_sidebar.scss
@@ -1,6 +1,7 @@
 @use 'iro-sass/src/props';
 
 @use 'core';
+@use 'common';
 
 @mixin styles {
     .boxesSidebarLeft{
@@ -27,6 +28,10 @@
                     background-color: props.get(core.$theme, --base, --200);
                 }
             }
+
+            &:not(.boxBorderless) {
+                background-color: props.get(common.$vlpnBg);
+            }
         }
 
         a {
diff --git a/src/_thread.scss b/src/_thread.scss
index f41de31..012bbf4 100644
--- a/src/_thread.scss
+++ b/src/_thread.scss
@@ -9,8 +9,16 @@
     }
 
     .messageSidebar {
-        background-color: props.get(common.$wcfContentBackground);
-        
+        a:hover {
+            text-decoration: underline;
+        }
+
+        .username {
+            font-weight: bold;
+        }
+    }
+
+    .messageContent {
         a:hover {
             text-decoration: underline;
         }