make the background change option more 'real world'

resources/assets/less/yuuno/master.less

@@ -1153,6 +1153,14 @@ a.default:active {
     border-right: 1px solid #B19EED;
 }
 
+/*
+ * Background transparency
+ */
+.background-transparent {
+    border-style: dashed;
+    background: fade(#D3BFFF, 50%);
+}
+
 /*
  * News page styling
  */

resources/views/yuuno/master.twig

@@ -63,7 +63,7 @@
             </div>
             <div id="contentwrapper">
                 <div id="notifications"></div>
-                {% if profile is defined ? profile.background : (user.permission(constant('Sakura\\Perms\\Site::CHANGE_BACKGROUND')) and user.backgroundSitewide and user.background) %}
+                {% if profile is defined ? profile.background : (user.permission(constant('Sakura\\Perms\\Site::CHANGE_BACKGROUND')) and (user.backgroundSitewide or showBG) and user.background) %}
                     <div id="userBackground" style="background-image: url('{{ route('file.background', (profile is defined ? profile : user).id) }}');"></div>
                 {% endif %}
                 {% if not user.isActive and server['REQUEST_URI'] != route('auth.login') %}

resources/views/yuuno/settings/appearance/background.twig

@@ -1,6 +1,7 @@
 {% extends 'settings/appearance/master.twig' %}
 
 {% set mode = 'Background' %}
+{% set showBG = true %}
 
 {% block description %}
     <p>Maximum image size is {{ config('file.background.max_width') }}x{{ config('file.background.max_height') }} and can't be larger than {{ config('file.background.max_file_size')|byte_symbol }}.</p>
@@ -10,9 +11,6 @@
     <form enctype="multipart/form-data" method="post" action="{{ route('settings.appearance.background') }}">
         <input type="hidden" name="MAX_FILE_SIZE" value="{{ config('file.background.max_file_size') }}">
         <div style="text-align: center;">
-            <div>
-                <img src="{{ route('file.background', user.id) }}" alt="Your Background" class="default-avatar-setting" style="max-width: 90%; max-height: 90%;">
-            </div>
             <div>
                 <input type="file" name="background">
                 <div style="font-size: .8em;">

resources/views/yuuno/settings/master.twig

@@ -3,7 +3,7 @@
 {% set title = category ~ ' / ' ~ mode %}
 
 {% block content %}
-    <div class="content settings messages">
+    <div class="content settings messages {% if showBG %}background-transparent{% endif %}">
         <div class="content-right content-column">
             <div class="head">
                 Navigation