is there a way to configure color of embedding view dots?

[dtunikov]

We use embedding-atlas and would like to configure our company colors.
We managed to configure almost all colors via css props.
Except for embedding view points colors..
Any idea how we can do that?

[dtunikov]

an example of configuration we use now
// xxx theme stylesheet for EmbeddingAtlas
const xxxStylesheet = `
:host {
/* Primary colors - xxx orange */
--color-orange-500: ${xxxTheme.colors.primary.main};
--color-orange-700: ${xxxTheme.colors.primary.dark};

/* Blue colors - Use xxx orange as accent instead of blue */
--color-blue-100: ${xxxTheme.colors.primary.lighter};
--color-blue-200: ${xxxTheme.colors.primary.light};
--color-blue-400: ${xxxTheme.colors.primary.main};
--color-blue-500: ${xxxTheme.colors.primary.main};
--color-blue-600: ${xxxTheme.colors.primary.dark};
--color-blue-800: ${xxxTheme.colors.primary.dark};
--color-blue-900: ${xxxTheme.colors.primary.dark};
--color-blue-950: ${xxxTheme.colors.primary.dark};

/* Gray colors - xxx secondary */
--color-gray-100: ${xxxTheme.colors.tertiary.whiteDarken};
--color-gray-200: ${xxxTheme.colors.lightGrey3};
--color-gray-300: ${xxxTheme.colors.secondary.lighter};
--color-gray-400: ${xxxTheme.colors.secondary.light};
--color-gray-500: ${xxxTheme.colors.text.main};
--color-gray-600: ${xxxTheme.colors.secondary.main};
--color-gray-700: ${xxxTheme.colors.secondary.dark};
--color-gray-800: ${xxxTheme.colors.text.dark};

/* Slate colors - xxx secondary */
--color-slate-50: ${xxxTheme.colors.tertiary.whiteDarken};
--color-slate-100: ${xxxTheme.colors.lightGrey3};
--color-slate-200: ${xxxTheme.colors.secondary.lightest};
--color-slate-300: ${xxxTheme.colors.secondary.lighter};
--color-slate-400: ${xxxTheme.colors.secondary.light};
--color-slate-500: ${xxxTheme.colors.text.main};
--color-slate-600: ${xxxTheme.colors.secondary.main};
--color-slate-700: ${xxxTheme.colors.secondary.dark};
--color-slate-800: ${xxxTheme.colors.text.dark};
--color-slate-900: ${xxxTheme.colors.text.dark};
--color-slate-950: ${xxxTheme.colors.text.dark};

/* Red colors - xxx red */
--color-red-400: ${xxxTheme.colors.red.light};
--color-red-600: ${xxxTheme.colors.red.main};

/* Semantic colors */
--color-white: ${xxxTheme.colors.white};
--color-black: ${xxxTheme.colors.black};

/* Default theme variables */
--default-primary-bg: ${xxxTheme.colors.white};
--default-secondary-bg: ${xxxTheme.colors.tertiary.whiteDarken};
--default-tertiary-bg: ${xxxTheme.colors.lightGrey3};
--default-primary-text-color: ${xxxTheme.colors.text.dark};
--default-secondary-text-color: ${xxxTheme.colors.text.main};
--default-tertiary-text-color: ${xxxTheme.colors.text.light};
--default-hover-bg: ${xxxTheme.colors.bgHover};
--default-outline-color: ${xxxTheme.colors.primary.main};
--default-row-hover-color: ${xxxTheme.colors.bgActive};
--default-row-scroll-to-color: ${xxxTheme.colors.primary.lighter};

/* Font settings */
--default-font-family: ${xxxTheme.fonts.dmSans};
--font-sans: ${xxxTheme.fonts.dmSans};

}
`;

[dtunikov]

potential root cause: "Currently chartTheme.categoryColors only affects the bar charts, but the embedding view still uses the hardcoded D3 Category10 colors from defaultCategoryColors(). Should chartTheme.categoryColors also apply to the embedding view's point colors?"