@formant/ava-react
Version:
React components of AVA.
351 lines (350 loc) • 9.11 kB
JavaScript
export var DEFAULT_THEME_COLORS = {
// Background colors
"--color-background-primary": {
displayName: "Background Primary",
defaultValue: "#2d3855",
defaultLightValue: "#cac8c5"
},
"--color-background-secondary": {
displayName: "Background Secondary",
defaultValue: "#282f45",
defaultLightValue: "#dad7d4"
},
"--color-background-tertiary": {
displayName: "Background Tertiary",
defaultValue: "#1c1e2d",
defaultLightValue: "#e6e4e2"
},
"--color-background-surface": {
displayName: "Background Surface",
defaultValue: "#000000",
defaultLightValue: "#ffffff"
},
"--color-background-active": {
displayName: "Background Active",
defaultValue: "#3b4668",
defaultLightValue: "#aca7a1"
},
"--color-background-active2": {
displayName: "Background Active 2",
defaultValue: "#657197",
defaultLightValue: "#817e7c"
},
"--color-background-header-module": {
displayName: "Background Header Module",
defaultValue: "#1c1e2d",
defaultLightValue: "#e6e4e2"
},
"--color-background-header-module-active": {
displayName: "Background Header Module Active",
defaultValue: "#657197",
defaultLightValue: "#817e7c"
},
"--color-background-header-table": {
displayName: "Background Header Table",
defaultValue: "#2d3855",
defaultLightValue: "#cac8c5"
},
// Text colors
"--color-text-primary": {
displayName: "Text Primary",
defaultValue: "#ffffff",
defaultLightValue: "#000000"
},
"--color-text-secondary": {
displayName: "Text Secondary",
defaultValue: "#bac4e2",
defaultLightValue: "#4b4948"
},
"--color-text-tertiary": {
displayName: "Text Tertiary",
defaultValue: "#657197",
defaultLightValue: "#817e7c"
},
"--color-text-muted": {
displayName: "Text Muted",
defaultValue: "#2d3855",
defaultLightValue: "#cac8c5"
},
"--color-text-inverse": {
displayName: "Text Inverse",
defaultValue: "#000000",
defaultLightValue: "#ffffff"
},
"--color-text-header-module": {
displayName: "Text Header Module",
defaultValue: "#ffffff",
defaultLightValue: "#000000"
},
"--color-text-header-table": {
displayName: "Text Header Table",
defaultValue: "#dad7d4",
defaultLightValue: "#000000"
},
// Border colors
"--color-border-primary": {
displayName: "Border Primary",
defaultValue: "#1c1e2d",
defaultLightValue: "#e6e4e2"
},
"--color-border-secondary": {
displayName: "Border Secondary",
defaultValue: "#3b4668",
defaultLightValue: "#aca7a1"
},
"--color-border-tertiary": {
displayName: "Border Tertiary",
defaultValue: "#282f45",
defaultLightValue: "#dad7d4"
},
"--color-border-active": {
displayName: "Border Active",
defaultValue: "#18d2ff",
defaultLightValue: "#2e79be"
},
"--color-border-current": {
displayName: "Border Current",
defaultValue: "#ffffff",
defaultLightValue: "#000000"
},
// Action colors
"--color-action-primary": {
displayName: "Action Primary",
defaultValue: "#18d2ff",
defaultLightValue: "#2e79be"
},
"--color-action-secondary": {
displayName: "Action Secondary",
defaultValue: "#bac4e2",
defaultLightValue: "#4b4948"
},
"--color-action-tertiary": {
displayName: "Action Tertiary",
defaultValue: "#3b4668",
defaultLightValue: "#aca7a1"
},
"--color-action-quaternary": {
displayName: "Action Quaternary",
defaultValue: "#2d3855",
defaultLightValue: "#cac8c5"
},
"--color-action-destructive": {
displayName: "Action Destructive",
defaultValue: "#ea719d",
defaultLightValue: "#df5285"
},
// Status colors
"--color-status-active": {
displayName: "Status Active",
defaultValue: "#18d2ff",
defaultLightValue: "#000000"
},
"--color-status-inactive": {
displayName: "Status Inactive",
defaultValue: "#bac4e2",
defaultLightValue: "#4b4948"
},
"--color-status-error": {
displayName: "Status Error",
defaultValue: "#ea719d",
defaultLightValue: "#df5285"
},
// Severity colors
"--color-severity-open": {
displayName: "Severity Open",
defaultValue: "#2ec495",
defaultLightValue: "#3eb28e"
},
"--color-severity-info": {
displayName: "Severity Info",
defaultValue: "#20a0ff",
defaultLightValue: "#0d8dec"
},
"--color-severity-warning": {
displayName: "Severity Warning",
defaultValue: "#a961e4",
defaultLightValue: "#9f43eb"
},
"--color-severity-error": {
displayName: "Severity Error",
defaultValue: "#f89973",
defaultLightValue: "#ee845a"
},
"--color-severity-critical": {
displayName: "Severity Critical",
defaultValue: "#ea719d",
defaultLightValue: "#df5285"
},
// Node variables
"--node-top-typeA": {
displayName: "Node Top Type A",
defaultValue: "#564a94",
defaultLightValue: "#e7a88c"
},
"--node-bottom-typeA": {
displayName: "Node Bottom Type A",
defaultValue: "#a960e4",
defaultLightValue: "#ffe3d7"
},
"--node-top-typeB": {
displayName: "Node Top Type B",
defaultValue: "#256faf",
defaultLightValue: "#ad8ad0"
},
"--node-bottom-typeB": {
displayName: "Node Bottom Type B",
defaultValue: "#1fa0ff",
defaultLightValue: "#ead6fd"
},
"--node-top-typeC": {
displayName: "Node Top Type C",
defaultValue: "#2d3855",
defaultLightValue: "#829ef3"
},
"--node-bottom-typeC": {
displayName: "Node Bottom Type C",
defaultValue: "#3b4668",
defaultLightValue: "#dee1ea"
},
"--node-top-typeD": {
displayName: "Node Top Type D",
defaultValue: "#94645f",
defaultLightValue: "#7dcbc8"
},
"--node-bottom-typeD": {
displayName: "Node Bottom Type D",
defaultValue: "#b07d76",
defaultLightValue: "#e8fffe"
},
"--node-header-text": {
displayName: "Header Text",
defaultValue: "#ffffff",
defaultLightValue: "#282F45"
},
"--node-pins": {
displayName: "Pins",
defaultValue: "#657197",
defaultLightValue: "#657197"
},
"--node-ai-icons": {
displayName: "AI Icons",
defaultValue: "#692EA4",
defaultLightValue: "#692EA4"
},
"--node-body-text": {
displayName: "Body Text",
defaultValue: "#ffffff",
defaultLightValue: "#3B4668"
},
"--node-wire-control-flow": {
displayName: "Control Flow",
defaultValue: "#FFC45E",
defaultLightValue: "#FFC45E"
},
"--node-wire-ai-flow": {
displayName: "AI Flow",
defaultValue: "#692EA4",
defaultLightValue: "#692EA4"
},
"--node-wire-data-flow": {
displayName: "Data Flow",
defaultValue: "#6E7EB0",
defaultLightValue: "#6E7EB0"
},
// "--node-wire-default-flow": {
// displayName: "Default Flow",
// defaultValue: "#5E6374",
// defaultLightValue: "#5E6374",
// },
// V1 Colors
"--formant-dark-02": {
displayName: "Dark 02",
defaultValue: "#171824",
defaultLightValue: "#f2efeb"
},
"--formant-black": {
displayName: "Black",
defaultValue: "#000000",
defaultLightValue: "#ffffff"
},
"--formant-flagship": {
displayName: "Flagship",
defaultValue: "#1c1e2d",
defaultLightValue: "#e6e4e2"
},
"--formant-steel-02": {
displayName: "Steel 02",
defaultValue: "#3b4668",
defaultLightValue: "#aca7a1"
},
"--formant-primary-module": {
displayName: "Primary Module",
defaultValue: "#2d3855",
defaultLightValue: "#cac8c5"
},
"--formant-highlights-blue": {
displayName: "Highlights Blue",
defaultValue: "#18d2ff",
defaultLightValue: "#20a0ff"
},
"--formant-white": {
displayName: "White",
defaultValue: "#ffffff",
defaultLightValue: "#000000"
},
"--formant-silver": {
displayName: "Silver",
defaultValue: "#bac4e2",
defaultLightValue: "#4b4948"
},
"--formant-steel-01": {
displayName: "Steel 01",
defaultValue: "#282f45",
defaultLightValue: "#dad7d4"
},
"--formant-steel-03": {
displayName: "Steel 03",
defaultValue: "#657197",
defaultLightValue: "#817e7c"
},
"--formant-dark": {
displayName: "Dark",
defaultValue: "#0a0b10",
defaultLightValue: "#ffffff"
},
"--formant-data-royal-blue": {
displayName: "Data Royal Blue",
defaultValue: "#20a0ff",
defaultLightValue: "#20a0ff"
},
"--formant-data-purple": {
displayName: "Data Purple",
defaultValue: "#a961e4",
defaultLightValue: "#a961e4"
},
"--formant-data-red": {
displayName: "Data Red",
defaultValue: "#ea719d",
defaultLightValue: "#ea719d"
},
"--formant-data-orange": {
displayName: "Data Orange",
defaultValue: "#f89973",
defaultLightValue: "#f89973"
},
"--formant-data-yellow": {
displayName: "Data Yellow",
defaultValue: "#f9c36e",
defaultLightValue: "#f9c36e"
},
"--formant-data-green": {
displayName: "Data Green",
defaultValue: "#2ec495",
defaultLightValue: "#2ec495"
},
"--formant-background": {
displayName: "Background",
defaultValue: "#1d1f2e",
defaultLightValue: "#1d1f2e"
}
};