5 files changed, 27 insertions, 3 deletions

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;
         }