Skip to content

Commit

Permalink
feat: update to new color tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
@blackfalcon
blackfalcon committed Dec 3, 2019
1 parent 15b4a79 commit c9a4500
Show file tree
Hide file tree
Showing 18 changed files with 1,303 additions and 124 deletions.
107 changes: 107 additions & 0 deletions src/color/_newHexValues.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
{
"ods-color-background-lightest": "FFFFFF",
"ods-color-background-lighter": "F7F7F7",
"ods-color-background-darker": "01426A",
"ods-color-background-darkest": "00274A",

"ods-color-ui-default-on-light": "0074C8",
"ods-color-ui-hover-on-light": "054687",
"ods-color-ui-active-on-light": "054687",
"ods-color-ui-disabled-on-light": "0074C8 @20%",

"ods-color-ui-default-on-dark": "00CFF0",
"ods-color-ui-hover-on-dark": "5DE3F7",
"ods-color-ui-active-on-dark": "5DE3F7",
"ods-color-ui-disabled-on-dark": "00CFF0 @30%",

"ods-color-border-primary-on-light": "000000 @15%",
"ods-color-border-active-on-light": "0074C8",
"ods-color-border-error-on-light": "DF0B37",
"ods-color-border-disabled-on-light": "DBDBDB",

"ods-color-border-primary-on-dark": "FFFFFF @40%",
"ods-color-border-active-on-dark": "00CFF0",
"ods-color-border-error-on-dark": "FF999B",
"ods-color-border-disabled-on-dark": "DBDBDB",

"ods-color-text-primary-on-light": "222222",
"ods-color-text-secondary-on-light": "626B79",
"ods-color-text-link-on-light": "0074C8",
"ods-color-text-error-on-light": "DF0B37",
"ods-color-text-disabled-on-light": "DBDBDB",

"ods-color-text-primary-on-dark": "FFFFFF",
"ods-color-text-secondary-on-dark": "9FABBB",
"ods-color-text-link-on-dark": "00CFF0",
"ods-color-text-error-on-dark": "FF999B",
"ods-color-text-disabled-on-dark": "DBDBDB",

"ods-color-icon-primary-on-light": "626B79",
"ods-color-icon-emphasis-on-light": "222222",
"ods-color-icon-accent-on-light": "0074C8",
"ods-color-icon-disabled-on-light": "DBDBDB",

"ods-color-icon-primary-on-dark": "9FABBB",
"ods-color-icon-emphasis-on-dark": "FFFFFF",
"ods-color-icon-accent-on-dark": "00CFF0",
"ods-color-icon-disabled-on-dark": "DBDBDB",

"ods-color-alert-notification-on-light": "0074C8",
"ods-color-alert-warning-on-light": "DE750C",
"ods-color-alert-error-on-light": "DF0B37",
"ods-color-alert-success-on-light": "00805D",
"ods-color-alert-advisory-on-light": "FFF0CD",

"ods-color-alert-notification-on-dark": "00CFF0",
"ods-color-alert-error-on-dark": "FF999B",
"ods-color-alert-success-on-dark": "69CF96",
"ods-color-alert-advisory-on-dark": "FFF0CD",

"ods-color-brand-midnight-100": "C1DAF0",
"ods-color-brand-midnight-200": "569ED7",
"ods-color-brand-midnight-300": "156FAD",
"ods-color-brand-midnight-400": "01426A",
"ods-color-brand-midnight-500": "00274A",

"ods-color-brand-atlas-100": "CDE6FF",
"ods-color-brand-atlas-200": "6BB7FB",
"ods-color-brand-atlas-300": "2492EB",
"ods-color-brand-atlas-400": "0074CA",
"ods-color-brand-atlas-500": "054687",

"ods-color-brand-breeze-100": "C0F7FF",
"ods-color-brand-breeze-200": "5DE3F7",
"ods-color-brand-breeze-300": "00CFF0",
"ods-color-brand-breeze-400": "099DC5",
"ods-color-brand-breeze-500": "0B5575",

"ods-color-brand-tropical-100": "E2FFCD",
"ods-color-brand-tropical-200": "D0F8A6",
"ods-color-brand-tropical-300": "C0E585",
"ods-color-brand-tropical-400": "91BE62",
"ods-color-brand-tropical-500": "5E8741",

"ods-color-brand-alpine-100": "BCAAE6",
"ods-color-brand-alpine-200": "9E73EA",
"ods-color-brand-alpine-300": "8439EF",
"ods-color-brand-alpine-400": "631DB8",
"ods-color-brand-alpine-500": "39115C",

"ods-color-brand-flamingo-100": "FFEBEE",
"ods-color-brand-flamingo-200": "FFC0CA",
"ods-color-brand-flamingo-300": "FF94A7",
"ods-color-brand-flamingo-400": "F65B7B",
"ods-color-brand-flamingo-500": "B82B47",

"ods-color-brand-canyon-100": "FFCAB6",
"ods-color-brand-canyon-200": "F99574",
"ods-color-brand-canyon-300": "F26135",
"ods-color-brand-canyon-400": "DE3E09",
"ods-color-brand-canyon-500": "B83302",

"ods-color-brand-goldcoast-100": "FFF0CD",
"ods-color-brand-goldcoast-200": "FFDB67",
"ods-color-brand-goldcoast-300": "FFD200",
"ods-color-brand-goldcoast-400": "E5AD07",
"ods-color-brand-goldcoast-500": "B88624"
}
7 changes: 6 additions & 1 deletion src/color/a11y.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,12 @@
"color": {
"accessibility": {
"border": {
"active": {"value": "{color.base.nemo.value}"}
"active": {
"value": "{color.base.nemo.value}",
"deprecated": true,
"legacy": true,
"comment": "{comments.color.deprecated.comment}"
}
}
}
}
Expand Down
70 changes: 70 additions & 0 deletions src/color/alert.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
{
"color": {
"alert": {
"notification": {
"onLight": {
"value": "{color.base.ui.value}",
"current": true,
"usage": "Notification color on light backgrounds",
"wcag": "AAA"
},
"onDark": {
"value": "{color.brand.breeze.300.value}",
"current": true,
"usage": "Notification color on dark backgrounds",
"wcag": "AAA"
}
},
"error": {
"onLight": {
"value": "{color.base.crimson.500.value}",
"current": true,
"usage": "Error color on light backgrounds",
"wcag": "AAA"
},
"onDark": {
"value": "{color.base.crimson.100.value}",
"current": true,
"usage": "Error color on dark backgrounds",
"wcag": "AAA"
}
},
"warning": {
"onLight": {
"value": "{color.base.sunset.500.value}",
"current": true,
"usage": "Warning color on light backgrounds",
"wcag": "AAA"
}
},
"success": {
"onLight": {
"value": "{color.base.emerald.500.value}",
"current": true,
"usage": "Success color on light backgrounds",
"wcag": "AAA"
},
"onDark": {
"value": "{color.base.emerald.100.value}",
"current": true,
"usage": "Success color on dark backgrounds",
"wcag": "AAA"
}
},
"advisory": {
"onLight": {
"value": "{color.brand.goldcoast.100.value}",
"current": true,
"usage": "Travel advisory or system maintenance color on light backgrounds",
"wcag": "AAA"
},
"onDark": {
"value": "{color.brand.goldcoast.100.value}",
"current": true,
"usage": "Travel advisory or system maintenance color on dark backgrounds",
"wcag": "AAA"
}
}
}
}
}
70 changes: 70 additions & 0 deletions src/color/background-button.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
{
"color": {
"background": {
"defaultButton": {
"value": "{color.brand.blue.atlas.base.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"activeButton": {
"value": "{color.brand.blue.atlas.darken.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"isActiveButton": {
"value": "{color.brand.blue.atlas.base.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"secondaryButton": {
"value": "{color.base.white.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"completeButton": {
"value": "{color.brand.green.tropical.base.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"hoverCompleteButton": {
"value": "{color.brand.green.tropical.lighten.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"hoverButton": {
"value": "{color.brand.blue.atlas.lighten.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
},
"disabledButton": {
"value": "{color.base.cloud.value}",
"comment": "{comments.color.reference.comment} UNKNOWN",
"deprecated": true,
"legacy": true,
"redirect": true,
"reference": "UNKNOWN"
}
}
}
}
82 changes: 82 additions & 0 deletions src/color/background-legacy.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
{
"color": {
"background": {
"bookingBar": {
"value": "{color.brand.blue.midnight.base.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"footer":{
"value": "{color.brand.blue.midnight.base.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"accountDrawer": {
"value": "{color.brand.blue.midnight.base.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"logo": {
"value": "{color.brand.blue.midnight.base.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"headline": {
"value": "{color.base.white.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"header": {
"value": "{color.base.white.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"sectionSeperator": {
"value": "{color.base.cloud.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"error": {
"value": "{color.base.chili.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"alert": {
"value": "{color.base.limeade.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"advisory": {
"value": "{color.base.beluga.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
},
"dark": {
"rule": {
"value": "{color.base.dusk.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
}
},
"light": {
"rule": {
"value": "{color.base.mist.value}",
"comment": "{comments.color.deprecated.comment}",
"deprecated": true,
"legacy": true
}
}
}
}
}
Loading

0 comments on commit c9a4500

Please sign in to comment.