Fluksio/app
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

De-template the frontend and apply the design system

Browse Source 
- FastAPI branding replaced throughout: title, favicon, logo (now the org/
  brand SVGs), footer links, route titles; workspace package renamed
- shadcn primitives restyled to the component radius/shadow map: pill
  controls, rounded-lg surfaces, shadow-e1/e2/e3
- floating frosted AppSidebar over a bg-card content region
- theme storage key aligned with the pre-paint script, MotionConfig added
- scripts/capture-screenshots.mjs backs the root 'make verify'

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Melvin Strobl
2026-08-09 15:33:56 +02:00
co-authored by Claude Opus 5
parent bd2155603e
commit 5988822053
41 changed files with 727 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/public/assets/images/fluksio-light.svg
+186
View File
@@ -0,0 +1,186 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg
width="800px"
height="800px"
viewBox="0 0 24 24"
fill="none"
version="1.1"
id="svg8"
sodipodi:docname="fluksio-light.svg"
inkscape:version="1.4.3 (unknown)"
inkscape:export-filename="fluksio-light.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs8">
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect9"
is_visible="true"
lpeversion="1"
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
radius="0"
unit="px"
method="auto"
mode="F"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect8"
is_visible="true"
lpeversion="1"
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
radius="0"
unit="px"
method="auto"
mode="F"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
</defs>
<sodipodi:namedview
id="namedview8"
pagecolor="#777777"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showguides="true"
showgrid="true"
inkscape:zoom="1.1425"
inkscape:cx="400"
inkscape:cy="400"
inkscape:window-width="2207"
inkscape:window-height="1163"
inkscape:window-x="20"
inkscape:window-y="20"
inkscape:window-maximized="0"
inkscape:current-layer="svg8"
showborder="true">
<inkscape:grid
id="grid8"
units="px"
originx="0"
originy="0"
spacingx="0.03"
spacingy="0.03"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
style="fill:#333232;fill-opacity:1;stroke:none;stroke-width:1.03333;stroke-dasharray:none;stroke-opacity:1"
id="rect8"
width="18.599998"
height="18.6"
x="2.7000008"
y="2.7"
sodipodi:type="rect"
inkscape:path-effect="#path-effect9"
d="M 9.0000005,2.7 H 15 c 3.490199,0 6.299999,2.8097999 6.299999,6.2999998 V 15.000001 C 21.299999,18.490201 18.490199,21.3 15,21.3 H 9.0000005 C 5.5098006,21.3 2.7000008,18.490201 2.7000008,15.000001 V 8.9999998 C 2.7000008,5.5097999 5.5098006,2.7 9.0000005,2.7 Z"
rx="6.2999997"
ry="6.2999997"
transform="matrix(1.2903227,0,0,1.2903225,-3.4838724,-3.4838706)" />
<path
d="m 13.818183,5.9393946 4.242424,4.2424244"
stroke="#000000"
stroke-linecap="round"
id="path1"
style="stroke:#f5f9e9;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<path
d="m 5.9393944,13.818183 4.2424246,4.242424"
stroke="#000000"
stroke-linecap="round"
id="path2"
style="stroke:#f5f9e9;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<path
d="M 10.181819,5.9393946 5.9393944,10.181819"
stroke="#000000"
stroke-linecap="round"
id="path3"
style="stroke:#f5f9e9;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<path
d="m 18.060607,13.818183 -4.242424,4.242424"
stroke="#000000"
stroke-linecap="round"
id="path4"
style="stroke:#f5f9e9;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="12"
cy="4.1212125"
r="2.4242425"
stroke="#000000"
id="circle4"
style="stroke:#de8f6e;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="12"
cy="19.87879"
r="2.4242425"
stroke="#000000"
id="circle5"
style="stroke:#f5f9e9;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="4.1212125"
cy="12.000001"
r="2.4242425"
stroke="#000000"
id="circle6"
style="stroke:#de8f6e;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="19.87879"
cy="12.000001"
r="2.4242425"
stroke="#000000"
id="circle7"
style="stroke:#f5f9e9;stroke-width:1.45454;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="4.1212125"
cy="12.000001"
r="0.60606062"
stroke="#000000"
id="circle8"
style="fill:none;fill-opacity:1;stroke:#59849b;stroke-width:1.21211;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="19.87879"
cy="12.000001"
r="0.60606062"
stroke="#000000"
id="circle8-3"
style="fill:none;fill-opacity:1;stroke:#59849b;stroke-width:1.21211;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="12.000007"
cy="4.1212187"
r="0.60606062"
stroke="#000000"
id="circle8-9"
style="fill:none;fill-opacity:1;stroke:#59849b;stroke-width:1.21211;stroke-dasharray:none;stroke-opacity:1" />
<circle
cx="12"
cy="19.87879"
r="0.60606062"
stroke="#000000"
id="circle8-4"
style="fill:none;fill-opacity:1;stroke:#de8f6e;stroke-width:1.21211;stroke-dasharray:none;stroke-opacity:1" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB