From 5012a21bcdd34395171548c0e747f7e334368940 Mon Sep 17 00:00:00 2001
From: jeroenpraat <41594439+jeroenpraat@users.noreply.github.com>
Date: Sat, 9 Mar 2019 21:29:57 +0100
Subject: [PATCH] feat: Plus theme with Mastodon standard web-app colors
 (called mastodon)  (#1090)

* +mastodon theme

* +mastodon theme
---
 src/routes/_static/themes.js  |  6 ++++++
 src/scss/themes/mastodon.scss | 28 ++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/scss/themes/mastodon.scss

diff --git a/src/routes/_static/themes.js b/src/routes/_static/themes.js
index 66b9b0a3..f52dd9cc 100644
--- a/src/routes/_static/themes.js
+++ b/src/routes/_static/themes.js
@@ -77,6 +77,12 @@ const themes = [
     dark: true,
     color: '#4ab92f'
   },
+  {
+    name: 'mastodon',
+    label: 'Mastodon',
+    dark: true,
+    color: '#282C37'
+  },
   {
     name: 'pitchblack',
     label: 'Pitch Black',
diff --git a/src/scss/themes/mastodon.scss b/src/scss/themes/mastodon.scss
new file mode 100644
index 00000000..c808dfe5
--- /dev/null
+++ b/src/scss/themes/mastodon.scss
@@ -0,0 +1,28 @@
+$main-theme-color: #313543;
+$body-bg-color: #17191F;
+$main-bg-color: #282C37;
+$anchor-color: #d9e1e8;
+$main-text-color: #ffffff;
+$border-color: #393f4f;
+$secondary-text-color: #f6f6ff;
+$toast-border: $main-theme-color;
+$toast-bg: lighten($body-bg-color, 4%);
+$focus-outline: darken($main-theme-color, 10%);
+$compose-background: darken($main-theme-color, 12%);
+
+@import "_base.scss";
+@import "_dark.scss";
+@import "_dark_scrollbars.scss";
+
+:root {
+  --settings-list-item-text: #9baec8;
+  --settings-list-item-text-hover: #{$main-text-color};
+
+  --compose-button-halo: transparent;
+  --button-primary-bg: #2b90d9;
+  --button-primary-bg-hover: #56a7e1;
+  --button-primary-border: transparent;
+
+  --action-button-fill-color-pressed: #2b90d9;
+  --action-button-fill-color-pressed-hover: #2b90d9;
+}