manager: provide monet color to webui by KOWX712 · Pull Request #2981 · tiann/KernelSU

KOWX712 · 2025-11-23T13:57:33Z

Provide app color scheme using css variable in suPath, follow MMRL monet color scheme standard since some module has already support this for a while. This will not break current module's WebUI, it is an opt-in feature, you'll need to import before using it. Example:

@import url('https://mui.kernelsu.org/internal/colors.css');
:root {
    --my-background-color: var(--surface, #FEF7FF);
    --my-text-color: var(--onSurface, #1D1B20);
}

This is only provided when monet color is selected in settings.

Co-Authored-By: Der_Googler 54764558+dergoogler@users.noreply.github.com
Co-Authored-By: Rifat Azad 33044977+rifsxd@users.noreply.github.com
Signed-off-by: KOWX712 leecc0503@gmail.com

this is a squash of: * manager: add monet colors support to webui (webui-next) (KernelSU-Next/KernelSU-Next@58aeb26) * manager:added more dynamic color vars to webui-next (KernelSU-Next/KernelSU-Next@a8bfd1c) * manager: include alpha value in webui monet color provider (f09137f) Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com>

MUIX has some different color naming from material3. Unavailable color: - surfaceContainerLow - surfaceContainerLowest - surfaceBright - surfaceDim let's just fallback with surfaceContainer for now Signed-off-by: KOWX712 <leecc0503@gmail.com>

Copilot

Pull request overview

This PR adds support for providing Monet color scheme to WebUI through CSS variables, following the MMRL monet color scheme standard. This is an opt-in feature that modules can use by importing the provided CSS file.

Key Changes:

Created MonetColorsProvider singleton to generate CSS with Monet color variables from the app's theme
Added internal/colors.css endpoint in SuFilePathHandler that serves the dynamically generated CSS
Integrated CSS generation into the app theme by calling UpdateCss() composable

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 5 comments.

File	Description
`SuFilePathHandler.java`	Added Context field and new endpoint to serve `internal/colors.css` when Monet color modes (3-5) are selected
`MonetColorsProvider.kt`	New singleton class that generates CSS with Monet color variables by mapping app theme colors to CSS custom properties
`Theme.kt`	Integrated `UpdateCss()` call into the theme composition to keep CSS synchronized with theme changes

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

…orsProvider.kt Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Replaces the volatile colorsCss variable with an AtomicReference for thread-safe updates and access. This improves concurrency handling in MonetColorsProvider.

Provide app color scheme using css variable in suPath, follow MMRL monet color scheme standard since some module has already support this for a while. This will not break current module's WebUI, it is an opt-in feature, you'll need to import before using it. Example: ```css @import url('https://mui.kernelsu.org/internal/colors.css'); :root { --my-background-color: var(--surface, #FEF7FF); --my-text-color: var(--onSurface, #1D1B20); } ``` This is only provided when monet color is selected in settings. Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com> --------- Signed-off-by: KOWX712 <leecc0503@gmail.com> Co-authored-by: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-authored-by: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Provide app color scheme using css variable in suPath, follow MMRL monet color scheme standard since some module has already support this for a while. This will not break current module's WebUI, it is an opt-in feature, you'll need to import before using it. Example: ```css @import url('https://mui.kernelsu.org/internal/colors.css'); :root { --my-background-color: var(--surface, #FEF7FF); --my-text-color: var(--onSurface, #1D1B20); } ``` This is only provided when monet color is selected in settings. Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com> --------- Signed-off-by: KOWX712 <leecc0503@gmail.com> Co-authored-by: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-authored-by: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Signed-off-by: fc5b87cf <rissu.ntk@gmail.com>

sync tiann/KernelSU#2981 provide app monet color scheme to WebUI, no changes are required for existing WebUI module. Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com>

ref: tiann/KernelSU#2981 Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com>

Provide app color scheme using css variable in suPath, follow MMRL monet color scheme standard since some module has already support this for a while. This will not break current module's WebUI, it is an opt-in feature, you'll need to import before using it. Example: ```css @import url('https://mui.kernelsu.org/internal/colors.css'); :root { --my-background-color: var(--surface, #FEF7FF); --my-text-color: var(--onSurface, #1D1B20); } ``` This is only provided when monet color is selected in settings. Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com> --------- Co-authored-by: KOWX712 <leecc0503@gmail.com> Co-authored-by: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-authored-by: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Signed-off-by: u9521 <63995396+u9521@users.noreply.github.com>

sync tiann/KernelSU#2981 provide app monet color scheme to WebUI, no changes are required for existing WebUI module. Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com>

Provide app color scheme using css variable in suPath, follow MMRL monet color scheme standard since some module has already support this for a while. This will not break current module's WebUI, it is an opt-in feature, you'll need to import before using it. Example: ```css @import url('https://mui.kernelsu.org/internal/colors.css'); :root { --my-background-color: var(--surface, #FEF7FF); --my-text-color: var(--onSurface, #1D1B20); } ``` This is only provided when monet color is selected in settings. Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com> --------- Co-authored-by: KOWX712 <leecc0503@gmail.com> Co-authored-by: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-authored-by: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Signed-off-by: u9521 <63995396+u9521@users.noreply.github.com>

ref: tiann/KernelSU#2981 Co-Authored-By: Der_Googler <54764558+dergoogler@users.noreply.github.com> Co-Authored-By: Rifat Azad <33044977+rifsxd@users.noreply.github.com> Signed-off-by: KOWX712 <leecc0503@gmail.com>

KOWX712 and others added 2 commits November 23, 2025 21:41

manager: correct some color name

31d41ba

MUIX has some different color naming from material3. Unavailable color: - surfaceContainerLow - surfaceContainerLowest - surfaceBright - surfaceDim let's just fallback with surfaceContainer for now Signed-off-by: KOWX712 <leecc0503@gmail.com>

tiann requested a review from Copilot November 23, 2025 14:05

Copilot started reviewing on behalf of tiann November 23, 2025 14:06 View session

Copilot finished reviewing on behalf of tiann November 23, 2025 14:07

Copilot AI reviewed Nov 23, 2025

View reviewed changes

optimize

af0c76d

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

tiann requested a review from Copilot November 23, 2025 23:13

Copilot started reviewing on behalf of tiann November 23, 2025 23:13 View session

Copilot finished reviewing on behalf of tiann November 23, 2025 23:15

Copilot AI reviewed Nov 23, 2025

View reviewed changes

Comment thread manager/app/src/main/java/me/weishu/kernelsu/ui/webui/MonetColorsProvider.kt Outdated

Update manager/app/src/main/java/me/weishu/kernelsu/ui/webui/MonetCol…

057d063

…orsProvider.kt Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

tiann requested a review from Copilot November 24, 2025 02:50

Copilot started reviewing on behalf of tiann November 24, 2025 02:51 View session

Copilot finished reviewing on behalf of tiann November 24, 2025 02:52

Copilot AI reviewed Nov 24, 2025

View reviewed changes

Comment thread manager/app/src/main/java/me/weishu/kernelsu/ui/webui/MonetColorsProvider.kt

Comment thread manager/app/src/main/java/me/weishu/kernelsu/ui/webui/MonetColorsProvider.kt Outdated

Refactor colorsCss to use AtomicReference

3468f5a

Replaces the volatile colorsCss variable with an AtomicReference for thread-safe updates and access. This improves concurrency handling in MonetColorsProvider.

YuKongA approved these changes Nov 26, 2025

View reviewed changes

aviraxp merged commit ea1fc66 into tiann:main Nov 26, 2025

KOWX712 deleted the monet_webui branch November 26, 2025 15:49

KOWX712 mentioned this pull request Jan 11, 2026

manager: provide monet color to WebUI bmax121/APatch#1358

Merged

lamprose mentioned this pull request Mar 13, 2026

feat: add light-monet and dark-monet accent color themes provided by ksu webui when running in ksu app Zephyruso/zashboard#592

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

manager: provide monet color to webui#2981

manager: provide monet color to webui#2981
aviraxp merged 5 commits into
tiann:mainfrom
KOWX712:monet_webui

KOWX712 commented Nov 23, 2025 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

Conversation

KOWX712 commented Nov 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

KOWX712 commented Nov 23, 2025 •

edited

Loading