Merge pull request #76 from Appsilon/release-tweaks

Release tweaks

Author: kamilzyla

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,4 @@
+### Changes
+Closes #
+
+### How to test

.github/PULL_REQUEST_TEMPLATE/component.md

@@ -1,4 +1,4 @@
-# shiny.blueprint
+# shiny.blueprint <a href="https://appsilon.github.io/shiny.blueprint/"><img src="man/figures/shiny-blueprint.png" alt="shiny.blueprint logo" style="float: right; height: 140px;"></a>
 
 > _Palantir's Blueprint for Shiny apps_
 
@@ -7,7 +7,7 @@
 [![CI](https://github.com/Appsilon/shiny.blueprint/actions/workflows/ci.yml/badge.svg)](https://github.com/Appsilon/shiny.blueprint/actions/workflows/ci.yml)
 [![downloads monthly](https://cranlogs.r-pkg.org/badges/shiny.blueprint)](https://CRAN.R-project.org/package=shiny.blueprint)
 [![downloads total](https://cranlogs.r-pkg.org/badges/grand-total/shiny.blueprint)](https://CRAN.R-project.org/package=shiny.blueprint)
-[![License: LGPL-3.0](https://img.shields.io/badge/License-LGPL--3.0-blue.svg)](https://opensource.org/licenses/LGPL-3.0/)
+[![License: LGPL-3.0](https://img.shields.io/badge/License-LGPL--3.0-blue.svg)](https://opensource.org/license/lgpl-3-0/)
 <!-- badges: end -->
 
 ## Why `shiny.blueprint`?
@@ -22,14 +22,17 @@ We believe that a great UI plays a huge role in the success of application proje
 
 Stable version:
 ```r
-install.packages("shiny.blueprint")
+install.packages("shiny.blueprint", dependencies = TRUE)
 ```
 
 Development version:
 ```r
-remotes::install_github("Appsilon/shiny.blueprint")
+remotes::install_github("Appsilon/shiny.blueprint", dependencies = TRUE)
 ```
 
+With `dependencies = TRUE` the suggested packages (required to run some examples)
+will be installed in addition to mandatory dependencies.
+
 ## Quick start
 
 Here's how to create a basic `shiny.blueprint` app:

README.md

@@ -1,17 +1,22 @@
+:root {
+  --primary: rgb(70, 115, 182);
+  --primary-dark: rgb(63, 104, 166);
+}
+
 .navbar {
-  background-color: rgb(69, 179, 196) !important;
+  background-color: var(--primary) !important;
 }
 
 #navbar > ul.navbar-nav > li.nav-item a:hover {
-  background-color: rgb(69, 179, 196) !important;
+  background-color: var(--primary) !important;
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.7) !important;
 }
 
 .navbar-dark .navbar-nav .active > .nav-link {
-  background-color: rgb(69, 179, 196) !important;
+  background-color: var(--primary) !important;
   color: #fff !important;
 }
 
@@ -25,16 +30,16 @@ nav .text-muted {
 }
 
 a {
-  color: rgb(69, 179, 196);
+  color: var(--primary);
 }
 
 a:hover {
-  color: rgb(63, 162, 177);
+  color: var(--primary-dark);
 }
 
 button.btn.btn-primary.btn-copy-ex {
-  background-color: rgb(69, 179, 196);
-  border-color: rgb(69, 179, 196);
+  background-color: var(--primary);
+  border-color: var(--primary);
 }