WebUI in MMRL
MMRL supports WebUI from KernelSU but it come with some additions for you all!
You can use the app theme with automatic dark mode support. Also it supports window safe insets which you'll have to set youself.
| Dark | Light |
|---|---|
 |  |
Setup
To use window safe area insets which you basiclly need here, otherwise your config will move behind the status bar
Why so?
It improves the design and it presents a much more "native" feel
JavaScript API
IMPORTANT
ksu.spawn and ksu.exec needs to be enabled by the user first. You can check it with <sanitizedModId>.getHasAccessToAdvancedKernelSuAPI().
html
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ModConf Compose WebUI</title>
<!-- Window Safe Area Insets -->
<link rel="stylesheet" type="text/css" href="https://mui.kernelsu.org/mmrl/insets.css" />
<!-- App Theme which the user has currently selected -->
<link rel="stylesheet" type="text/css" href="https://mui.kernelsu.org/mmrl/colors.css" />
<!-- Your styles -->
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div class="scaffold">
<div class="card">
<span>Hello from WebUI!</span>
</div>
</div>
</body>
</html>css
body {
padding-top: var(--window-inset-top);
padding-bottom: var(--window-inset-bottom);
background-color: var(--background);
}
.scaffold {
padding: 16px;
}
.card {
padding: 16px;
background-color: var(--surfaceContainer);
border-radius: 20px;
span {
color: var(--inverseSurface);
}
}Launch a WebUI from Shell
bash
am start -n "com.dergoogler.mmrl/.ui.activity.webui.WebUIActivity" -e MOD_ID "your_id"