diff --git a/README.md b/README.md
index 3965a4e..d6fc3ac 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
and [many.link](https://many.link/). LittleLink was built using [Skeleton](http://getskeleton.com/), a dead simple, responsive boilerplate—we just stripped out some additional code you wouldn't need and added in branded styles for popular services. 😊
-
+
LittleLink has more than 50+ branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
@@ -23,6 +23,9 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
### 🤝 Community Extras
+#### 📦 LittleLink Extended
+Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
+
#### 🎨 Figma
Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.
diff --git a/css/brands.css b/css/brands.css
index 67b7080..36c52f1 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -440,8 +440,8 @@ button:hover,
/* Spotify */
.button.button-spotify {
- color: #ffffff;
- background-color: #000000;
+ color: #191414;
+ background-color: #1db954;
}
.button.button-spotify:hover,
.button.button-spotify:focus {
@@ -458,6 +458,16 @@ button:hover,
filter: brightness(90%);
}
+/* Strava */
+.button.button-strava {
+ color: #ffffff;
+ background-color: #fc5200;
+}
+.button.button-strava:hover,
+.button.button-strava:focus {
+ filter: brightness(90%);
+}
+
/* Telegram */
.button.button-telegram {
color: #ffffff;
@@ -538,6 +548,16 @@ button:hover,
filter: brightness(90%);
}
+/* Untappd */
+.button.button-untappd {
+ color: #ffffff;
+ background-color: #ffc000;
+}
+.button.button-untappd:hover,
+.button.button-untappd:focus {
+ filter: brightness(90%);
+}
+
/* Vimeo */
.button.button-vimeo {
color: #ffffff;
diff --git a/images/icons/playstore.svg b/images/icons/playstore.svg
index 7781053..703a0d0 100644
--- a/images/icons/playstore.svg
+++ b/images/icons/playstore.svg
@@ -1,33 +1,6 @@
diff --git a/images/icons/spotify.svg b/images/icons/spotify.svg
index 97f8106..c037b0f 100644
--- a/images/icons/spotify.svg
+++ b/images/icons/spotify.svg
@@ -1,2 +1,2 @@
\ No newline at end of file
+
diff --git a/images/icons/strava.svg b/images/icons/strava.svg
new file mode 100644
index 0000000..fdfe55f
--- /dev/null
+++ b/images/icons/strava.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/untappd.svg b/images/icons/untappd.svg
new file mode 100644
index 0000000..0e7f36e
--- /dev/null
+++ b/images/icons/untappd.svg
@@ -0,0 +1 @@
+
diff --git a/index.html b/index.html
index d6674e0..9df9245 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@