fix(web-ui): modernize UI - #4631

Merged
ReenigneArcher merged 1 commit into
masterfrom
fix/web-ui/modernize
Jan 29, 2026
Merged

fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom
fix/web-ui/modernize

Conversation

@ReenigneArcher

@ReenigneArcherReenigneArcher commented Jan 26, 2026•
edited
Loading

Copy link
Copy Markdown
Member

Description

This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.

There are a lot of UI changes in this PR, feedback would definitely be appreciated.

Completed:

  • use regex to highlight different log levels in different colors
  • add next/prev buttons to logs to cycle to next/prev warning/error messages
  • case insensitive log search
  • add config/option search
  • new themes
  • fine tuning
  • improve apps page, show app poster and maybe more information on the main page
  • add featured third-party applications (Awesome Sunshine)

LIKELY FOR A LATER PR: #4582

  • show currently streaming application on home page, and optionally:
    • show in system tray
    • have ability to force close from now playing card
    • have ability to unpair current client from now playing card

Screenshot

new themes dropdown:
image

moonlight theme navbar:
image

pin page:
image

application page:
image

image

new featured apps page:
image

config page:
image

troubleshooting page:
image

Issues Fixed or Closed

Roadmap Issues

Type of Change

  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)

Checklist

  • Code follows the style guidelines of this project
  • Code has been self-reviewed
  • Code has been commented, particularly in hard-to-understand areas
  • Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  • Unit tests have been added or updated for any new or modified functionality

AI Usage

  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes

@codecov

codecovBot commented Jan 26, 2026•
edited
Loading

Copy link
Copy Markdown

Bundle Report

Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅

Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️

Affected Assets, Files, and Routes:

view changes for bundle: sunshine-esm

Assets Changed:

Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️

Files inassets/_plugin-*.js:

  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB

Files inassets/config-*.js:

  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes

Files inassets/index-*.js:

  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes

Files inassets/featured-*.js:

  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes

Files inassets/Navbar-*.js:

  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB

  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB

  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB

Files inassets/troubleshooting-*.js:

  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes

Files inassets/apps-*.js:

  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes

Files inassets/SimpleIcon-*.js:

  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes

Files inassets/ResourceCard-*.js:

  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB

Files inassets/pin-*.js:

  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes

Files inassets/password-*.js:

  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes

@codecov

codecovBot commented Jan 26, 2026•
edited
Loading

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.
✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.

Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)

... and 26 files with indirect coverage changes

@ReenigneArcher
ReenigneArcherforce-pushed the fix/web-ui/modernize branch 4 times, most recently from 5d569e0 to 5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher mentioned this pull request Jan 27, 2026
Merged
21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed the fix/web-ui/modernize branch 2 times, most recently from 698f89f to 0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher mentioned this pull request Jan 27, 2026
Closed
21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed the fix/web-ui/modernize branch 13 times, most recently from 736bf33 to 5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud

sonarqubecloudBot commented Jan 29, 2026

Copy link
Copy Markdown

Quality Gate FailedQuality Gate failed

Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

@ReenigneArcher
ReenigneArcher marked this pull request as ready for review January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher merged commit 3ce39b3 into masterJan 29, 2026
84 of 89 checks passed
@ReenigneArcher
ReenigneArcher deleted the fix/web-ui/modernize branch January 29, 2026 15:16
This was referenced May 16, 2026
Merged
Merged
Merged
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI Sunshine: Refactor config page (add search and sections)

1 participant

@ReenigneArcher
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix(web-ui): modernize UI - #4631
Merged
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Jan 29, 2026
Merged
fix(web-ui): modernize UI#4631
ReenigneArcher merged 1 commit into
masterfrom 
fix/web-ui/modernize
Conversation
@ReenigneArcher
@ReenigneArcherReenigneArcher
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Member
Description
This PR overhauls the UI appearance, with more reliance on the sunshine.css for standardization. Font-awesome has been replaced by lucide-vue-next.
There are a lot of UI changes in this PR, feedback would definitely be appreciated.
Completed:
  •  use regex to highlight different log levels in different colors
  •  add next/prev buttons to logs to cycle to next/prev warning/error messages
  •  case insensitive log search
  •  add config/option search
  •  new themes
  •  fine tuning
  •  improve apps page, show app poster and maybe more information on the main page

  •  add featured third-party applications (Awesome Sunshine)
