[{"_1":2,"_176":-5,"_177":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","48807a73dfb4c250ae0af97d07e94d04aadb2cac","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_148":149,"_172":173,"_174":175},"handle","yawnxyz","name","chat","path","frontend/styles/design-system/groq/color-reference.html","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":73,"_111":-5,"_12":112,"_113":-5,"_114":20,"_115":-5,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_147":20},"id","eb0227b4-e2e8-11f0-bb4a-42dde27851f2","createdAt",["D",1766815045152],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","8319defa-6e1a-46d4-ba66-2114ffd3360b","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_129":130},"profileImageUrl","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","org",{"_94":95,"_133":130,"_12":112},"avatar","branch",{"_136":137,"_96":44,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":97,"_146":95},"version",128,"eb028344-e2e8-11f0-bb4a-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":150,"_96":151,"_152":153,"_154":155,"_156":138,"_157":158,"_159":160,"_104":161,"_136":32,"_162":148,"_163":164,"_165":20,"_166":-5,"_98":167},"0c715366-e2e9-11f0-a1a6-42dde27851f2","color-reference.html","fileId","0c715424-e2e9-11f0-a1a6-42dde27851f2","parentId","0b0ef186-e2e9-11f0-8ff9-42dde27851f2","branchId","branchVersion",53,"latest",true,["D",1766815101243],"fileType","content","\n\n\n \n \n Groq Theme - Color Reference\n \n\n\n

🚀 Groq Theme

\n A modern, vibrant theme inspired by Groq's fast AI inference platform. \n Features a bold orange primary color paired with a sophisticated gray palette \n and extended color families for versatility.\n

\n\n

Quick Start

To activate this theme, uncomment @use 'groq/overrides'; in theme.scss and run deno task build:styles

\n\n

🎨 Core Color Palette

\n\n

Primary Orange (Brand)

Orange 50

#fff5e5

\n Core\n

Orange 100

#ffe8cc

\n Core\n

Orange 200

#ffd1a3

\n Original\n

Orange 300

#ffb973

\n Core\n

Orange 400

#fe9e20

\n Original\n

Orange 500

#f48b0a

\n Core\n

Orange 600

#f43e01

\n Primary Brand ⭐\n

Orange 700

#c23101

\n Original\n

Orange 800

#9a2701

\n Core\n

Orange 900

#731d00

\n Core\n

\n\n

Neutral Grays

Gray 50

#f9f9f8

\n Core\n

Gray 100

#f3f3ee

\n Original\n

Gray 200

#e8e8e0

\n Core\n

Gray 300

#cecebf

\n Original\n

Gray 400

#9f9f92

\n Core\n

Gray 500

#69695d

\n Original\n

Gray 600

#4e4e45

\n Core\n

Gray 700

#2d2f33

\n Original\n

Gray 800

#26292e

\n Text ⭐\n

Gray 900

#1a1c1f

\n Core\n

\n\n

Pure Values

Black

#000000

\n Original\n

White

#ffffff

\n Original\n

\n\n

✨ Extended Color Families

\n\n

Yellow Tones

Yellow 200

#f4fd90

\n Extended\n

Yellow 300

#fdeb20

\n Extended\n

Yellow 500

#e6d000

\n Core\n

Yellow 700

#c6b802

\n Extended\n

\n\n

Green Tones

Green 200

#a9ffdb

\n Extended\n

Green 300

#10e68d

\n Extended\n

Green 500

#0dcc7a

\n Core\n

Green 700

#018b01

\n Extended\n

\n\n

Blue Tones

Blue 200

#bfe4fc

\n Extended\n

Blue 300

#5fc0ff

\n Extended\n

Blue 500

#0082a0

\n Extended\n

\n\n

Purple Tones

Purple 200

#e3dcf8

\n Extended\n

Purple 300

#d377fd

\n Extended\n

Purple 500

#683d7f

\n Extended\n

\n\n

Pink Tones

Pink 200

#fad8ff

\n Extended\n

Pink 300

#f392dd

\n Extended\n

Pink 500

#ee66ce

\n Extended\n

\n\n

🎯 Semantic Color Mapping

\n \n

Primary Colors

\n Primary\n --groq-orange-600\n

\n Primary Hover\n --groq-orange-700\n

\n Primary Active\n --groq-orange-800\n

\n\n

Text Colors

\n Primary Text\n --groq-gray-800\n

\n Secondary Text\n --groq-gray-600\n

\n Muted Text\n --groq-gray-500\n

\n\n

Background Colors

\n Primary BG\n --groq-white\n

\n Secondary BG\n --groq-gray-50\n

\n Muted BG\n --groq-gray-100\n

\n\n

Semantic States

\n Success\n --groq-green-300\n

\n Warning\n --groq-yellow-300\n

\n Danger\n --groq-orange-600\n

\n Info\n --groq-blue-300\n

\n\n

🎨 Component Examples

\n\n

Buttons

\n \n

\n \n

\n\n

Alerts

\n Success! Your action was completed.\n

\n Warning! Please review this.\n

\n Error! Something went wrong.\n

\n Info: Here's some information.\n

\n\n

\n\n \n

\n\n\n\n","deleted","label",[168,169,170,171,151],"frontend","styles","design-system","groq","permalink","https://www.val.town/x/yawnxyz/chat/code/frontend/styles/design-system/groq/color-reference.html","extension","html","actionData","errors"]