fg.ts•1.63 kB
export const fg = {
// Main surfaces
default: {
value: {
_osLight: "{colors.neutral.light.12}",
_osDark: "{colors.neutral.dark.12}",
},
},
subtle: {
value: {
_osLight: "{colors.neutral.light.11}",
_osDark: "{colors.neutral.dark.11}",
},
},
muted: {
value: {
_osLight: "{colors.neutral.light.10}",
_osDark: "{colors.neutral.dark.10}",
},
},
// Contextual colours for states etc.
selected: {
value: {
_osLight: "{colors.accent.light.8}",
_osDark: "{colors.accent.light.5}",
},
},
emphasized: {
value: {
_osLight: "{colors.accent.light.9}",
_osDark: "{colors.accent.light.3}",
},
},
disabled: {
value: {
_osLight: "{colors.neutral.light.8}",
_osDark: "{colors.neutral.dark.11}",
},
},
// Contextual colours for alerts, badges, etc.
destructive: {
value: {
_osLight: "{colors.tomato.light.11}",
_osDark: "{colors.tomato.dark.11}",
},
},
success: {
value: {
_osLight: "{colors.green.light.11}",
_osDark: "{colors.green.dark.11}",
},
},
warning: {
value: {
_osLight: "{colors.amber.light.11}",
_osDark: "{colors.amber.dark.11}",
},
},
error: {
value: {
_osLight: "{colors.tomato.light.11}",
_osDark: "{colors.tomato.dark.11}",
},
},
info: {
value: {
_osLight: "{colors.blue.light.11}",
_osDark: "{colors.blue.dark.11}",
},
},
accent: {
value: {
_osLight: "{colors.accent.light.text.6}",
_osDark: "{colors.accent.dark.text.6}",
},
},
};