30:[] 2e:{"title":"Colors","cells":[{"id":0,"value":"md`# Colors`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"{\n const allPairs = Object.entries(ALL_COLORS);\n const colorTiles = allPairs.map(pair => (\n html`\n \n ${pair[0]}\n

${pair[1]}

\n `\n ));\n\n return html`\n

\n ${colorTiles}\n

\n `\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"height = width/3","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"ALL_COLORS = ({\n gray_1: '#262829',\n gray_2: '#393D3E',\n gray_3: '#6A6E6F',\n gray_4: '#AFB2B2',\n gray_5: '#D8D9DA',\n gray_6: '#EEEFEF',\n red: '#FF4C6D',\n orange: '#FF964E',\n yellow: '#FFCC2C',\n green_1: '#009872',\n green_2: '#00B080',\n green_3: '#00F1BA',\n blue_1: '#0082F4',\n blue_2: '#009EE9',\n blue_3: '#00D3FF',\n purple_1: '#524DFF',\n purple_2: '#8F63FF',\n purple_3: '#DF85FF'\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"COLORS = ({\n black: ALL_COLORS.gray_1,\n gray: ALL_COLORS.gray_4,\n light_gray: ALL_COLORS.gray_6,\n red: ALL_COLORS.red,\n orange: ALL_COLORS.orange,\n yellow: ALL_COLORS.yellow,\n green: ALL_COLORS.green_1,\n blue: ALL_COLORS.blue_1,\n purple: ALL_COLORS.purple_1,\n pink: ALL_COLORS.purple_3,\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"contrast = require('https://bundle.run/get-contrast@2.0.0')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}