mirror of
https://github.com/getpaseo/paseo.git
synced 2026-07-29 12:01:31 +00:00
963c79265a
Set native window backgroundColor to match the app's surface0 color so the backing layer is dark during resize repaints. Extend the existing updateWindowControls IPC to also call setBackgroundColor on all platforms (including macOS), keeping the renderer as the single source of truth for theme resolution. Add a prefers-color-scheme CSS rule in index.html to cover the HTML-to-React mount gap.
61 lines
1.5 KiB
HTML
61 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="%LANG_ISO_CODE%">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
|
|
/>
|
|
<title>%WEB_TITLE%</title>
|
|
<!-- The `react-native-web` recommended style reset: https://necolas.github.io/react-native-web/docs/setup/#root-element -->
|
|
<style id="expo-reset">
|
|
/* These styles make the body full-height */
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
/* These styles disable body scrolling if you are using <ScrollView> */
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
/* Prevent white flash before React mounts */
|
|
@media (prefers-color-scheme: dark) {
|
|
html, body {
|
|
background-color: #181B1A;
|
|
}
|
|
}
|
|
/* These styles make the root element full-height */
|
|
#root {
|
|
display: flex;
|
|
height: 100%;
|
|
flex: 1;
|
|
}
|
|
</style>
|
|
<style>
|
|
button,
|
|
a,
|
|
input,
|
|
textarea,
|
|
select,
|
|
[role='button'],
|
|
[role='link'],
|
|
[role='textbox'],
|
|
[role='combobox'],
|
|
[role='tab'],
|
|
[role='switch'],
|
|
[role='checkbox'],
|
|
[role='slider'],
|
|
[role='menuitem'],
|
|
[tabindex],
|
|
[contenteditable='true'] {
|
|
-webkit-app-region: no-drag !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html>
|