···
// DEFAULT_SUBDUED_PALETTE,
···
* @deprecated use ALF and access palette from `useTheme()`
···
// DEFAULT_SUBDUED_PALETTE,
+
BLUE_HUE as BLACKSKY_BLUE_HUE,
+
// defaultScale as BLACKSKY_defaultScale,
+
dimScale as BLACKSKY_dimScale,
+
GREEN_HUE as BLACKSKY_GREEN_HUE,
+
RED_HUE as BLACKSKY_RED_HUE,
+
} from '#/alf/util/blackskyColorGeneration'
+
BLUE_HUE as ZEPPELIN_BLUE_HUE,
+
defaultScale as ZEPPELIN_defaultScale,
+
dimScale as ZEPPELIN_dimScale,
+
GREEN_HUE as ZEPPELIN_GREEN_HUE,
+
RED_HUE as ZEPPELIN_RED_HUE,
+
} from '#/alf/util/blackskyColorGeneration'
+
BLUE_HUE as DEER_BLUE_HUE,
+
defaultScale as DEER_defaultScale,
+
// dimScale as DEER_dimScale,
+
GREEN_HUE as DEER_GREEN_HUE,
+
RED_HUE as DEER_RED_HUE,
+
} from '#/alf/util/deerColorGeneration'
···
+
export const witchskyscheme = themes
+
// const BLUESKY_THEMES = createThemes({
+
// defaultPalette: BLUESKY_PALETTE,
+
// subduedPalette: BLUESKY_SUBDUED_PALETTE,
+
// export const blueskyscheme = {
+
// lightPalette: BLUESKY_THEMES.light.palette,
+
// darkPalette: BLUESKY_THEMES.dark.palette,
+
// dimPalette: BLUESKY_THEMES.dim.palette,
+
// light: BLUESKY_THEMES.light,
+
// dark: BLUESKY_THEMES.dark,
+
// dim: BLUESKY_THEMES.dim,
+
// export const YELLOW_PALETTE: Palette = {
+
// contrast_0: '#FEFBFB',
+
// contrast_25: '#F8F6EB',
+
// contrast_50: '#F2EDD8',
+
// contrast_100: '#E9E3C1',
+
// contrast_200: '#E0D9AA',
+
// contrast_300: '#D6CF94',
+
// contrast_400: '#CBC47F',
+
// contrast_500: '#C0B96B',
+
// contrast_600: '#A49D59',
+
// contrast_700: '#888249',
+
// contrast_800: '#6D683A',
+
// contrast_900: '#544F2C',
+
// contrast_950: '#3E391F',
+
// contrast_975: '#262413',
+
// contrast_1000: '#000000',
+
// primary_25: `hsl(50, 70%, 97%)`,
+
// primary_50: `hsl(50, 70%, 94%)`,
+
// primary_100: `hsl(50, 70%, 88%)`,
+
// primary_200: `hsl(50, 75%, 78%)`,
+
// primary_300: `hsl(50, 78%, 68%)`,
+
// primary_400: `hsl(50, 82%, 58%)`,
+
// primary_500: `hsl(50, 85%, 52%)`,
+
// primary_600: `hsl(50, 80%, 46%)`,
+
// primary_700: `hsl(50, 60%, 33%)`,
+
// primary_800: `hsl(50, 48%, 26%)`,
+
// primary_900: `hsl(50, 45%, 18%)`,
+
// primary_950: `hsl(50, 40%, 10%)`,
+
// primary_975: `hsl(50, 38%, 7%)`,
+
// positive_25: '#F3FCEB',
+
// positive_50: '#E8F9D5',
+
// positive_100: '#D4F4AE',
+
// positive_200: '#BEED81',
+
// positive_300: '#A4E34D',
+
// positive_400: '#8FD61E',
+
// positive_500: '#7AB815',
+
// positive_600: '#629412',
+
// positive_700: '#4E720F',
+
// positive_800: '#3C560C',
+
// positive_900: '#2D4109',
+
// positive_950: '#203006',
+
// positive_975: '#162204',
+
// negative_25: '#FFF7EB',
+
// negative_50: '#FEEBD3',
+
// negative_100: '#FDDBB3',
+
// negative_200: '#FBC68B',
+
// negative_300: '#F7A44E',
+
// negative_400: '#EF8217',
+
// negative_500: '#D86E0F',
+
// negative_600: '#B55B0D',
+
// negative_700: '#8E480A',
+
// negative_800: '#6C3708',
+
// negative_900: '#4F2906',
+
// negative_950: '#371D04',
+
// negative_975: '#261403',
+
// export const YELLOW_SUBDUED_PALETTE: Palette = {
+
// contrast_0: '#FEFBFB',
+
// contrast_25: '#F8F6EB',
+
// contrast_50: '#F2EDD8',
+
// contrast_100: '#E9E3C1',
+
// contrast_200: '#E0D9AA',
+
// contrast_300: '#D6CF94',
+
// contrast_400: '#CBC47F',
+
// contrast_500: '#C0B96B',
+
// contrast_600: '#A49D59',
+
// contrast_700: '#888249',
+
// contrast_800: '#6D683A',
+
// contrast_900: '#544F2C',
+
// contrast_950: '#3E391F',
+
// contrast_975: '#312F1A',
+
// contrast_1000: '#262414',
+
// primary_25: `hsl(50, 70%, 97%)`,
+
// primary_50: `hsl(50, 70%, 94%)`,
+
// primary_100: `hsl(50, 70%, 88%)`,
+
// primary_200: `hsl(50, 75%, 78%)`,
+
// primary_300: `hsl(50, 78%, 68%)`,
+
// primary_400: `hsl(50, 78%, 62%)`,
+
// primary_500: `hsl(50, 75%, 52%)`,
+
// primary_600: `hsl(50, 70%, 46%)`,
+
// primary_700: `hsl(50, 58%, 40%)`,
+
// primary_800: `hsl(50, 48%, 26%)`,
+
// primary_900: `hsl(50, 45%, 18%)`,
+
// primary_950: `hsl(50, 40%, 10%)`,
+
// primary_975: `hsl(50, 38%, 7%)`,
+
// positive_25: '#F3FCEB',
+
// positive_50: '#EAF9DA',
+
// positive_100: '#D6F4B3',
+
// positive_200: '#C0ED87',
+
// positive_300: '#A8E45A',
+
// positive_400: '#94D93B',
+
// positive_500: '#7FBE2E',
+
// positive_600: '#659C25',
+
// positive_700: '#517B1D',
+
// positive_800: '#405F17',
+
// positive_900: '#314812',
+
// positive_950: '#23350C',
+
// positive_975: '#1A2709',
+
// negative_25: '#FFF7EB',
+
// negative_50: '#FEEFE0',
+
// negative_100: '#FDE2C6',
+
// negative_200: '#FBCDA1',
+
// negative_300: '#F7AD68',
+
// negative_400: '#EF9140',
+
// negative_500: '#E0761F',
+
// negative_600: '#C06319',
+
// negative_700: '#995012',
+
// negative_800: '#75400E',
+
// negative_900: '#58300A',
+
// negative_950: '#3E2107',
+
// negative_975: '#2D1805',
+
// const YELLOW_THEMES = createThemes({
+
// defaultPalette: YELLOW_PALETTE,
+
// subduedPalette: YELLOW_SUBDUED_PALETTE,
+
// export const yellowscheme = {
+
// lightPalette: YELLOW_THEMES.light.palette,
+
// darkPalette: YELLOW_THEMES.dark.palette,
+
// dimPalette: YELLOW_THEMES.dim.palette,
+
// light: YELLOW_THEMES.light,
+
// dark: YELLOW_THEMES.dark,
+
// dim: YELLOW_THEMES.dim,
+
export const BLACKSKY_BRAND = {
+
/* Primary / “Indigo‑violet” */
+
primaryLight: '#6060E9',
+
primaryLightTint: '#EAEBFC',
+
primaryDark: '#8686FF',
+
primaryDarkTint: '#464985',
+
/* Accent / Lime‑green (“success”) */
+
secondaryTint: '#F1FECB',
+
/* Negative / Brand red */
+
const scaleLight = (idx: number) => BLACKSKY_dimScale[idx]
+
export const BLACKSKY_PALETTE: Palette = {
+
white: BLACKSKY_BRAND.white,
+
black: BLACKSKY_BRAND.black,
+
contrast_0: BLACKSKY_BRAND.white,
+
contrast_25: BLACKSKY_BRAND.white, // Very Light
+
contrast_50: '#F0F2F2',
+
contrast_100: '#E6E8E8',
+
contrast_200: '#D1D3D3',
+
contrast_300: '#B6B8B8',
+
contrast_400: '#9C9E9E',
+
contrast_500: '#818383',
+
contrast_600: '#6A6A6A',
+
contrast_700: '#4F5050',
+
contrast_800: '#353636',
+
contrast_900: '#1F2020',
+
contrast_950: '#121313',
+
contrast_975: '#0B0C0C',
+
contrast_1000: BLACKSKY_BRAND.black,
+
// primary (light scheme)
+
// Tuned to ensure _975 isn't too saturated so the inverted Dark Mode background is clean.
+
primary_25: BLACKSKY_BRAND.primaryLightTint,
+
primary_100: '#C6C8F5',
+
primary_200: '#B0B3F0',
+
primary_300: '#989CED',
+
primary_400: '#8286E7',
+
primary_500: BLACKSKY_BRAND.primaryLight,
+
primary_600: '#5252C3',
+
primary_700: '#4545A8',
+
primary_800: '#38388D',
+
primary_900: '#2B2B71',
+
primary_950: '#151540', // Deepened and desaturated slightly
+
primary_975: '#0B0B24', // Almost black-blue, ensures Dark Mode BG isn't "muddy blue"
+
positive_25: BLACKSKY_BRAND.secondaryTint,
+
positive_50: '#EAFDD1',
+
positive_100: '#DAFCAB',
+
positive_200: '#C8FC80',
+
positive_300: '#BBFB66',
+
positive_400: '#AEFA59',
+
positive_500: BLACKSKY_BRAND.secondary,
+
positive_600: '#A0EC46',
+
positive_700: '#82C838',
+
positive_800: '#66942A',
+
positive_900: '#4A601C',
+
positive_950: '#2E3B0E',
+
positive_975: '#181F07',
+
negative_25: '#FFE5EC',
+
negative_50: '#FFD9E3',
+
negative_100: '#FFC1D1',
+
negative_200: '#FF9AB3',
+
negative_300: '#FF7396',
+
negative_400: '#FF4B78',
+
negative_500: BLACKSKY_BRAND.negative,
+
negative_600: '#C00A32',
+
negative_700: '#920826',
+
negative_800: '#630619',
+
negative_900: '#35030D',
+
negative_950: '#1B0206',
+
negative_975: '#0E0103',
+
// The Subdued palette must be defined as a LIGHT palette.
+
// createThemes will then INVERT this to create the Dim (Dark Blue) theme.
+
// We map _25 to High Lightness and _975 to Low Lightness.
+
export const BLACKSKY_SUBDUED_PALETTE: Palette = {
+
// Override black to a softer twilight for the text in Light mode (optional)
+
// or primarily for the background color in the inverted Dim mode.
+
// Neutral / Contrast Scale (Blue-Tinted Grays)
+
// We utilize the dimScale in reverse: [14] is lightest, [1] is darkest.
+
contrast_25: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(14)}%)`, // Lightest
+
contrast_50: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(13)}%)`,
+
contrast_100: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(12)}%)`,
+
contrast_200: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(11)}%)`,
+
contrast_300: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(10)}%)`,
+
contrast_400: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(9)}%)`,
+
contrast_500: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(8)}%)`,
+
contrast_600: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(7)}%)`,
+
contrast_700: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(5)}%)`,
+
contrast_800: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(4)}%)`,
+
contrast_900: `hsl(${BLACKSKY_BLUE_HUE}, 24%, ${scaleLight(3)}%)`,
+
contrast_950: `hsl(${BLACKSKY_BLUE_HUE}, 28%, ${scaleLight(2)}%)`,
+
contrast_975: `hsl(${BLACKSKY_BLUE_HUE}, 30%, ${scaleLight(1)}%)`, // Darkest
+
contrast_1000: `hsl(${BLACKSKY_BLUE_HUE}, 30%, 8%)`, // Absolute Darkest
+
// Less saturation than the main palette to fit the "Subdued" vibe
+
primary_25: `hsl(240, 60%, 97%)`,
+
primary_50: `hsl(240, 60%, 95%)`,
+
primary_100: `hsl(240, 55%, 90%)`,
+
primary_200: `hsl(240, 50%, 80%)`,
+
primary_300: `hsl(240, 45%, 70%)`,
+
primary_400: `hsl(240, 40%, 60%)`,
+
primary_500: `hsl(240, 35%, 50%)`, // Midpoint
+
primary_600: `hsl(240, 40%, 45%)`,
+
primary_700: `hsl(240, 45%, 35%)`,
+
primary_800: `hsl(240, 50%, 25%)`,
+
primary_900: `hsl(240, 50%, 15%)`,
+
primary_950: `hsl(240, 50%, 10%)`,
+
primary_975: `hsl(240, 50%, 6%)`,
+
positive_25: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 96%)`,
+
positive_50: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 93%)`,
+
positive_100: `hsl(${BLACKSKY_GREEN_HUE}, 55%, 88%)`,
+
positive_200: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 80%)`,
+
positive_300: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 70%)`,
+
positive_400: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 60%)`,
+
positive_500: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 50%)`,
+
positive_600: `hsl(${BLACKSKY_GREEN_HUE}, 55%, 40%)`,
+
positive_700: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 30%)`,
+
positive_800: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 20%)`,
+
positive_900: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 15%)`,
+
positive_950: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 10%)`,
+
positive_975: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 5%)`,
+
negative_25: `hsl(${BLACKSKY_RED_HUE}, 70%, 97%)`,
+
negative_50: `hsl(${BLACKSKY_RED_HUE}, 70%, 95%)`,
+
negative_100: `hsl(${BLACKSKY_RED_HUE}, 65%, 90%)`,
+
negative_200: `hsl(${BLACKSKY_RED_HUE}, 60%, 80%)`,
+
negative_300: `hsl(${BLACKSKY_RED_HUE}, 55%, 70%)`,
+
negative_400: `hsl(${BLACKSKY_RED_HUE}, 55%, 60%)`,
+
negative_500: `hsl(${BLACKSKY_RED_HUE}, 60%, 50%)`,
+
negative_600: `hsl(${BLACKSKY_RED_HUE}, 60%, 45%)`,
+
negative_700: `hsl(${BLACKSKY_RED_HUE}, 65%, 35%)`,
+
negative_800: `hsl(${BLACKSKY_RED_HUE}, 65%, 25%)`,
+
negative_900: `hsl(${BLACKSKY_RED_HUE}, 70%, 15%)`,
+
negative_950: `hsl(${BLACKSKY_RED_HUE}, 70%, 10%)`,
+
negative_975: `hsl(${BLACKSKY_RED_HUE}, 70%, 5%)`,
+
const BLACKSKY_THEMES = createThemes({
+
defaultPalette: BLACKSKY_PALETTE,
+
subduedPalette: BLACKSKY_SUBDUED_PALETTE,
+
export const blackskyscheme = {
+
lightPalette: BLACKSKY_THEMES.light.palette,
+
darkPalette: BLACKSKY_THEMES.dark.palette,
+
dimPalette: BLACKSKY_THEMES.dim.palette,
+
light: BLACKSKY_THEMES.light,
+
dark: BLACKSKY_THEMES.dark,
+
dim: BLACKSKY_THEMES.dim,
+
export const BLUESKY_PALETTE: Palette = {
+
contrast_25: '#F9FAFB',
+
contrast_50: '#EFF2F6',
+
contrast_100: '#DCE2EA',
+
contrast_200: '#C0CAD8',
+
contrast_300: '#A5B2C5',
+
contrast_400: '#8798B0',
+
contrast_500: '#667B99',
+
contrast_600: '#526580',
+
contrast_700: '#405168',
+
contrast_800: '#313F54',
+
contrast_900: '#232E3E',
+
contrast_950: '#19222E',
+
contrast_975: '#111822',
+
contrast_1000: '#000000',
+
primary_100: '#CCE1FF',
+
primary_200: '#A8CCFF',
+
primary_300: '#75AFFF',
+
primary_400: '#4291FF',
+
primary_500: '#006AFF',
+
primary_600: '#0059D6',
+
primary_700: '#0048AD',
+
primary_800: '#00398A',
+
primary_900: '#002861',
+
primary_950: '#001E47',
+
primary_975: '#001533',
+
positive_25: '#ECFEF5',
+
positive_50: '#D3FDE8',
+
positive_100: '#A3FACF',
+
positive_200: '#6AF6B0',
+
positive_300: '#2CF28F',
+
positive_400: '#0DD370',
+
positive_500: '#09B35E',
+
positive_600: '#04904A',
+
positive_700: '#036D38',
+
positive_800: '#04522B',
+
positive_900: '#033F21',
+
positive_950: '#032A17',
+
positive_975: '#021D0F',
+
negative_25: '#FFF5F7',
+
negative_50: '#FEE7EC',
+
negative_100: '#FDD3DD',
+
negative_200: '#FBBBCA',
+
negative_300: '#F891A9',
+
negative_400: '#F65A7F',
+
negative_500: '#E91646',
+
negative_600: '#CA123D',
+
negative_700: '#A71134',
+
negative_800: '#7F0B26',
+
negative_900: '#5F071C',
+
negative_950: '#430413',
+
negative_975: '#30030D',
+
export const BLUESKY_SUBDUED_PALETTE: Palette = {
+
contrast_25: '#F9FAFB',
+
contrast_50: '#F2F4F8',
+
contrast_100: '#E2E7EE',
+
contrast_200: '#C3CDDA',
+
contrast_300: '#ABB8C9',
+
contrast_400: '#8D9DB4',
+
contrast_500: '#6F839F',
+
contrast_600: '#586C89',
+
contrast_700: '#485B75',
+
contrast_800: '#394960',
+
contrast_900: '#2C3A4E',
+
contrast_950: '#222E3F',
+
contrast_975: '#1C2736',
+
contrast_1000: '#151D28',
+
primary_100: '#D6E7FF',
+
primary_200: '#ADCFFF',
+
primary_300: '#80B5FF',
+
primary_400: '#4D97FF',
+
primary_500: '#0F73FF',
+
primary_600: '#0661E0',
+
primary_700: '#0A52B8',
+
primary_800: '#0E4490',
+
primary_900: '#123464',
+
primary_950: '#122949',
+
primary_975: '#122136',
+
positive_25: '#ECFEF5',
+
positive_50: '#D8FDEB',
+
positive_100: '#A8FAD1',
+
positive_200: '#6FF6B3',
+
positive_300: '#31F291',
+
positive_400: '#0EDD75',
+
positive_500: '#0AC266',
+
positive_600: '#049F52',
+
positive_700: '#038142',
+
positive_800: '#056636',
+
positive_900: '#04522B',
+
positive_950: '#053D21',
+
positive_975: '#052917',
+
negative_25: '#FFF5F7',
+
negative_50: '#FEEBEF',
+
negative_100: '#FDD8E1',
+
negative_200: '#FCC0CE',
+
negative_300: '#F99AB0',
+
negative_400: '#F76486',
+
negative_500: '#EB2452',
+
negative_600: '#D81341',
+
negative_700: '#BA1239',
+
negative_800: '#910D2C',
+
negative_900: '#6F0B22',
+
negative_950: '#500B1C',
+
negative_975: '#3E0915',
+
const BLUESKY_THEMES = createThemes({
+
defaultPalette: BLUESKY_PALETTE,
+
subduedPalette: BLUESKY_SUBDUED_PALETTE,
+
export const blueskyscheme = {
+
lightPalette: BLUESKY_THEMES.light.palette,
+
darkPalette: BLUESKY_THEMES.dark.palette,
+
dimPalette: BLUESKY_THEMES.dim.palette,
+
light: BLUESKY_THEMES.light,
+
dark: BLUESKY_THEMES.dark,
+
dim: BLUESKY_THEMES.dim,
+
export const DEER_PALETTE: Palette = {
+
white: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
+
contrast_0: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
+
contrast_25: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[13]}%)`,
+
contrast_50: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[12]}%)`,
+
contrast_100: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[11]}%)`,
+
contrast_200: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[10]}%)`,
+
contrast_300: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[9]}%)`,
+
contrast_400: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[8]}%)`,
+
contrast_500: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[7]}%)`,
+
contrast_600: `hsl(${DEER_BLUE_HUE}, 24%, ${DEER_defaultScale[6]}%)`,
+
contrast_700: `hsl(${DEER_BLUE_HUE}, 24%, ${DEER_defaultScale[5]}%)`,
+
contrast_800: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[4]}%)`,
+
contrast_900: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[3]}%)`,
+
contrast_950: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[2]}%)`,
+
contrast_975: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[1]}%)`,
+
contrast_1000: '#000000',
+
primary_25: `hsl(145, 30%, 97%)`,
+
primary_50: `hsl(145, 30%, 95%)`,
+
primary_100: `hsl(145, 30%, 90%)`,
+
primary_200: `hsl(145, 32%, 80%)`,
+
primary_300: `hsl(145, 34%, 70%)`,
+
primary_400: `hsl(145, 35%, 58%)`,
+
primary_500: `hsl(145, 35%, 45%)`,
+
primary_600: `hsl(145, 38%, 38%)`,
+
primary_700: `hsl(145, 40%, 32%)`,
+
primary_800: `hsl(145, 42%, 25%)`,
+
primary_900: `hsl(145, 45%, 18%)`,
+
primary_950: `hsl(145, 48%, 10%)`,
+
primary_975: `hsl(145, 50%, 7%)`,
+
positive_25: `hsl(${DEER_GREEN_HUE}, 82%, 97%)`,
+
positive_50: `hsl(${DEER_GREEN_HUE}, 82%, 95%)`,
+
positive_100: `hsl(${DEER_GREEN_HUE}, 82%, 90%)`,
+
positive_200: `hsl(${DEER_GREEN_HUE}, 82%, 80%)`,
+
positive_300: `hsl(${DEER_GREEN_HUE}, 82%, 70%)`,
+
positive_400: `hsl(${DEER_GREEN_HUE}, 82%, 60%)`,
+
positive_500: `hsl(${DEER_GREEN_HUE}, 82%, 50%)`,
+
positive_600: `hsl(${DEER_GREEN_HUE}, 82%, 42%)`,
+
positive_700: `hsl(${DEER_GREEN_HUE}, 82%, 34%)`,
+
positive_800: `hsl(${DEER_GREEN_HUE}, 82%, 26%)`,
+
positive_900: `hsl(${DEER_GREEN_HUE}, 82%, 18%)`,
+
positive_950: `hsl(${DEER_GREEN_HUE}, 82%, 10%)`,
+
positive_975: `hsl(${DEER_GREEN_HUE}, 82%, 7%)`,
+
negative_25: `hsl(${DEER_RED_HUE}, 91%, 97%)`,
+
negative_50: `hsl(${DEER_RED_HUE}, 91%, 95%)`,
+
negative_100: `hsl(${DEER_RED_HUE}, 91%, 90%)`,
+
negative_200: `hsl(${DEER_RED_HUE}, 91%, 80%)`,
+
negative_300: `hsl(${DEER_RED_HUE}, 91%, 70%)`,
+
negative_400: `hsl(${DEER_RED_HUE}, 91%, 60%)`,
+
negative_500: `hsl(${DEER_RED_HUE}, 91%, 50%)`,
+
negative_600: `hsl(${DEER_RED_HUE}, 91%, 42%)`,
+
negative_700: `hsl(${DEER_RED_HUE}, 91%, 34%)`,
+
negative_800: `hsl(${DEER_RED_HUE}, 91%, 26%)`,
+
negative_900: `hsl(${DEER_RED_HUE}, 91%, 18%)`,
+
negative_950: `hsl(${DEER_RED_HUE}, 91%, 10%)`,
+
negative_975: `hsl(${DEER_RED_HUE}, 91%, 7%)`,
+
export const DEER_SUBDUED_PALETTE: Palette = {
+
primary_25: `hsl(140, 15%, 97%)`,
+
primary_50: `hsl(140, 18%, 95%)`,
+
primary_100: `hsl(140, 22%, 90%)`,
+
primary_200: `hsl(140, 25%, 80%)`,
+
primary_300: `hsl(140, 28%, 70%)`,
+
primary_400: `hsl(140, 32%, 58%)`,
+
primary_500: `hsl(140, 35%, 45%)`,
+
primary_600: `hsl(140, 38%, 38%)`,
+
primary_700: `hsl(140, 42%, 32%)`,
+
primary_800: `hsl(140, 45%, 25%)`,
+
primary_900: `hsl(140, 48%, 18%)`,
+
primary_950: `hsl(140, 50%, 10%)`,
+
primary_975: `hsl(140, 55%, 7%)`,
+
contrast_1000: '#151D28',
+
const DEER_THEMES = createThemes({
+
defaultPalette: DEER_PALETTE,
+
subduedPalette: DEER_SUBDUED_PALETTE,
+
export const deerscheme = {
+
lightPalette: DEER_THEMES.light.palette,
+
darkPalette: DEER_THEMES.dark.palette,
+
dimPalette: DEER_THEMES.dim.palette,
+
light: DEER_THEMES.light,
+
dark: DEER_THEMES.dark,
+
export const ZEPPELIN_PALETTE: Palette = {
+
white: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
+
black: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
+
contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
+
contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[13]}%)`,
+
contrast_50: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[12]}%)`,
+
contrast_100: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[11]}%)`,
+
contrast_200: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[10]}%)`,
+
contrast_300: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[9]}%)`,
+
contrast_400: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[8]}%)`,
+
contrast_500: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[7]}%)`,
+
contrast_600: `hsl(${ZEPPELIN_BLUE_HUE}, 19%, ${ZEPPELIN_defaultScale[6]}%)`,
+
contrast_700: `hsl(${ZEPPELIN_BLUE_HUE}, 19%, ${ZEPPELIN_defaultScale[5]}%)`,
+
contrast_800: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[4]}%)`,
+
contrast_900: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[3]}%)`,
+
contrast_950: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[2]}%)`,
+
contrast_975: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[1]}%)`,
+
contrast_1000: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
+
primary_25: `hsl(47, 80%, 89%)`,
+
primary_50: `hsl(47, 80%, 87%)`,
+
primary_100: `hsl(47, 80%, 82%)`,
+
primary_200: `hsl(47, 72%, 72%)`,
+
primary_300: `hsl(47, 74%, 62%)`,
+
primary_400: `hsl(47, 75%, 50%)`,
+
primary_500: `hsl(47, 75%, 37%)`,
+
primary_600: `hsl(47, 78%, 30%)`,
+
primary_700: `hsl(47, 80%, 24%)`,
+
primary_800: `hsl(47, 82%, 17%)`,
+
primary_900: `hsl(47, 85%, 12%)`,
+
primary_950: `hsl(47, 88%, 5%)`,
+
primary_975: `hsl(47, 90%, 2%)`,
+
positive_25: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 97%)`,
+
positive_50: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 95%)`,
+
positive_100: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 90%)`,
+
positive_200: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 80%)`,
+
positive_300: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 70%)`,
+
positive_400: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 60%)`,
+
positive_500: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 50%)`,
+
positive_600: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 42%)`,
+
positive_700: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 34%)`,
+
positive_800: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 26%)`,
+
positive_900: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 18%)`,
+
positive_950: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 10%)`,
+
positive_975: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 7%)`,
+
negative_25: `hsl(${ZEPPELIN_RED_HUE}, 91%, 97%)`,
+
negative_50: `hsl(${ZEPPELIN_RED_HUE}, 91%, 95%)`,
+
negative_100: `hsl(${ZEPPELIN_RED_HUE}, 91%, 90%)`,
+
negative_200: `hsl(${ZEPPELIN_RED_HUE}, 91%, 80%)`,
+
negative_300: `hsl(${ZEPPELIN_RED_HUE}, 91%, 70%)`,
+
negative_400: `hsl(${ZEPPELIN_RED_HUE}, 91%, 60%)`,
+
negative_500: `hsl(${ZEPPELIN_RED_HUE}, 91%, 50%)`,
+
negative_600: `hsl(${ZEPPELIN_RED_HUE}, 91%, 42%)`,
+
negative_700: `hsl(${ZEPPELIN_RED_HUE}, 91%, 34%)`,
+
negative_800: `hsl(${ZEPPELIN_RED_HUE}, 91%, 26%)`,
+
negative_900: `hsl(${ZEPPELIN_RED_HUE}, 91%, 18%)`,
+
negative_950: `hsl(${ZEPPELIN_RED_HUE}, 91%, 10%)`,
+
negative_975: `hsl(${ZEPPELIN_RED_HUE}, 91%, 7%)`,
+
export const ZEPPELIN_SUBDUED_PALETTE: Palette = {
+
black: `hsl(${ZEPPELIN_BLUE_HUE}, 3%, ${ZEPPELIN_dimScale[0]}%)`,
+
contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[14]}%)`,
+
contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[13]}%)`,
+
contrast_50: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[12]}%)`,
+
contrast_100: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[11]}%)`,
+
contrast_200: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[10]}%)`,
+
contrast_300: `hsl(${ZEPPELIN_BLUE_HUE}, 16%, ${ZEPPELIN_dimScale[9]}%)`,
+
contrast_400: `hsl(${ZEPPELIN_BLUE_HUE}, 16%, ${ZEPPELIN_dimScale[8]}%)`,
+
contrast_500: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[7]}%)`,
+
contrast_600: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[6]}%)`,
+
contrast_700: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[5]}%)`,
+
contrast_800: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[4]}%)`,
+
contrast_900: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[3]}%)`,
+
contrast_950: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[2]}%)`,
+
contrast_975: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[1]}%)`,
+
contrast_1000: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[0]}%)`,
+
primary_25: `hsl(47, 60%, 97%)`,
+
primary_50: `hsl(47, 63%, 94%)`,
+
primary_100: `hsl(47, 65%, 88%)`,
+
primary_200: `hsl(47, 70%, 78%)`,
+
primary_300: `hsl(47, 73%, 68%)`,
+
primary_400: `hsl(47, 77%, 58%)`,
+
primary_500: `hsl(47, 80%, 45%)`,
+
primary_600: `hsl(47, 83%, 38%)`,
+
primary_700: `hsl(47, 87%, 30%)`,
+
primary_800: `hsl(47, 90%, 25%)`,
+
primary_900: `hsl(47, 93%, 18%)`,
+
primary_950: `hsl(47, 95%, 10%)`,
+
primary_975: `hsl(47, 98%, 7%)`,
+
const ZEPPELIN_THEMES = createThemes({
+
defaultPalette: ZEPPELIN_PALETTE,
+
subduedPalette: ZEPPELIN_SUBDUED_PALETTE,
+
export const zeppelinscheme = {
+
lightPalette: ZEPPELIN_THEMES.light.palette,
+
darkPalette: ZEPPELIN_THEMES.dark.palette,
+
dimPalette: ZEPPELIN_THEMES.dim.palette,
+
light: ZEPPELIN_THEMES.light,
+
dark: ZEPPELIN_THEMES.dark,
+
dim: ZEPPELIN_THEMES.dim,
* @deprecated use ALF and access palette from `useTheme()`
whey.party
targeting
main