Add custom cursor assets and deploy step

Add F4MouseCursor.png and F4MouseCursor.svg assets and wire up a CSS variable (--co-cursor) to use the custom cursor in the browser. Update styles.css to apply the cursor variable to body and interactive elements. Modify deploy-all.bat to create %PRISMA_ROOT%\misc and copy the PNG to %PRISMA_ROOT%\misc\cursor.png at deploy time, with a warning if the file is missing. This enables a consistent custom cursor for the PrismaUI_F4 runtime (runtime reads misc\cursor.png) while still providing a browser CSS fallback.
This commit is contained in:
2026-06-08 14:54:58 +12:00
parent cfd1fab6b2
commit 50d48f1f99
4 changed files with 33 additions and 4 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32.3 31.24">
<!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3) -->
<defs>
<style>
.st0 {
fill: #fff;
stroke: #000;
stroke-miterlimit: 10;
}
</style>
</defs>
<polygon class="st0" points="17.4 30.41 31.46 15.9 1.2 1.14 17.4 30.41"/>
</svg>

After

Width:  |  Height:  |  Size: 450 B

+11 -4
View File
@@ -42,6 +42,11 @@
--co-font-md: clamp(13px, 1.05vw, 16px);
--co-font-lg: clamp(16px, 1.3vw, 20px);
--co-nav-width: clamp(152px, 14vw, 196px);
/*
* In-game cursor is rendered by PrismaUI_F4 from Data/PrismaUI_F4/misc/cursor.png
* (deployed from assets/F4MouseCursor.png). CSS cursor only applies in a browser.
*/
--co-cursor: url("./assets/F4MouseCursor.png") 1 1, default;
}
* {
@@ -61,6 +66,7 @@ body {
background: transparent;
user-select: none;
-webkit-font-smoothing: antialiased;
cursor: var(--co-cursor);
}
.co-root {
@@ -151,7 +157,7 @@ body {
text-transform: uppercase;
text-align: left;
padding: 10px 16px;
cursor: pointer;
cursor: var(--co-cursor);
transition: background var(--co-transition), color var(--co-transition);
}
@@ -351,6 +357,7 @@ body {
font-weight: 600;
padding: 5px 8px;
border-radius: 0;
cursor: var(--co-cursor);
}
.co-filter-input::placeholder {
@@ -371,7 +378,7 @@ body {
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
cursor: var(--co-cursor);
}
.co-checkbox {
@@ -404,7 +411,7 @@ body {
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 5px 10px;
cursor: pointer;
cursor: var(--co-cursor);
margin-left: auto;
flex-shrink: 0;
transition: background var(--co-transition);
@@ -456,7 +463,7 @@ body {
padding: 8px 12px;
font-size: var(--co-font-md);
line-height: 1.2;
cursor: pointer;
cursor: var(--co-cursor);
transition: background var(--co-transition);
}