From b23ea475cbdf15c3b8eea410fa3f8567384bc65d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 10 Dec 2024 07:55:39 +0100 Subject: Update --- assets/linkpfote.svg | 104 +++++++------------------------------------------- src/_avatar.scss | 1 + src/_common.scss | 10 +++++ src/_common.vars.scss | 2 +- src/_sidebar.scss | 5 +++ src/_thread.scss | 12 +++++- 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 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - + + + + + + + + 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; } -- cgit v1.2.3-70-g09d2