From db5ce8da24c7e9f00a285cdb57a87d98929eb1fd Mon Sep 17 00:00:00 2001 From: Brad Barnett <127794626+bdbarnett@users.noreply.github.com> Date: Tue, 27 Oct 2026 00:01:26 -0500 Subject: [PATCH] Blueprint colours for the starter app The page, the install hint and the manifest move from cyan on near-black to the PyDevices deep blue with a chartreuse eyebrow, and the app icon follows. The service worker's VERSION bumps so installed copies pick up the new files. --- icon-192.png | Bin 1264 -> 1009 bytes icon-512.png | Bin 3896 -> 2973 bytes index.html | 2 +- manifest.json | 4 ++-- style.css | 22 +++++++++++----------- sw.js | 2 +- 6 files changed, 15 insertions(+), 15 deletions(-) diff --git a/icon-192.png b/icon-192.png index 144c7244134dd8348920b29c1383aad20c733998..e463416420334b8c4e0b8cb6cc4ffff1490b4ea5 100644 GIT binary patch literal 1009 zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE4M+yv$zf+;VBX>B;uunK>+M~~qFW9EZGo$^ z%kH!+-f;3<`x!lTmDN*%HItGB7SH^7|F)W@z?bFIavtX_|NN9UXzFwZ#s&rl1_cI> zi((dStG9nFn9aabz3KIuKoe&F<=^v!8xD#eNl-L#KHvEMvl>IQejBrM2HX560;fJq zu93XMV|ViQ0v>w^A!yR<|4B7avTo9LMi-q3!-}p=#lrAA9XDGCJe{&Ag{B%^<{F@NGM54#SPe=(i1Ozuzs{ zyc=vVBzy!II6zjyf(y!R*lnVJusvG-YxPxkood^#^T|R7oSOf?pa0g>WUt)n=Y~63 zqDp?q|EyNF0m(TW`0(D)04%}Dz%rrmTm7^9y>({(_n6EW%pewYe0X8rDEG4*u4pUk zJj>v|Dl`B8g&jY53*IxlG1LG{o;}BZ_^&C4ZC%l(>&ahj)EHatOZ5MVXuGQ_faFvp zrUC=p69>Lb`|Y#g{}*6LhH)RrH=l7@=lyhGKt5RG^y+sCvq0@6Eq#NN+b;k7wBKI3 z>Qc?l%bhPLR>rF_C`!~ZavXfXouK!_sBmFNGRf0IEe;n%}*&KB!0>QWfC$MG0S{Mx~g!`iIhpdV-ADDh(j!@J5r*TfsiOcAe+KCiG7 g>ICPx6Q892Yu#5ovcO6Yn3WkkUHx3vIVCg!0I7k7)Bpeg literal 1264 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 - + My PyDevices App diff --git a/manifest.json b/manifest.json index 1ec2031..f050ab1 100644 --- a/manifest.json +++ b/manifest.json @@ -5,8 +5,8 @@ "start_url": "./index.html", "scope": "./", "display": "standalone", - "background_color": "#080c10", - "theme_color": "#22c7e2", + "background_color": "#0b2a4a", + "theme_color": "#0b2a4a", "icons": [ {"src": "./icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any"}, {"src": "./icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable"} diff --git a/style.css b/style.css index 0c6fd00..fa5f245 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,8 @@ :root { color-scheme: dark; font-family: system-ui, sans-serif; - background: #080c10; - color: #dfeaf2; + background: #0b2a4a; + color: #e8f0f8; } body { @@ -10,7 +10,7 @@ body { min-height: 100vh; display: grid; place-items: center; - background: radial-gradient(circle at top, #16303a, #080c10 58%); + background: radial-gradient(circle at top, #1d4f80, #0b2a4a 58%); } main { @@ -20,7 +20,7 @@ main { } .eyebrow { - color: #5edcf0; + color: #c4dc4c; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; @@ -33,7 +33,7 @@ canvas { max-width: 100%; height: auto; margin: 1.5rem auto; - border: 1px solid #2f4354; + border: 1px solid #2a4f76; border-radius: 14px; box-shadow: 0 18px 60px #0008; touch-action: none; @@ -86,10 +86,10 @@ output { max-width: min(300px, calc(100vw - 24px)); box-sizing: border-box; padding: .7rem .6rem .7rem .9rem; - border: 1px solid #2f4354; + border: 1px solid #2a4f76; border-radius: 12px; - background: #102028; - color: #dfeaf2; + background: #12355a; + color: #e8f0f8; box-shadow: 0 10px 30px #0009; font-size: .9rem; line-height: 1.35; @@ -108,8 +108,8 @@ output { width: 12px; height: 12px; background: inherit; - border-left: 1px solid #2f4354; - border-top: 1px solid #2f4354; + border-left: 1px solid #2a4f76; + border-top: 1px solid #2a4f76; transform: rotate(45deg); } @@ -124,7 +124,7 @@ output { padding: 0 .35rem; border: 0; background: none; - color: #8fa6b6; + color: #b4c8dc; font: inherit; font-size: 1.3rem; line-height: 1; diff --git a/sw.js b/sw.js index bd8d625..50f30ed 100644 --- a/sw.js +++ b/sw.js @@ -3,7 +3,7 @@ // VERSION whenever you change a file: the next visit installs a worker with a // new cache and the old one is deleted. While you are editing, a hard reload // skips the worker instead (see docs/pwa-guide.md, "Edits that don't show"). -const VERSION = '1'; +const VERSION = '2'; const CACHE_NAME = 'pyscript-template-' + VERSION; const SHELL = [ './',