LIKELY FOR A LATER PR: #4582
  •  show currently streaming application on home page, and optionally:

    •  show in system tray
    •  have ability to force close from now playing card
    •  have ability to unpair current client from now playing card
Screenshot
new themes dropdown:
image
moonlight theme navbar:
image
pin page:
image
application page:
image
image
new featured apps page:
image
config page:
image
troubleshooting page:
image
Issues Fixed or Closed
Roadmap Issues
Type of Change
  • feat: New feature (non-breaking change which adds functionality)
  • fix: Bug fix (non-breaking change which fixes an issue)
  • docs: Documentation only changes
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semicolons, etc.)
  • refactor: Code change that neither fixes a bug nor adds a feature
  • perf: Code change that improves performance
  • test: Adding missing tests or correcting existing tests
  • build: Changes that affect the build system or external dependencies
  • ci: Changes to CI configuration files and scripts
  • chore: Other changes that don't modify src or test files
  • revert: Reverts a previous commit
  • BREAKING CHANGE: Introduces a breaking change (can be combined with any type above)
Checklist
  •  Code follows the style guidelines of this project
  •  Code has been self-reviewed
  •  Code has been commented, particularly in hard-to-understand areas
  •  Code docstring/documentation-blocks for new or existing methods/components have been added or updated
  •  Unit tests have been added or updated for any new or modified functionality
AI Usage
  • None: No AI tools were used in creating this PR
  • Light: AI provided minor assistance (formatting, simple suggestions)
  • Moderate: AI helped with code generation or debugging specific parts
  • Heavy: AI generated most or all of the code changes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Bundle Report
Changes will decrease total bundle size by 240.36kB (-23.77%) ⬇️. This is within the configured threshold ✅
Detailed changes
Bundle nameSizeChange
sunshine-esm770.71kB-240.36kB (-23.77%) ⬇️
Affected Assets, Files, and Routes:
view changes for bundle: sunshine-esm
Assets Changed:
Asset NameSize ChangeTotal SizeChange (%)
assets/_plugin-*.js3.83kB349.81kB1.11%
assets/_plugin-*.css-75.92kB231.15kB-24.72%
assets/config-*.js6.27kB67.09kB10.3% ⚠️
assets/index-*.js1.22kB45.41kB2.76%
assets/featured-*.js(New)28.71kB28.71kB100.0% 🚀
assets/Navbar-*.js12.93kB18.0kB254.88% ⚠️
assets/troubleshooting-*.js4.91kB8.59kB133.28% ⚠️
assets/apps-*.js2.4kB6.42kB59.59% ⚠️
assets/SimpleIcon-*.js(New)3.7kB3.7kB100.0% 🚀
assets/Checkbox-*.js5 bytes2.11kB0.24%
assets/ResourceCard-*.js146 bytes1.87kB8.48% ⚠️
assets/pin-*.js778 bytes1.64kB90.47% ⚠️
assets/triangle-*.js(New)1.13kB1.13kB100.0% 🚀
assets/trash-*.js(New)843 bytes843 bytes100.0% 🚀
assets/welcome-*.js100 bytes761 bytes15.13% ⚠️
assets/password-*.js46 bytes684 bytes7.21% ⚠️
assets/file-*.js(New)577 bytes577 bytes100.0% 🚀
assets/save-*.js(New)519 bytes519 bytes100.0% 🚀
assets/monitor-*.js(New)451 bytes451 bytes100.0% 🚀
assets/circle-*.js(New)442 bytes442 bytes100.0% 🚀
assets/search-*.js(New)361 bytes361 bytes100.0% 🚀
assets/Navbar-*.css-345 bytes332 bytes-50.96%
assets/fa-*.woff2(Deleted)-113.26kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-101.18kB0 bytes-100.0% 🗑️
assets/fa-*.woff2(Deleted)-19.0kB0 bytes-100.0% 🗑️
Files inassets/_plugin-*.js:
  • ./src_assets/common/assets/web/public/assets/locale/en.json → Total Size: 37.27kB
Files inassets/config-*.js:
  • ./src_assets/common/assets/web/config.html → Total Size: 0 bytes
Files inassets/index-*.js:
  • ./src_assets/common/assets/web/index.html → Total Size: 0 bytes
Files inassets/featured-*.js:
  • ./src_assets/common/assets/web/featured.html → Total Size: 0 bytes
Files inassets/Navbar-*.js:
  • ./src_assets/common/assets/web/ThemeToggle.vue → Total Size: 8.35kB
  • ./src_assets/common/assets/web/theme.js → Total Size: 3.6kB
  • ./src_assets/common/assets/web/Navbar.vue → Total Size: 5.36kB
Files inassets/troubleshooting-*.js:
  • ./src_assets/common/assets/web/troubleshooting.html → Total Size: 0 bytes
Files inassets/apps-*.js:
  • ./src_assets/common/assets/web/apps.html → Total Size: 0 bytes
Files inassets/SimpleIcon-*.js:
  • ./src_assets/common/assets/web/SimpleIcon.vue → Total Size: 915 bytes
Files inassets/ResourceCard-*.js:
  • ./src_assets/common/assets/web/ResourceCard.vue → Total Size: 3.6kB
Files inassets/pin-*.js:
  • ./src_assets/common/assets/web/pin.html → Total Size: 0 bytes
Files inassets/password-*.js:
  • ./src_assets/common/assets/web/password.html → Total Size: 0 bytes
@codecov
codecovBot
commented
Jan 26, 2026•

edited

Loading

Copy link


Copy Markdown

Codecov Report
❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.

✅ Project coverage is 15.45%. Comparing base (76b3a85) to head (4bad014).
⚠️ Report is 215 commits behind head on master.
Files with missing linesPatch %Lines
src/confighttp.cpp0.00%9 Missing and 6 partials ⚠️
Additional details and impacted files
@@ Coverage Diff @@## master #4631 +/- ##
==========================================
- Coverage 15.50% 15.45% -0.06% 
==========================================
Files 94 94 Lines 19235 19248 +13 Branches 8898 8907 +9 ==========================================
- Hits 2982 2974 -8 + Misses 14375 12872 -1503 - Partials 1878 3402 +1524 
FlagCoverage Δ
Archlinux11.60% <0.00%> (-0.02%)⬇️
FreeBSD-14.3-aarch64?
FreeBSD-14.3-amd6413.74% <0.00%> (-0.04%)⬇️
Homebrew-ubuntu-22.0413.91% <0.00%> (-0.02%)⬇️
Linux-AppImage11.93% <0.00%> (-0.02%)⬇️
Windows-AMD6413.49% <0.00%> (-0.02%)⬇️
Flags with carried forward coverage won't be shown. Click here to find out more.
Files with missing linesCoverage Δ
src/confighttp.cpp0.00% <0.00%> (ø)
... and 26 files with indirect coverage changes
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
4 times, most recently
from
5d569e0 to
5e873f7CompareJanuary 27, 2026 00:42
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Merged

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
2 times, most recently
from
698f89f to
0ad609bCompareJanuary 27, 2026 01:52
@ReenigneArcherReenigneArcher
mentioned this pull request
Jan 27, 2026
 Closed

21 tasks
@ReenigneArcher
ReenigneArcherforce-pushed
the
fix/web-ui/modernize
branch
13 times, most recently
from
736bf33 to
5bb9a25CompareJanuary 29, 2026 03:34
@sonarqubecloud
sonarqubecloudBot
commented
Jan 29, 2026

Copy link


Copy Markdown

Quality Gate FailedQuality Gate failed
Failed conditions
6 New issues
C Reliability Rating on New Code (required ≥ A)
1 New Bugs (required ≤ 0)
5 New Code Smells (required ≤ 0)
See analysis details on SonarQube Cloud
 Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE
@ReenigneArcher
ReenigneArcher
marked this pull request as ready for review
January 29, 2026 04:12
@ReenigneArcher
ReenigneArcher
merged commit 3ce39b3
into
masterJan 29, 2026

84 of 89 checks passed

@ReenigneArcher
ReenigneArcher
deleted the

fix/web-ui/modernize

branch
January 29, 2026 15:16

This was referenced May 16, 2026
 Merged

 Merged

 Merged

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Sunshine: show featured addons/application in UI

Sunshine: Refactor config page (add search and sections)


1 participant

@ReenigneArcher