• Stars
    star
    225
  • Rank 177,187 (Top 4 %)
  • Language SCSS
  • License
    GNU General Publi...
  • Created over 5 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fresh shiny themes

fresh

Create fresh themes for use in {shiny}, {shinydashboard} and {bs4Dash} applications and {flexdashboard} documents.

version Project Status: Active The project has reached a stable, usable state and is being actively developed. Codecov test coverage Lifecycle: maturing R build status

Installation

You can install stable version from CRAN with:

install.packages("fresh")

You can install the development version of fresh from GitHub with:

remotes::install_github("dreamRs/fresh")

shiny

Create new themes to use in shiny applications with fluidPage or navbarPage. From the default theme :

Obtain this :

This theme was creating with following code:

create_theme(
  theme = "default",
  bs_vars_navbar(
    default_bg = "#3f2d54",
    default_color = "#FFFFFF",
    default_link_color = "#FFFFFF",
    default_link_active_color = "#FFFFFF"
  ),
  bs_vars_color(
    gray_base = "#354e5c",
    brand_primary = "#75b8d1",
    brand_success = "#c9d175",
    brand_info = "#758bd1",
    brand_warning = "#d1ab75",
    brand_danger = "#d175b8"
  ),
  bs_vars_state(
    success_text = "#FFF",
    success_bg = "#c9d175",
    success_border = "#c9d175",
    info_text = "#FFF",
    info_bg = "#3f2d54",
    info_border = "#3f2d54",
    danger_text = "#FFF",
    danger_bg = "#d175b8",
    danger_border = "#d175b8"
  ),
  bs_vars_wells(
    bg = "#FFF",
    border = "#3f2d54"
  ),
  output_file = "www/mytheme.css"
)

Use the created theme like this:

navbarPage(
  
  title = "My application",
  theme = "mytheme.css",
  
  ...
)

shinydashboard

Customize colors and other settings used in {shinydashboard} applications :

Create the theme:

mytheme <- create_theme(
  adminlte_color(
    light_blue = "#434C5E"
  ),
  adminlte_sidebar(
    width = "400px",
    dark_bg = "#D8DEE9",
    dark_hover_bg = "#81A1C1",
    dark_color = "#2E3440"
  ),
  adminlte_global(
    content_bg = "#FFF",
    box_bg = "#D8DEE9", 
    info_box_bg = "#D8DEE9"
  )
)

Use your theme:

dashboardPage(
  header = dashboardHeader(title = "My dashboard"),
  sidebar = dashboardSidebar(
    # ...
  ),
  body = dashboardBody(
    
    use_theme(mytheme), # <-- use the theme
    
    # ...
    
  )
)

See more information here: Variables for {shinydashboard} or in R console: vignette("vars-shinydashboard", package = "fresh").

bs4Dash

Create a theme to personalize your {bs4Dash} applications:

Create the theme:

mytheme <- create_theme(
  bs4dash_vars(
    navbar_light_color = "#bec5cb",
    navbar_light_active_color = "#FFF",
    navbar_light_hover_color = "#FFF"
  ),
  bs4dash_yiq(
    contrasted_threshold = 10,
    text_dark = "#FFF", 
    text_light = "#272c30"
  ),
  bs4dash_layout(
    main_bg = "#353c42"
  ),
  bs4dash_sidebar_light(
    bg = "#272c30", 
    color = "#bec5cb",
    hover_color = "#FFF",
    submenu_bg = "#272c30", 
    submenu_color = "#FFF", 
    submenu_hover_color = "#FFF"
  ),
  bs4dash_status(
    primary = "#5E81AC", danger = "#BF616A", light = "#272c30"
  ),
  bs4dash_color(
    gray_900 = "#FFF"
  )
)

Use your theme:

bs4DashPage(
  title = "bs4Dash custom theme",
  navbar = bs4DashNavbar(skin = "light"),
  sidebar = bs4DashSidebar(
    title = "bs4Dash custom theme",
    skin = "light",
    
    # ...
    
  ),
  body = bs4DashBody(
    
    use_theme(mytheme), # <-- use the theme
    
    # ...
    
  )
)

