From c11190bb4d13f173ea81a141faf1dda9259a908e Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 25 Aug 2026 21:15:37 -0700
Subject: [PATCH] watermark thing

---
 .../welcome-widget/welcome-widget.component.html    | 13 ++++++++-----
 .../welcome-widget/welcome-widget.component.scss    |  9 ++++++---
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.html b/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.html
index 18ecde029..56a2beff8 100644
--- a/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.html
+++ b/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.html
@@ -1,13 +1,16 @@
-<ngb-alert class="welcome-widget shadow-sm pe-3" type="primary" [dismissible]="true" (closed)="dismiss.emit(true)">
-  <div class="d-flex align-items-start gap-3 gap-md-4">
+<ngb-alert class="welcome-widget bg-light shadow-sm pe-3 position-relative overflow-hidden" type="primary" [dismissible]="true" (closed)="dismiss.emit(true)">
+  <svg class="welcome-watermark d-none d-md-block position-absolute top-50 translate-middle-y text-primary pe-none" width="26rem" height="26rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor" aria-hidden="true">
+    <path d="M341,949.1c-6.9-20.3-20.7-61.2-21.9-61-199.6-88.9-182.5-229.8-134.3-347.5,30,137.2,268.8,148.9,146.2,336-.9,2.2,10,27.8,19.5,51.3,22.7-51.9,58.6-115.5,55.8-120.8C178,398.7,724.9,299,807.1,18.5c83,251.5,53.1,659.8-377.4,814.9-2,1.4-63.5,148.6-66.9,150.2-.2-2.1-33.2,2.9-30.1-8.7,1.6-7,4.8-16.2,8.2-25.6h0v-.2h.1ZM323.1,846.2c48.3-71.9-12.7-120.8-56.9-152.2,81.2,107.4,66.4,120.8,56.9,152.2h0Z"/>
+  </svg>
+  <div class="d-flex align-items-start gap-3 gap-md-4 position-relative">
     <svg class="d-none d-sm-block flex-shrink-0 text-primary" width="3rem" height="3rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor" aria-hidden="true">
       <path d="M341,949.1c-6.9-20.3-20.7-61.2-21.9-61-199.6-88.9-182.5-229.8-134.3-347.5,30,137.2,268.8,148.9,146.2,336-.9,2.2,10,27.8,19.5,51.3,22.7-51.9,58.6-115.5,55.8-120.8C178,398.7,724.9,299,807.1,18.5c83,251.5,53.1,659.8-377.4,814.9-2,1.4-63.5,148.6-66.9,150.2-.2-2.1-33.2,2.9-30.1-8.7,1.6-7,4.8-16.2,8.2-25.6h0v-.2h.1ZM323.1,846.2c48.3-71.9-12.7-120.8-56.9-152.2,81.2,107.4,66.4,120.8,56.9,152.2h0Z"/>
     </svg>
     <div class="flex-grow-1">
       <h4 class="alert-heading text-primary fw-semibold"><ng-container i18n>Paperless-ngx is running!</ng-container> 🎉</h4>
-      <div class="welcome-copy">
-        <p class="text-secondary" i18n>You're ready to start uploading documents! Explore the various features of this web app on your own, or start a quick tour using the button below.</p>
-        <p class="text-secondary mb-0" i18n>More detail on how to use and configure Paperless-ngx is always available in the <a href="https://docs.paperless-ngx.com" target="_blank">documentation</a>.</p>
+      <div class="welcome-copy text-dark">
+        <p i18n>You're ready to start uploading documents! Explore the various features of this web app on your own, or start a quick tour using the button below.</p>
+        <p class="mb-0" i18n>More detail on how to use and configure Paperless-ngx is always available in the <a href="https://docs.paperless-ngx.com" target="_blank">documentation</a>.</p>
       </div>
       <hr class="opacity-100">
       <div class="d-flex flex-column flex-sm-row align-items-sm-center gap-3">
diff --git a/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.scss b/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.scss
index 24da7b581..117bdb42c 100644
--- a/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.scss
+++ b/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.scss
@@ -1,7 +1,5 @@
-
 .welcome-widget {
-  border-color: color-mix(in srgb, var(--bs-primary) 30%, transparent);
-  background-image: linear-gradient(115deg, color-mix(in srgb, var(--bs-primary) 12%, transparent), transparent 60%);
+  border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent);
 
   hr {
     border-top-color: color-mix(in srgb, var(--bs-primary) 25%, transparent);
@@ -11,3 +9,8 @@
 .welcome-copy {
   max-width: 68ch;
 }
+
+.welcome-watermark {
+  right: -6rem;
+  opacity: .07;
+}