Custom theme

[hyojin]

Hi, thank you for sharing this cool project!

I'm considering using this framework for my project, and definitely customization is required. Is there any update on custom themes?

If there is no plan yet, I'd like to suggest making the sass variables customizable until then. https://github.com/hyojin/svelteit/commit/e118c83b3c3edb0ad8a37a4ab1537d086aacdbf9

[erictherobot]

@hyojin great question and thanks for using Svelteit. There's a new update coming in a few weeks that will allow custom theming like this:

const customTheme = {
  ...theme,
  colors: {
    ...theme.colors,
    brand: {
      900: "#1a365d",
      800: "#153e75",
      700: "#2a69ac",
    },
  },
};

Then in the main app entry you could do something like this:

<ThemeProvider theme={customTheme}>{props.children}</ThemeProvider>;

This way, the theme will get passed down to the child components and will add more flexibility. Overall it will be much easier to swap out themes (dark & light mode, etc).

Also there's some new and exciting updates coming from Svelte https://www.youtube.com/watch?v=qSfdtmcZ4d0 which will influence this project's future.

Please let me know if you have any questions. Thanks again!

[hyojin]

Hi @erictherobot Looks great and thank you for sharing the update! Looking forward to it 👍