See more information here: Variables for {bs4dash} or in R console: vignette("vars-bs4dash", package = "fresh").

More Repositories

1

esquisse

RStudio add-in to make plots interactively with ggplot2
R
1,765
star
2

shinyWidgets

shinyWidgets : Extend widgets available in shiny
R
822
star
3

billboarder

πŸ“Š R Htmlwidget for billboard.js
R
173
star
4

prefixer

Prefix function with their namespace & other development tools
R
141
star
5

apexcharter

πŸ“Š R Htmlwidget for ApexCharts.js
R
139
star
6

shinybusy

Minimal busy indicator for Shiny apps
R
138
star
7

datamods

Shiny modules to import and manipulate data into an application or addin
R
138
star
8

gfonts

πŸ”€ Offline Google Fonts for rmarkdown and shiny
R
112
star
9

shinyapps

Some Shiny applications
R
102
star
10

shinylogs

Logs for Shiny apps
R
95
star
11

toastui

R htmlwidgets for ToastUI libraries: grid, calendar and chart
R
80
star
12

colorscale

Create a color scale from a single color
R
80
star
13

shufflecards

✨ Create magical grid layouts in Shiny & Markdown
R
80
star
14

r2d3maps

r2d3 experiment to draw maps in D3
R
75
star
15

tuicalendr

πŸ“† R htmlwidget for tui-calendar
R
54
star
16

topogram

R htmlwidget for cartogram-chart
R
51
star
17

shinypop

Collection of notifications, confirm dialogs and alerts for 'Shiny' applications
JavaScript
51
star
18

addinit

Initialize & structure an 'RStudio' Project
R
50
star
19

viewxl

'RStudio' addin to open data.frame(s) in Excel
R
47
star
20

wired

Wired elements in Shiny
JavaScript
47
star
21

shinytreeview

Hierarchical tree input for Shiny apps
R
41
star
22

memory-hex

Hex Memory Game in Shiny
R
33
star
23

sqlquery

Htmlwidget to write SQL queries
JavaScript
31
star
24

capture

Take screenshots in Shiny apps
JavaScript
29
star
25

particlesjs

Particles.js for Shiny apps & rmarkdown
R
26
star
26

timelineschart

Htmlwidget for timelines-chart
R
26
star
27

jstools

Tools to work with JavaScript and CSS files
JavaScript
25
star
28

flexpivot

Simple frequency table
R
24
star
29

phosphoricons

Phosphor Icons for R
R
23
star
30

weather

Weather icons in ggplot2, shiny and rmarkdown
SCSS
20
star
31

where

πŸ“ Cities database and a game!
R
16
star
32

d3.format

R interface for d3.format
R
16
star
33

shinyvs

Virtual Select widget for shiny apps
R
16
star
34

gridstackr

Create movable and resizable grid layout in 'Shiny' application.
R
16
star
35

resizer

Simulate screen resolution for Shiny apps
R
15
star
36

tuichartr

πŸ“Š R htmlwidget for tui-chart
R
14
star
37

shinywb

Interface to WinBox JavaScript library to use in shiny applications
R
13
star
38

grillade

Grid sytem for shiny apps or rmarkdown and to create htmlwidgets matrix
R
13
star
39

rte.data

Access data from RTE API
R
10
star
40

tweets-transports

Analyse des tweets des lignes de transport parisien
R
9
star
41

bar

R Htmlwidget for proportions-chart JavaScript library
JavaScript
9
star
42

talks

πŸ’¬ Slides for dreamRs talks
5
star
43

france-power-grid

French housing connected to the electricity grid
R
5
star
44

reactwidgets

Extra React Widgets for Shiny applications
R
4
star
45

luciole

Luciole font for R. a new typeface developed explicitly for visually impaired people
R
3
star
46

nlpr.fr

Client for 'NLP.js' for Natural Language Operations in French
R
2
star
47

vchartr

R Htmlwidget for VChart charting library
R
2
star
48

uPlot-r

R htmlwidget for Β΅Plot.js
R
1
star
49

rr2018addins

Exemples d'add-ins RStudio pour les rencontres R 2018
R
1
star