skills.rest
nq-rdl
nq-rdlOFFICIAL
Explore all skills by this author →
GitHub

shiny-bslib-theming

Apply Bootstrap 5 themes to Shiny apps with Sass-based customization and presets.

1|Updated Apr 3, 2026
Search Tags:#theming#sass#shiny#bslib#bootstrap-5#ui-branding#color-modes
One-click install
npx skills add https://github.com/nq-rdl/agent-extensions --skill shiny-bslib-theming-nq-rdl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shiny-bslib-theming
Source: https://github.com/nq-rdl/agent-extensions/tree/main/skills/shiny-bslib-theming
Command: npx skills add https://github.com/nq-rdl/agent-extensions --skill shiny-bslib-theming-nq-rdl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Consistent, branded UI for Shiny apps using Bootstrap 5 theming; reduce ad-hoc styling and manual CSS.

Core Features & Use Cases

  • Preset themes including shiny and Bootswatch
  • Theme customization via bs_theme, bs_theme_update, and sass-based overrides
  • Dynamic color modes with data-bs-theme for light/dark
  • Per-element theming and brand.yml integration for branding

Quick Start

Apply a preset theme to your Shiny app and iterate on color and font choices using the theming helpers to preview changes in real time.

Frequently Asked Questions about shiny-bslib-theming

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply custom Bootstrap 5 themes to a Shiny app?▼

Apply Bootstrap 5 themes to Shiny apps using bs_theme and bs_theme_update. Override colors, fonts, and layouts with bs_add_variables and bs_add_rules to ensure consistent, branded UI styling.

Can I use Sass to customize Shiny app styling?▼

Customize Shiny app styling with Sass by leveraging bslib utilities like bs_add_rules and bs_add_variables. This allows safe, self-contained overrides for production-grade theming across dashboards.

How do I implement light and dark color modes in Shiny?▼

Implement light and dark color modes in Shiny dynamically using the data-bs-theme attribute within bslib. This enables seamless switching between dynamic color modes without manual CSS.

What Bootswatch presets are available for Shiny UI branding?▼

Bootswatch presets and the default shiny theme are available for Shiny UI branding. Apply them directly via bs_theme to reduce ad-hoc styling and establish a consistent visual identity.

Does bslib support per-element theming for Shiny dashboards?▼

bslib supports per-element theming for Shiny dashboards through bs_add_variables and brand.yml integration. This allows granular styling control and targeted branding overrides across app components.

Related Skills

Explore More Design & Creative Skills→
jhelvyjhelvy

shiny-bslib

Create Shiny dashboards with bslib Bootstrap 5 layouts and theming.

Community
Intermediate
erlebacherlebach

shiny-bslib-theming

Theme Shiny apps with bslib and Bootstrap 5 color modes.

Community
Advanced
cynthiateeterscynthiateeters

css-standards

Enforce HSL color format and CSS custom properties in CSS files.

Community
Basic
erlebacherlebach

shiny-bslib

Build Shiny dashboards with bslib theming and layout components.

Community
Intermediate