Styling Shiny apps with Sass and Bootstrap 4
summary
Two new R packages let apps set Bootstrap variables from R and recompile Sass into CSS so one-line changes replace a color used in 25 different CSS occurrences; usage is BS_theme_new(), bs_theme_add_variables(primary = "#ff6600"), and bootstrap() to inject a custom build. A live editor run_with_themer previews changes and prints the code to persist them. This works with both sass compilation and bootstraplib and adds an opt-in plot auto colors feature for plots.
AI-written summary · about
chapters (4)
related talks
17mHTML and CSS for R Users
20mTowards the Next Generation of Shiny UI
06mQuickly get your Quarto HTML theme in order
21mStyling your CSS with Reason
01h 03mCSS Techniques for Blazor Developers
29mThe Lonely and Dark Road to Styling in React
42mKeeping Your HTML Semantic with SASS
42mUnder the Hood of Modern CSS Frameworks