[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22},"handle","visualinventor","name","un-harshify-colors","path","index.html","project",{"_23":45,"_11":12,"_34":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":33,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":42},"file",{"_23":24,"_11":14,"_25":26,"_27":-5,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":17,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/visualinventor/un-harshify-colors/code/index.html","extension","html","id","97efc283-8a6a-43be-be3f-d627a499085b","fileId","ed9eca94-8c35-11f1-afd4-1607ee4eb77e","parentId","branchId","1023509a-ad30-41e1-8281-c53185b6c2ea","branchVersion",14,"latest",true,"createdAt",["D",1785430124046],"version",2,"fileType","content","\n\n\n\n\nUnharshify Highlight Test\n\n\n\n

Unharshify Highlight Test

5 highlight colors × 7 backgrounds. mixSrgb at 25% / 30% / 32% / 40% / 100%. Current defaults: 30% light, 32% dark. 100% = the raw color untouched. Contrast pills = WCAG 2.1 ratio of verse text (body) and the words of Jesus (red) vs the highlight fill. Verse 5 is highlighted red words; verse 6 is highlighted regular words.

\n\n

\n Words of Jesus\n \n \n

\n Dark-bg red\n raw\n 30% mix\n 32% mix\n \n

\n \n Show all of John 9:1–7 (off = just the highlighted verses)\n

\n\n

The un-harshify function · view source on Val Town

// color-mix(in srgb, a p%, b) — plain per-channel lerp\nfunction mixSrgb(hexA, hexB, p) {\n  const a = hexToRgb(hexA), b = hexToRgb(hexB);\n  return rgbToHex(a.map((ca, i) => ca * p + b[i] * (1 - p)));\n}\n\nfunction getFillColor(hex, theme, background) {\n  return theme === \"dark\"\n    ? mixSrgb(hex, background, 0.32)\n    : mixSrgb(hex, background, 0.30);\n}

\n\n

\n\n\n\n\n\n","deleted",false,"label",[14],"a29eb09f-89ab-40b0-b659-fcfdf31ab70b",["D",1784842647591],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","ea410569-9a71-4d43-b6cf-d832f204fad8","pinnedFileId","019f90e9-7869-71fe-b693-8fe459a7da31","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f90e9-09a2-7150-a4d9-996378c99676","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_99":100,"_101":102,"_55":56,"_103":104,"_105":42},"branch",{"_36":31,"_11":86,"_23":29,"_87":45,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":12,"_98":10},"isOwned","main","projectId","forkedBranchId","35dffbb2-ecf7-4670-861b-2d98ad0c790b","forkedBranchVersion",16,"forkedProjectPrivacy","forkedProjectId","3004803c-8316-4237-ac6f-fbe1a46f99cc","forkedProjectOrgId","47e0b4b2-7d41-46e6-8dce-0ae3d76e1a8f","projectName","userHandle","displayName","Tim Watson","avatar","https://avatars.githubusercontent.com/u/115391?v=4","tier","free","canRestrictVals","profileImageUrl","ctx",{"_79":-5,"_140":141,"_142":143,"_144":145,"_146":42,"_147":42,"_148":42,"_149":33,"_150":-5,"_151":-7,"_152":-7,"_153":63,"_154":42,"_155":42,"_156":-5,"_157":42,"_158":42,"_159":42,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":86,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]