From c02c22ec3c38d5ca7c15691e0abf25a45062fcae Mon Sep 17 00:00:00 2001 From: holybaechu Date: Tue, 27 Feb 2024 20:38:18 +0900 Subject: [PATCH 1/3] use dark colored background on scrollbars by changing body's bg color --- src/app.html | 2 +- src/routes/+layout.svelte | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/app.html b/src/app.html index 44fba8e..2a90dcc 100644 --- a/src/app.html +++ b/src/app.html @@ -16,7 +16,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 6d01038..09de997 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -4,12 +4,13 @@ import "../app.css"; -
+
-
+
-
\ No newline at end of file +
+ From fae56448fb2b4ae03adfa8c8a176fbbab7875361 Mon Sep 17 00:00:00 2001 From: holybaechu Date: Tue, 27 Feb 2024 21:22:25 +0900 Subject: [PATCH 2/3] Custom scrollbar --- src/app.css | 17 ++++++++++++++++- src/routes/+layout.svelte | 2 +- 2 files changed, 17 insertions(+), 2 deletions(-) diff --git a/src/app.css b/src/app.css index bd6213e..4466bd8 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,18 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + +/* Tailwind doesn't support -webkit-scrollbar selectors :pepoSadge: */ +body::-webkit-scrollbar { + background-color: transparent; + width: 5.5px; +} + +body::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; +} + +body::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.6); +} \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 09de997..74b0b4b 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -7,7 +7,7 @@
-
+
From 260fdafcfc6f17f5389e2226431d057087938cd8 Mon Sep 17 00:00:00 2001 From: holybaechu Date: Tue, 27 Feb 2024 22:34:48 +0900 Subject: [PATCH 3/3] Fix page title not changing until refresh --- src/routes/+error.svelte | 4 ++-- src/routes/contact/+page.svelte | 4 ++-- src/routes/docs/privacy/+page.svelte | 4 ++-- src/routes/docs/terms/+page.svelte | 4 ++-- src/routes/feedback/+page.svelte | 4 ++-- src/routes/invite/+page.svelte | 4 ++-- src/routes/review/+page.svelte | 4 ++-- src/routes/status/+page.svelte | 4 ++-- src/routes/support/+page.svelte | 4 ++-- src/routes/vote/+page.svelte | 4 ++-- 10 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte index fc958ae..9517c04 100644 --- a/src/routes/+error.svelte +++ b/src/routes/+error.svelte @@ -2,10 +2,10 @@ import { page } from '$app/stores'; - + {$page.status} {$page.error?.message || "Unknown error"} - +
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte index cbbfd96..e72eebc 100644 --- a/src/routes/contact/+page.svelte +++ b/src/routes/contact/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Contact - + \ No newline at end of file diff --git a/src/routes/docs/privacy/+page.svelte b/src/routes/docs/privacy/+page.svelte index 92dfc8e..ed19be6 100644 --- a/src/routes/docs/privacy/+page.svelte +++ b/src/routes/docs/privacy/+page.svelte @@ -2,10 +2,10 @@ import Link from "$components/Link.svelte"; - + Boost Notifications - Privacy Policy - +
diff --git a/src/routes/docs/terms/+page.svelte b/src/routes/docs/terms/+page.svelte index b27346b..985eb9c 100644 --- a/src/routes/docs/terms/+page.svelte +++ b/src/routes/docs/terms/+page.svelte @@ -2,10 +2,10 @@ import Link from "$components/Link.svelte"; - + Boost Notifications - Terms of Service - +
diff --git a/src/routes/feedback/+page.svelte b/src/routes/feedback/+page.svelte index 0bb958d..0c171ae 100644 --- a/src/routes/feedback/+page.svelte +++ b/src/routes/feedback/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Feedback - + \ No newline at end of file diff --git a/src/routes/invite/+page.svelte b/src/routes/invite/+page.svelte index 3671480..8371d53 100644 --- a/src/routes/invite/+page.svelte +++ b/src/routes/invite/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Invite - + \ No newline at end of file diff --git a/src/routes/review/+page.svelte b/src/routes/review/+page.svelte index a5110f9..1ae8fbe 100644 --- a/src/routes/review/+page.svelte +++ b/src/routes/review/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Review - + \ No newline at end of file diff --git a/src/routes/status/+page.svelte b/src/routes/status/+page.svelte index 13623ee..41ea5b5 100644 --- a/src/routes/status/+page.svelte +++ b/src/routes/status/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Status - + \ No newline at end of file diff --git a/src/routes/support/+page.svelte b/src/routes/support/+page.svelte index 322e44b..9fdf82c 100644 --- a/src/routes/support/+page.svelte +++ b/src/routes/support/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Support - + \ No newline at end of file diff --git a/src/routes/vote/+page.svelte b/src/routes/vote/+page.svelte index 207ca83..302a8bb 100644 --- a/src/routes/vote/+page.svelte +++ b/src/routes/vote/+page.svelte @@ -2,9 +2,9 @@ import RedirectPage from "$components/RedirectPage.svelte"; - + Boost Notifications - Vote - + \ No newline at end of file