28:null 29:["$","title",null,{"children":"Write better | Jerry Jäppinen | Observable"}] 2e:T5f6, ${_.map(evaluations, ({ text, fleschScore, fleschScoreDeltaPercentage, medianGrade, medianGradeDeltaPercentage, readingTime, readingTimeDeltaPercentage, scaleRelative }, i) => { return `${ readingTime } s ${ fleschScore } ` })}

Line	Text	Time to read	Edu grade	Ease of reading	Relative difficulty*
#${ i + 1 }	${ text }	${ medianGrade }	${ Math.round((1 - scaleRelative) * 100) }%

2f:T6ce,

${html`${ texts.map((t) => `

${t}

`).join("") }`}

You might be surprised by how little space you often have to communicate your message.

For example, a user reading an email or a web site on a phone only has a small screen that can only fit a couple of sentences.

Almost always, the text you send or publish could be edited and shortened further to improve reader experience.

At a certain point, the complexity of your text stops mattering. Readers start skipping parts of your text, skipping all of it, stop reading, or completely stop engaging with any of your content.

30:T837,

[Flesch Reading Ease](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#1-flesch-reading-ease): A score between 1 and 100 (70–80 is easy for a 7th grader). Higher is better.
[Flesch-Kincaid Grade](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#2-flesch-kincaid-grade): U.S. grade level generally required to understand the text. Lowe is better.
[SMOG grade](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#3-smog-grade): Estimates years of education required to understand any given text. Lowe is better.
[Coleman-Liau index](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#4-coleman-liau-index): U.S. grade level required to understand the text. Lower is better.
[Automated Readability Index](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#5-automated-readability-index): U.S. grade level required to understand the text. Lower is better.
[Linsear Write](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#6-linsear-write): U.S. grade level required to understand the text. Lower is better.
[Rix](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#7-rix): U.S. grade level based on number of long words divided by number of sentences. Lower is better.
[Reading time](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#8-reading-time): Seconds to read the text based on 250 words per minute. Lower is better.
[Median grade](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/#median-grade): Median U.S. grade based on all the above grades.

Intended for English only. Works better with full sentences than short snippets (like button labels). Inspiration from [Smart Brevity](https://www.axios.com/smart-brevity). Algorithm from [simoahava.com](https://www.simoahava.com/analytics/calculate-readability-scores-for-content/).

31:T7a0,defaultTextInput = `Write your text here. Each line will be evaluated based on how easy it is to read. You get a report for your text below. Scroll down to learn more about the various grading systems used. The report will compare the pieces of text you enter and show you the relative differences in how easy or difficult they are to read. Write well, and your readers will enjoy interacting with you more. If you want them to give you money, that’s a good thing. The multifaceted relationship between frameworks, in the context of post-structuralist critique, is difficult to reduce to linear causality. Its formations operate through complicated processes whose indeterminacy renders attempts at definitive explication inherently unstable.` // The multifaceted relationship between frameworks, in the context of post-structuralist critique, is difficult to reduce to linear causality. The formations that both delimit and constitute subjectivity operate through complicated processes, whose semantic indeterminacy renders any attempt at definitive explication inherently unstable. This necessitates a self-reflexive engagement attuned to the power asymmetries embedded within linguistic structures. // The multifaceted interrelationship between epistemological frameworks and ontological presuppositions, when situated within the dialectical continuum of post-structuralist critique, resists facile reduction to linear causality, insofar as the discursive formations that both delimit and constitute subjectivity operate through recursive, intertextual processes whose semantic indeterminacy renders any attempt at definitive explication not merely provisional but, in a deeper sense, inherently unstable, thereby necessitating a hermeneutic engagement that is simultaneously self-reflexive and critically attuned to the latent power asymmetries embedded within the very linguistic structures by which such knowledge-claims are articulated.32:T2591,function evaluate(text) { /* * Regular expression to identify a sentence. No, it's not perfect. * Fails e.g. with abbreviations and similar constructs mid-sentence. */ var sentenceRegex = new RegExp("[.?!]\\s[^a-z]", "g"); /* * Regular expression to identify a syllable. No, it's not perfect either. * It's based on English, so other languages with different vowel / consonant distributions * and syllable definitions need a rewrite. * Inspired by https://bit.ly/2VK9dz1 */ var syllableRegex = new RegExp("[aiouy]+e*|e(?!d$|ly).|[td]ed|le$", "g"); var cache = {}; var punctuation = [ "!", '"', "#", "$", "%", "&", "'", "(", ")", "*", "+", ",", "-", "–", ".", "/", ":", ";", "<", "=", ">", "?", "@", "[", "]", "^", "_", "`", "{", "|", "}", "~" ]; var legacyRound = function (number, precision) { var k = Math.pow(10, precision || 0); return Math.floor(number * k + 0.5 * Math.sign(number)) / k; }; var charCount = function (text) { if (cache.charCount) return cache.charCount; if (sampleLimit > 0) text = text.split(" ").slice(0, sampleLimit).join(" "); text = text.replace(/\s/g, ""); return (cache.charCount = text.length); }; var removePunctuation = function (text) { return text .split("") .filter(function (c) { return punctuation.indexOf(c) === -1; }) .join(""); }; var letterCount = function (text) { if (sampleLimit > 0) text = text.split(" ").slice(0, sampleLimit).join(" "); text = text.replace(/\s/g, ""); return removePunctuation(text).length; }; var lexiconCount = function (text, useCache, ignoreSample) { if (useCache && cache.lexiconCount) return cache.lexiconCount; if (ignoreSample !== true && sampleLimit > 0) text = text.split(" ").slice(0, sampleLimit).join(" "); text = removePunctuation(text); var lexicon = text.split(" ").length; return useCache ? (cache.lexiconCount = lexicon) : lexicon; }; var getWords = function (text, useCache) { if (useCache && cache.getWords) return cache.getWords; if (sampleLimit > 0) text = text.split(" ").slice(0, sampleLimit).join(" "); text = text.toLowerCase(); text = removePunctuation(text); var words = text.split(" "); return useCache ? (cache.getWords = words) : words; }; var syllableCount = function (text, useCache) { if (useCache && cache.syllableCount) return cache.syllableCount; var count = 0; var syllables = getWords(text, useCache).reduce(function (a, c) { return a + (c.match(syllableRegex) || [1]).length; }, 0); return useCache ? (cache.syllableCount = syllables) : syllables; }; var polySyllableCount = function (text, useCache) { var count = 0; getWords(text, useCache).forEach(function (word) { var syllables = syllableCount(word); if (syllables >= 3) { count += 1; } }); return count; }; var sentenceCount = function (text, useCache) { if (useCache && cache.sentenceCount) return cache.sentenceCount; if (sampleLimit > 0) text = text.split(" ").slice(0, sampleLimit).join(" "); var ignoreCount = 0; var sentences = text.split(sentenceRegex); sentences.forEach(function (s) { if (lexiconCount(s, true, false) <= 2) { ignoreCount += 1; } }); var count = Math.max(1, sentences.length - ignoreCount); return useCache ? (cache.sentenceCount = count) : count; }; var avgSentenceLength = function (text) { var avg = lexiconCount(text, true) / sentenceCount(text, true); return legacyRound(avg, 2); }; var avgSyllablesPerWord = function (text) { var avg = syllableCount(text, true) / lexiconCount(text, true); return legacyRound(avg, 2); }; var avgCharactersPerWord = function (text) { var avg = charCount(text) / lexiconCount(text, true); return legacyRound(avg, 2); }; var avgLettersPerWord = function (text) { var avg = letterCount(text, true) / lexiconCount(text, true); return legacyRound(avg, 2); }; var avgSentencesPerWord = function (text) { var avg = sentenceCount(text, true) / lexiconCount(text, true); return legacyRound(avg, 2); }; var fleschReadingEase = function (text) { var sentenceLength = avgSentenceLength(text); var syllablesPerWord = avgSyllablesPerWord(text); return legacyRound( freBase.base - freBase.sentenceLength * sentenceLength - freBase.syllablesPerWord * syllablesPerWord, 2 ); }; var fleschKincaidGrade = function (text) { var sentenceLength = avgSentenceLength(text); var syllablesPerWord = avgSyllablesPerWord(text); return legacyRound( 0.39 * sentenceLength + 11.8 * syllablesPerWord - 15.59, 2 ); }; var smogIndex = function (text) { var sentences = sentenceCount(text, true); if (sentences >= 3) { var polySyllables = polySyllableCount(text, true); var smogScore = 1.043 * Math.pow(polySyllables * (30 / sentences), 0.5) + 3.1291; return legacyRound(smogScore, 2); } return 0.0; }; var colemanLiauIndex = function (text) { var letters = legacyRound(avgLettersPerWord(text) * 100, 2); var sentences = legacyRound(avgSentencesPerWord(text) * 100, 2); var coleman = 0.0588 * letters - 0.296 * sentences - 15.8; return legacyRound(coleman, 2); }; var automatedReadabilityIndex = function (text) { var chars = charCount(text); var words = lexiconCount(text, true); var sentences = sentenceCount(text, true); var a = chars / words; var b = words / sentences; var readability = 4.71 * legacyRound(a, 2) + 0.5 * legacyRound(b, 2) - 21.43; return legacyRound(readability, 2); }; var linsearWriteFormula = function (text) { var easyWord = 0; var difficultWord = 0; var roughTextFirst100 = text.split(" ").slice(0, 100).join(" "); var plainTextListFirst100 = getWords(text, true).slice(0, 100); plainTextListFirst100.forEach(function (word) { if (syllableCount(word) < 3) { easyWord += 1; } else { difficultWord += 1; } }); var number = (easyWord + difficultWord * 3) / sentenceCount(roughTextFirst100); if (number <= 20) { number -= 2; } return legacyRound(number / 2, 2); }; var rix = function (text) { var words = getWords(text, true); var longCount = words.filter(function (word) { return word.length > 6; }).length; var sentencesCount = sentenceCount(text, true); return legacyRound(longCount / sentencesCount, 2); }; var readingTime = function (text) { var wordsPerSecond = 4.17; // To get full reading time, ignore cache and sample return legacyRound(lexiconCount(text, false, true) / wordsPerSecond, 2); }; // Build textStandard var grade = []; var obj = {}; (function () { // FRE var fre = (obj.fleschScore = fleschReadingEase(text)); if (fre < 100 && fre >= 90) { grade.push(5); } else if (fre < 90 && fre >= 80) { grade.push(6); } else if (fre < 80 && fre >= 70) { grade.push(7); } else if (fre < 70 && fre >= 60) { grade.push(8); grade.push(9); } else if (fre < 60 && fre >= 50) { grade.push(10); } else if (fre < 50 && fre >= 40) { grade.push(11); } else if (fre < 40 && fre >= 30) { grade.push(12); } else { grade.push(13); } // FK var fk = (obj.fleschKincaidGrade = fleschKincaidGrade(text)); grade.push(Math.floor(fk)); grade.push(Math.ceil(fk)); // SMOG var smog = (obj.smogGrade = smogIndex(text)); grade.push(Math.floor(smog)); grade.push(Math.ceil(smog)); // CL var cl = (obj.clGrade = colemanLiauIndex(text)); grade.push(Math.floor(cl)); grade.push(Math.ceil(cl)); // ARI var ari = (obj.ariGrade = automatedReadabilityIndex(text)); grade.push(Math.floor(ari)); grade.push(Math.ceil(ari)); // LWF var lwf = (obj.linsearGrade = linsearWriteFormula(text)); grade.push(Math.floor(lwf)); grade.push(Math.ceil(lwf)); // RIX var rixScore = (obj.rixGrade = rix(text)); if (rixScore >= 7.2) { grade.push(13); } else if (rixScore < 7.2 && rixScore >= 6.2) { grade.push(12); } else if (rixScore < 6.2 && rixScore >= 5.3) { grade.push(11); } else if (rixScore < 5.3 && rixScore >= 4.5) { grade.push(10); } else if (rixScore < 4.5 && rixScore >= 3.7) { grade.push(9); } else if (rixScore < 3.7 && rixScore >= 3.0) { grade.push(8); } else if (rixScore < 3.0 && rixScore >= 2.4) { grade.push(7); } else if (rixScore < 2.4 && rixScore >= 1.8) { grade.push(6); } else if (rixScore < 1.8 && rixScore >= 1.3) { grade.push(5); } else if (rixScore < 1.3 && rixScore >= 0.8) { grade.push(4); } else if (rixScore < 0.8 && rixScore >= 0.5) { grade.push(3); } else if (rixScore < 0.5 && rixScore >= 0.2) { grade.push(2); } else { grade.push(1); } // Find median grade grade = grade.sort(function (a, b) { return a - b; }); var midPoint = Math.floor(grade.length / 2); var medianGrade = legacyRound( grade.length % 2 ? grade[midPoint] : (grade[midPoint - 1] + grade[midPoint]) / 2.0 ); obj.medianGrade = medianGrade; })(); obj.readingTime = readingTime(text); return obj; }33:[] 2c:{"id":"16ea7d8e63bd7694","slug":"write-better","title":"Write better","thumbnail":"4fa79ddad0aa111f354a9571d93997e22a758277e824e1ce9da3f8c1c27ef7bd","access_level":"public","create_time":"$D2025-08-02T08:50:30.049Z","update_time":"$D2025-12-20T11:23:17.432Z","view_time":null,"first_public_time":"$D2025-08-17T10:04:05.571Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"78ae8536857bb3ab","login":"jerryjappinen","name":"Jerry Jäppinen","avatar_url":"https://avatars-next.observableusercontent.com/da68ef84738ce83ecc0aca0bac01d671eeaa7b46c1b3e4333452f0dc24a48f2f","tier":"starter_2024"},"version":792,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e1c1d34cf3c138c","login":"jerryjappinen","name":"Jerry Jäppinen","avatar_url":"https://avatars-next.observableusercontent.com/da68ef84738ce83ecc0aca0bac01d671eeaa7b46c1b3e4333452f0dc24a48f2f","tier":null}],"members":[{"type":"individual","id":"5e1c1d34cf3c138c","login":"jerryjappinen","name":"Jerry Jäppinen","avatar_url":"https://avatars-next.observableusercontent.com/da68ef84738ce83ecc0aca0bac01d671eeaa7b46c1b3e4333452f0dc24a48f2f","tier":null,"role":"editor"},{"type":"team","id":"78ae8536857bb3ab","login":"jerryjappinen","name":"Jerry Jäppinen","avatar_url":"https://avatars-next.observableusercontent.com/da68ef84738ce83ecc0aca0bac01d671eeaa7b46c1b3e4333452f0dc24a48f2f","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Write better","cells":[{"id":0,"value":"# Write better","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":307,"value":"viewof textInput = Inputs.textarea({\n value: urlParams.text || defaultTextInput,\n placeholder: \"Enter text to evaluate\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"[Permalink](${ permalink })","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":171,"value":"$2e","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":658,"value":"* Not an absolute measurement. Compares the least and most difficult pieces of text you enter.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":209,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":437,"value":"## Preview","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":711,"value":"viewof squint = Inputs.toggle({ label: \"Squint\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"$2f","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":435,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":211,"value":"## Learn more","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$30","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":406,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":76,"value":"evaluations","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"## Source","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":316,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"texts = _.compact(textInput.split(\"\\n\").map(trimWhitespace))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"function trimWhitespace(string, preserveEnd) {\n const trimmed = (string || \"\").replace(/\\s+/g, \" \");\n\n if (preserveEnd) {\n return trimmed.trimStart();\n }\n\n return trimmed.trim();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":549,"value":"stats = _.keyBy(\n scoreKeys.map((key) => {\n const values = _.map(evaluationsRaw, key);\n\n return {\n key,\n min: _.min(values),\n max: _.max(values),\n median: median(values),\n avg: avg(values)\n };\n }),\n \"key\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"import { avg, median } from \"@jerryjappinen/math\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":288,"value":"scoreKeys = [\"fleschScore\", \"fleschKincaidGrade\", \"smogGrade\", \"clGrade\", \"ariGrade\", \"linsearGrade\", \"rixGrade\", \"medianGrade\", \"readingTime\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"evaluationsRaw = _.map(texts, (text) => {\n return {\n text,\n ...evaluate(text)\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"evaluations = {\n const evaluations = [];\n const r = evaluationsRaw[0];\n\n for (let i = 0; i < evaluationsRaw.length; ++i) {\n const e = evaluationsRaw[i];\n\n for (let k = 0; k < scoreKeys.length; ++k) {\n // Relative to first item\n const key = scoreKeys[k];\n e[key + \"Relative\"] = r[key] ? e[key] / r[key] : undefined;\n e[key + \"Delta\"] = e[key] ? e[key + \"Relative\"] - 1 : undefined;\n e[key + \"DeltaPercentage\"] = e[key]\n ? Math.round(e[key + \"Delta\"] * 100)\n : undefined;\n\n // Relative to entire scale\n e[key + \"ScaleRelative\"] = r[key]\n ? getRelativeFloat(e[key], stats[key].min, stats[key].max)\n : undefined;\n }\n\n // e.scaleRelative = e.fleschScoreScaleRelative\n e.scaleRelative =\n (e.fleschScoreScaleRelative +\n (1 - e.medianGradeScaleRelative) +\n (1 - e.readingTimeScaleRelative)) /\n 3;\n\n evaluations.push(e);\n }\n\n return evaluations;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"/* To speed the script up, you can set a sampling rate in words. For example, if you set\n * sampleLimit to 1000, only the first 1000 words will be parsed from the input text.\n * Set to 0 to never sample.\n */\nsampleLimit = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"// Baseline for FRE (English)\nfreBase = ({\n base: 206.835,\n sentenceLength: 1.015,\n syllablesPerWord: 84.6,\n syllableThreshold: 3\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":565,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":566,"value":"function fitToRange(floatValue, min, max) {\n return (max - min) * floatValue + min;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"function getRelativeFloat(value, rangeMin, rangeMax) {\n return (value - rangeMin) / (rangeMax - rangeMin);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":236,"value":"import { urlParams, urlNumbers, makeUrl } from \"@jerryjappinen/url-params\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"liveParams = ({\n text: textInput\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"permalink = makeUrl(liveParams)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":626,"value":"import { baseStyles } from \"@jerryjappinen/ui\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"import { darkMode } from \"@jerryjappinen/dark-mode\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":628,"value":"baseStyles","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2d:"$2c:body"