Skip to content

Instantly share code, notes, and snippets.

@alanbsmith
Created April 8, 2025 16:10
Show Gist options
  • Save alanbsmith/4bf7a1ca47e9d51aadf4ab6d6e95c45d to your computer and use it in GitHub Desktop.
Save alanbsmith/4bf7a1ca47e9d51aadf4ab6d6e95c45d to your computer and use it in GitHub Desktop.
Canvas brand colors
We can make this file beautiful and searchable if this error is corrected: Illegal quoting in line 2.
name,cssVar,value,red,green,blue
"alert-lightest",-"-cnvs-brand-alert-lightest","rgb(255,238,217)",255,238,217
"alert-light","--cnvs-brand-alert-light","rgb(252,212,159)",252,212,159
"alert-base","--cnvs-brand-alert-base","rgb(255,161,38)",255,161,38
"alert-dark","--cnvs-brand-alert-dark","rgb(243,139,0)",243,139,0
"alert-darkest","--cnvs-brand-alert-darkest","rgb(192,108,0)",192,108,0
"alert-accent","--cnvs-brand-alert-accent","rgb(255,255,255)",255,255,255
"common-focusOutline","--cnvs-brand-common-focus-outline","rgb(8,117,225)",8,117,225
"common-errorInner","--cnvs-brand-common-error-inner","rgb(222,46,33)",222,46,33
"common-alertInner","--cnvs-brand-common-alert-inner","rgb(255,161,38)",255,161,38
"error-lightest","--cnvs-brand-error-lightest","rgb(255,239,238)",255,239,238
"error-light","--cnvs-brand-error-light","rgb(252,201,197)",252,201,197
"error-base","--cnvs-brand-error-base","rgb(222,46,33)",222,46,33
"error-dark","--cnvs-brand-error-dark","rgb(163,27,18)",163,27,18
"error-darkest","--cnvs-brand-error-darkest","rgb(128,22,14)",128,22,14
"error-accent","--cnvs-brand-error-accent","rgb(255,255,255)",255,255,255
"neutral-lightest","--cnvs-brand-neutral-lightest","rgb(240,241,242)",240,241,242
"neutral-light","--cnvs-brand-neutral-light","rgb(232,235,237)",232,235,237
"neutral-base","--cnvs-brand-neutral-base","rgb(185,192,199)",185,192,199
"neutral-dark","--cnvs-brand-neutral-dark","rgb(94,106,117)",94,106,117
"neutral-darkest","--cnvs-brand-neutral-darkest","rgb(74,85,97)",74,85,97
"neutral-accent","--cnvs-brand-neutral-accent","rgb(255,255,255)",255,255,255
"primary-lightest","--cnvs-brand-primary-lightest","rgb(215,234,252)",215,234,252
"primary-light","--cnvs-brand-primary-light","rgb(166,210,255)",166,210,255
"primary-base","--cnvs-brand-primary-base","rgb(8,117,225)",8,117,225
"primary-dark","--cnvs-brand-primary-dark","rgb(0,92,185)",0,92,185
"primary-darkest","--cnvs-brand-primary-darkest","rgb(0,67,135)",0,67,135
"primary-accent","--cnvs-brand-primary-accent","rgb(255,255,255)",255,255,255
"success-lightest","--cnvs-brand-success-lightest","rgb(235,255,240)",235,255,240
"success-light","--cnvs-brand-success-light","rgb(95,227,128)",95,227,128
"success-base","--cnvs-brand-success-base","rgb(67,196,99)",67,196,99
"success-dark","--cnvs-brand-success-dark","rgb(49,156,76)",49,156,76
"success-darkest","--cnvs-brand-success-darkest","rgb(33,122,55)",33,122,55
"success-accent","--cnvs-brand-success-accent","rgb(255,255,255)",255,255,255
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment