From 422ab9cd9a5b7140a0d02255b2dbe25203a17dad Mon Sep 17 00:00:00 2001 From: Noklef <281545466+Noklef@users.noreply.github.com> Date: Sat, 1 Aug 2026 17:51:03 +1000 Subject: [PATCH 1/5] fix(web-ui): Load theme + added missing end `` tag --- src_assets/common/assets/web/welcome.html | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src_assets/common/assets/web/welcome.html b/src_assets/common/assets/web/welcome.html index 394f7120242..d88a92ce51f 100644 --- a/src_assets/common/assets/web/welcome.html +++ b/src_assets/common/assets/web/welcome.html @@ -58,6 +58,9 @@

import { initApp } from './init' import { apiFetch } from './fetch_utils' import Notification from './Notification.vue' + import { loadAutoTheme } from './theme' + + loadAutoTheme(); let app = createApp({ components: { @@ -109,3 +112,5 @@

initApp(app); + + From 23dee83f3d58fba0dd1ab4c8b312f934657ba0eb Mon Sep 17 00:00:00 2001 From: Noklef <281545466+Noklef@users.noreply.github.com> Date: Sat, 1 Aug 2026 18:27:01 +1000 Subject: [PATCH 2/5] fix(web-ui): Styled out the Welcome page to be consistent with the rest of the UI - Added small simple navbar component (with theme options / logo) to conform to the other pages - Changed login button to look similar to logout's `Login` button - Moved header / sub-heading out of card --- src_assets/common/assets/web/NavbarBrand.vue | 20 ++++++ src_assets/common/assets/web/welcome.html | 75 ++++++++++---------- 2 files changed, 59 insertions(+), 36 deletions(-) create mode 100644 src_assets/common/assets/web/NavbarBrand.vue diff --git a/src_assets/common/assets/web/NavbarBrand.vue b/src_assets/common/assets/web/NavbarBrand.vue new file mode 100644 index 00000000000..82a9ca086e4 --- /dev/null +++ b/src_assets/common/assets/web/NavbarBrand.vue @@ -0,0 +1,20 @@ + + + diff --git a/src_assets/common/assets/web/welcome.html b/src_assets/common/assets/web/welcome.html index d88a92ce51f..14741ba14fe 100644 --- a/src_assets/common/assets/web/welcome.html +++ b/src_assets/common/assets/web/welcome.html @@ -6,44 +6,43 @@ + -
-
-
-
-

- - {{ $t('welcome.greeting') }} -

-
-

{{ $t('welcome.create_creds') }}

-
- {{ $t('welcome.create_creds_alert') }} -
-
-
- - -
-
- - -
-
- - +
+

{{ $t('welcome.greeting') }}

+

{{ $t('welcome.create_creds') }}

+
+
+
+
+ {{ $t('welcome.create_creds_alert') }}
- -
{{ $t('_common.error') }} {{error}}
-
- {{ $t('_common.success') }} {{ $t('welcome.welcome_success') }} -
- +
+
+ + +
+
+ + +
+
+ + +
+ +
{{ $t('_common.error') }} {{error}}
+
+ {{ $t('_common.success') }} {{ $t('welcome.welcome_success') }} +
+
+
@@ -58,7 +57,9 @@

import { initApp } from './init' import { apiFetch } from './fetch_utils' import Notification from './Notification.vue' + import NavbarBrand from './NavbarBrand.vue' import { loadAutoTheme } from './theme' + import { LogIn } from '@lucide/vue' loadAutoTheme(); @@ -66,6 +67,8 @@

components: { ResourceCard, Notification, + NavbarBrand, + LogIn, }, data() { return { From 6434f7296c2835ac2ee963ec250f5ff0d4fd1640 Mon Sep 17 00:00:00 2001 From: Noklef <281545466+Noklef@users.noreply.github.com> Date: Sat, 1 Aug 2026 18:30:54 +1000 Subject: [PATCH 3/5] fix(web-ui): Removed resources sub-heading (double information, not necessary) - Removed from `en.json` as well --- src_assets/common/assets/web/ResourceCard.vue | 1 - src_assets/common/assets/web/public/assets/locale/en.json | 1 - 2 files changed, 2 deletions(-) diff --git a/src_assets/common/assets/web/ResourceCard.vue b/src_assets/common/assets/web/ResourceCard.vue index eff92ada124..581a9c07c7f 100644 --- a/src_assets/common/assets/web/ResourceCard.vue +++ b/src_assets/common/assets/web/ResourceCard.vue @@ -2,7 +2,6 @@

{{ $t('resource_card.resources') }}

-

{{ $t('resource_card.resources_desc') }}

diff --git a/src_assets/common/assets/web/public/assets/locale/en.json b/src_assets/common/assets/web/public/assets/locale/en.json index 1c0b949c6cc..8bb1005c7d1 100644 --- a/src_assets/common/assets/web/public/assets/locale/en.json +++ b/src_assets/common/assets/web/public/assets/locale/en.json @@ -523,7 +523,6 @@ "license": "License", "lizardbyte_website": "LizardByte Website", "resources": "Resources", - "resources_desc": "Resources for Sunshine!", "third_party_notice": "Third Party Notice" }, "troubleshooting": { From 426629940cf609ffb8ebeafd3642c7b35f83ce85 Mon Sep 17 00:00:00 2001 From: Noklef <281545466+Noklef@users.noreply.github.com> Date: Sat, 1 Aug 2026 18:32:02 +1000 Subject: [PATCH 4/5] feat(web-ui): Added navbar to logout page --- src_assets/common/assets/web/logout.html | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src_assets/common/assets/web/logout.html b/src_assets/common/assets/web/logout.html index 81d6081d672..89ec7df07ae 100644 --- a/src_assets/common/assets/web/logout.html +++ b/src_assets/common/assets/web/logout.html @@ -6,12 +6,12 @@ +
- Sunshine

{{ $t('logout.logged_out') }}

{{ $t('logout.logged_out_desc') }}

 @@ -29,12 +29,14 @@

{{ $t('logout.logged_out') }}

import { initApp } from './init' import { loadAutoTheme } from './theme' import { LogIn } from '@lucide/vue' + import NavbarBrand from './NavbarBrand.vue' loadAutoTheme(); const app = createApp({ components: { LogIn, + NavbarBrand, }, }); From 06d617ce15daca0657111f86a285901178b80ea2 Mon Sep 17 00:00:00 2001 From: Noklef <281545466+Noklef@users.noreply.github.com> Date: Sat, 1 Aug 2026 18:34:24 +1000 Subject: [PATCH 5/5] fix(web-ui): Rename from `NavbarBrand` to `NavbarSimple` - --- .../common/assets/web/{NavbarBrand.vue => NavbarSimple.vue} | 0 src_assets/common/assets/web/logout.html | 6 +++--- src_assets/common/assets/web/welcome.html | 6 +++--- 3 files changed, 6 insertions(+), 6 deletions(-) rename src_assets/common/assets/web/{NavbarBrand.vue => NavbarSimple.vue} (100%) diff --git a/src_assets/common/assets/web/NavbarBrand.vue b/src_assets/common/assets/web/NavbarSimple.vue similarity index 100% rename from src_assets/common/assets/web/NavbarBrand.vue rename to src_assets/common/assets/web/NavbarSimple.vue diff --git a/src_assets/common/assets/web/logout.html b/src_assets/common/assets/web/logout.html index 89ec7df07ae..2e6325cfddc 100644 --- a/src_assets/common/assets/web/logout.html +++ b/src_assets/common/assets/web/logout.html @@ -6,7 +6,7 @@ - +
@@ -29,14 +29,14 @@

{{ $t('logout.logged_out') }}

import { initApp } from './init' import { loadAutoTheme } from './theme' import { LogIn } from '@lucide/vue' - import NavbarBrand from './NavbarBrand.vue' + import NavbarSimple from './NavbarSimple.vue' loadAutoTheme(); const app = createApp({ components: { LogIn, - NavbarBrand, + NavbarSimple, }, }); diff --git a/src_assets/common/assets/web/welcome.html b/src_assets/common/assets/web/welcome.html index 14741ba14fe..7d8d7cc36ab 100644 --- a/src_assets/common/assets/web/welcome.html +++ b/src_assets/common/assets/web/welcome.html @@ -6,7 +6,7 @@ - +

{{ $t('welcome.greeting') }}

@@ -57,7 +57,7 @@

{{ $t('welcome.greeting') }}

import { initApp } from './init' import { apiFetch } from './fetch_utils' import Notification from './Notification.vue' - import NavbarBrand from './NavbarBrand.vue' + import NavbarSimple from './NavbarSimple.vue' import { loadAutoTheme } from './theme' import { LogIn } from '@lucide/vue' @@ -67,7 +67,7 @@

{{ $t('welcome.greeting') }}

components: { ResourceCard, Notification, - NavbarBrand, + NavbarSimple, LogIn, }, data() {