Customize style of shiny app module gallery

[milen-sage]

@rchai has demonstrated how to apply consistent styles across a collection of shiny modules. Let's have the shiny module gallery have a similar customization option.

[rrchai]

here is the dcamodules.

Note
There is a bug about saving theme_config.rds has not been fixed.

[andrewelamb]

Thanks @rrchai. I thought this was going to be it's own library?

[andrewelamb]

@rrchai What is the name of the module I want to use?

[rrchai]

@andrewelamb Sorry for the confusion. The styling feature is only a function as part of the dcamodules library for now, i.e put use_dca(theme="sage") in the dashboardBody.

I could make the styling function as a separated package if it's our priority, but would need more time - probably not until next sprint. We might need to think about what the stylings we would need to enable customization for multi-tenant apps.

Alternatively, we could use an existing function - fresh and I could build on the top of fresh to create more customizable stylings if needed.

[andrewelamb]

@rrchai It's ok for now.

What options are currently available for the theme argument?

[rrchai]

For now, it has three predefined themes, c(default", "sage", "htan").

There are also variables listed in this doc available for you to customize:

custom_theme <- list(
    "primary" = "blue",
    "accent" = "red",
    "dark" = NULL,
    "light" = NULL,
    "success" = NULL,
    "info" = NULL,
    "warning" = NULL,
    "danger" = NULL,
    "white" = NULL,
    "black" = NULL,
    "font" = NULL,
    "link-font-cl" = NULL,
    "content-bg-cl" = NULL,
    "content-font-cl" = NULL,
    "header-bg-cl" = NULL,
    "header-font-cl" = NULL,
    "sidebar-bg-cl" = NULL,
    "sidebar-font-cl" = NULL,
    "sidebar-bg-select-cl" = NULL,
    "sidebar-font-select-cl" = NULL,
    "sidebar-bg-hover-cl" = NULL,
    "sidebar-font-hover-cl" = NULL,
    "footer-bg-cl" = NULL,
    "footer-font-cl" = NULL,
    "waiter-bg-cl" = NULL,
    "waiter-font-cl" = NULL
  )

You could manually change ones of variables and save as rds. Then, use use_dca(theme=<path-to-rds>) to change styles. Another way is to use showcase() to define color in live, but it's working due to a bug.

It's still under development. Please feel free to let me know if there are any issues or improvements!

[andrewelamb]

I'm having an issue installing dcamodules.