Skip to content

Dark Mode Implementation #1

@desktopofsamuel

Description

@desktopofsamuel

I'm trying to use StitchesJS for a new project, however, I have only managed to create a dark theme, there isn't much documentation on applying Dark Mode globally. May I suggest a tutorial on creating Dark Mode with Stitches? or is there any resources that I can refer to?

  • Do I have to create a theme provider by myself if I'm not using any existing theme?
  • How can I link the theme class name with package like use-dark-mode?

I have managed to create a dark theme that uses the same dark-mode class, but I don't know how to proceed afterward.

export const dark = theme('dark-mode', {
  colors: {
    primary: '$red500',
    secondary: '$blue700',
  },
  space: {},
  fonts: {},
});


Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions