{"id":13732906,"url":"https://github.com/dreamRs/fresh","last_synced_at":"2025-05-08T09:31:06.251Z","repository":{"id":56936282,"uuid":"199831697","full_name":"dreamRs/fresh","owner":"dreamRs","description":"Fresh shiny themes","archived":false,"fork":false,"pushed_at":"2024-06-26T11:28:51.000Z","size":3391,"stargazers_count":228,"open_issues_count":12,"forks_count":10,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-09T16:46:37.281Z","etag":null,"topics":["bootstrap","r","shiny","shiny-applications","shiny-themes"],"latest_commit_sha":null,"homepage":"https://dreamrs.github.io/fresh/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dreamRs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-31T10:12:21.000Z","updated_at":"2024-10-07T22:04:09.000Z","dependencies_parsed_at":"2024-06-19T16:23:59.408Z","dependency_job_id":"8b94a463-dd41-4f50-ab1a-dfa1eeaa1079","html_url":"https://github.com/dreamRs/fresh","commit_stats":{"total_commits":110,"total_committers":1,"mean_commits":110.0,"dds":0.0,"last_synced_commit":"bf1e00a9d9f2c3388fd88a6a0ca63869b3bf8a81"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Ffresh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Ffresh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Ffresh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Ffresh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dreamRs","download_url":"https://codeload.github.com/dreamRs/fresh/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224717469,"owners_count":17357889,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","r","shiny","shiny-applications","shiny-themes"],"created_at":"2024-08-03T03:00:35.376Z","updated_at":"2024-11-15T01:30:57.968Z","avatar_url":"https://github.com/dreamRs.png","language":"SCSS","funding_links":[],"categories":["Theming","SCSS"],"sub_categories":["Theme Customization"],"readme":"# fresh \u003cimg src=\"man/figures/fresh-logo.png\" width=200 align=\"right\" /\u003e\n\n\u003e Create fresh themes for use in [{shiny}](https://github.com/rstudio/shiny), [{shinydashboard}](https://github.com/rstudio/shinydashboard) and [{bs4Dash}](https://github.com/RinteRface/bs4Dash) applications and {flexdashboard} documents.\n\n\u003c!-- badges: start --\u003e\n[![version](http://www.r-pkg.org/badges/version/fresh)](https://CRAN.R-project.org/package=fresh)\n[![Project Status: Active The project has reached a stable, usable state and is being actively developed.](https://www.repostatus.org/badges/latest/active.svg)](https://www.repostatus.org/#active)\n[![Lifecycle: maturing](https://img.shields.io/badge/lifecycle-maturing-blue.svg)](https://lifecycle.r-lib.org/articles/stages.html#maturing)\n[![R-CMD-check](https://github.com/dreamRs/fresh/actions/workflows/R-CMD-check.yaml/badge.svg)](https://github.com/dreamRs/fresh/actions/workflows/R-CMD-check.yaml)\n[![Codecov test coverage](https://codecov.io/gh/dreamRs/fresh/branch/master/graph/badge.svg)](https://app.codecov.io/gh/dreamRs/fresh?branch=master)\n\u003c!-- badges: end --\u003e\n\n\n## Installation\n\nYou can install stable version from CRAN with:\n\n```r\ninstall.packages(\"fresh\")\n```\n\nYou can install the development version of fresh from GitHub with:\n\n```r\nremotes::install_github(\"dreamRs/fresh\")\n```\n\n\n\n## bs4Dash\n\nCreate a theme to personalize your [{bs4Dash}](https://github.com/RinteRface/bs4Dash) applications:\n\n![](man/figures/bs4dash.png)\n\nCreate the theme:\n\n```r\nbs4DashTheme \u003c- bs4Dash_theme(\n  primary = \"#5E81AC\",\n  secondary = \"#B48EAD\",\n  success = \"#A3BE8C\",\n  danger = \"#BF616A\",\n  \"sidebar-light-bg\" = \"#3B4252\",\n  \"sidebar-light-color\" = \"#E5E9F0\",\n  \"main-bg\" = \"#2E3440\",\n  \"body-color\" = \"#ECEFF4\",\n  \"card-bg\" = \"#4C566A\", # bs4Card() background\n  \"white\" = \"#E5E9F0\",\n  \"info-box-bg\" = \"#4C566A\",  # bs4InfoBox() background\n  dark = \"#272c30\", #  bs4DashNavbar(status = \"dark\") background,\n  \"gray-600\" = \"#FFF\"\n)\n```\n\nUse your theme:\n\n```r\nbs4DashPage(\n  title = \"bs4Dash custom theme\",\n  navbar = bs4DashNavbar(skin = \"light\"),\n  sidebar = bs4DashSidebar(\n    title = \"bs4Dash custom theme\",\n    skin = \"light\",\n    \n    # ...\n    \n  ),\n  body = bs4DashBody(\n    \n    use_theme(bs4DashTheme), # \u003c-- use the theme\n    \n    # ...\n    \n  )\n)\n```\n\n\nSee more information here: [Variables for {bs4dash}](https://dreamrs.github.io/fresh/articles/vars-bs4dash.html) or in R console: `vignette(\"vars-bs4dash\", package = \"fresh\")`.\n\n\n\n\n\n## shiny\n\nCreate new themes to use in shiny applications with `fluidPage` or `navbarPage`. From the default theme :\n\n![](man/figures/shiny-default.png)\n\nObtain this :\n\n![](man/figures/shiny-custom.png)\n\n\nThis theme was creating with following code:\n\n```r\ncreate_theme(\n  theme = \"default\",\n  bs_vars_navbar(\n    default_bg = \"#3f2d54\",\n    default_color = \"#FFFFFF\",\n    default_link_color = \"#FFFFFF\",\n    default_link_active_color = \"#FFFFFF\"\n  ),\n  bs_vars_color(\n    gray_base = \"#354e5c\",\n    brand_primary = \"#75b8d1\",\n    brand_success = \"#c9d175\",\n    brand_info = \"#758bd1\",\n    brand_warning = \"#d1ab75\",\n    brand_danger = \"#d175b8\"\n  ),\n  bs_vars_state(\n    success_text = \"#FFF\",\n    success_bg = \"#c9d175\",\n    success_border = \"#c9d175\",\n    info_text = \"#FFF\",\n    info_bg = \"#3f2d54\",\n    info_border = \"#3f2d54\",\n    danger_text = \"#FFF\",\n    danger_bg = \"#d175b8\",\n    danger_border = \"#d175b8\"\n  ),\n  bs_vars_wells(\n    bg = \"#FFF\",\n    border = \"#3f2d54\"\n  ),\n  output_file = \"www/mytheme.css\"\n)\n```\n\nUse the created theme like this: \n\n```r\nnavbarPage(\n  \n  title = \"My application\",\n  theme = \"mytheme.css\",\n  \n  ...\n)\n```\n\n\n\n\n## shinydashboard\n\nCustomize colors and other settings used in [{shinydashboard}](https://github.com/rstudio/shinydashboard) applications :\n\n![](man/figures/shinydashboard.png)\n\n\nCreate the theme:\n\n```r\nmytheme \u003c- create_theme(\n  adminlte_color(\n    light_blue = \"#434C5E\"\n  ),\n  adminlte_sidebar(\n    width = \"400px\",\n    dark_bg = \"#D8DEE9\",\n    dark_hover_bg = \"#81A1C1\",\n    dark_color = \"#2E3440\"\n  ),\n  adminlte_global(\n    content_bg = \"#FFF\",\n    box_bg = \"#D8DEE9\", \n    info_box_bg = \"#D8DEE9\"\n  )\n)\n```\n\nUse your theme:\n\n```r\ndashboardPage(\n  header = dashboardHeader(title = \"My dashboard\"),\n  sidebar = dashboardSidebar(\n    # ...\n  ),\n  body = dashboardBody(\n    \n    use_theme(mytheme), # \u003c-- use the theme\n    \n    # ...\n    \n  )\n)\n```\n\n\nSee more information here: [Variables for {shinydashboard}](https://dreamrs.github.io/fresh/articles/vars-shinydashboard.html) or in R console: `vignette(\"vars-shinydashboard\", package = \"fresh\")`.\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FdreamRs%2Ffresh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FdreamRs%2Ffresh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FdreamRs%2Ffresh/lists"}