Merge branch 'develop' into 'develop'

Pleroma-Dark default theme for the Mastodon Frontend

See merge request pleroma/pleroma!27

2 files changed, 149 insertions, 0 deletions

diff --git a/lib/pleroma/web/templates/mastodon_api/mastodon/index.html.eex b/lib/pleroma/web/templates/mastodon_api/mastodon/index.html.eex
index 334dc4f98..ac50ad46b 100644
--- a/lib/pleroma/web/templates/mastodon_api/mastodon/index.html.eex
+++ b/lib/pleroma/web/templates/mastodon_api/mastodon/index.html.eex
@@ -5,6 +5,7 @@
 <meta content='width=device-width, initial-scale=1' name='viewport'>
 <link rel="stylesheet" media="all" href="/packs/common.css" />
 <link rel="stylesheet" media="all" href="/packs/default.css" />
+<link rel="stylesheet" media="all" href="/packs/pl-dark-masto-fe.css" />
 
 <script src="/packs/common.js"></script>
 <script src="/packs/locale_en.js"></script>
diff --git a/priv/static/packs/pl-dark-masto-fe.css b/priv/static/packs/pl-dark-masto-fe.css
new file mode 100644
index 000000000..dc35b5408
--- /dev/null
+++ b/priv/static/packs/pl-dark-masto-fe.css
@@ -0,0 +1,148 @@
+.column-header {
+    background-color: #182230;
+    color: #d8a070;
+}
+
+.column-header__button {
+    background-color: #182230;
+}
+
+.reply-indicator,
+.reply-indicator__content {
+    background-color: #182230;
+    color: #b9b9ba;
+}
+
+.status.status-public {
+    background-color: #121a24;
+}
+
+.column-header__button.active {
+    background-color: #182230;
+}
+
+.notification {
+    background-color: #121a24;
+}
+.display-name__html,
+.display-name__account {
+    color: #d8a070;
+}
+
+.status__relative-time {
+    color: #d8a070;
+}
+
+.status__wrapper.status__wrapper-public.focusable {
+    background-color: #121a24;
+}
+
+.status__prepend {
+    background-color: #121a24;
+}
+
+.status-link {
+    color: #d8a070;
+}
+
+.fa {
+    color: #d8a070;
+}
+
+.icon-button {
+    color: #d8a070 !important;
+}
+
+.status__content.status__content--with-action {
+    color: #b9b9ba;
+}
+
+.drawer__inner {
+    background-color: #121a24;
+}
+
+.drawer__tab {
+    background-color: #182230;
+    color: #d8a070;
+}
+
+.column-header {
+    background-color: #182230;
+}
+
+.column-link {
+    background-color: #121a24;
+}
+
+.column-subheading {
+    background-color: #182230;
+    color: #b9b9ba;
+}
+
+.static-content.getting-started {
+    display: none;
+    height: 0px;
+}
+
+.column-header__collapsible-inner {
+    background-color: #182230;
+    color: #b9b9ba;
+}
+
+.button.button--block {
+    background-color: #d8a070;
+}
+
+.column-header__back-button {
+    background-color: #182230;
+    color: #d8a070;
+}
+
+.column-back-button {
+    background-color: #182230;
+    color: #d8a070;
+}
+
+.scrollable.detailed-status__wrapper {
+    background-color: #121a24;
+}
+
+.detailed-status {
+    background-color: #121a24;
+}
+
+.detailed-status__action-bar {
+    background-color: #121a24;
+}
+.status__action-bar-button{
+    background-color: #121a24;
+}
+.status__action-bar{
+    color:#d8a070;
+}
+.navigation-bar__profile-edit span {
+    color: #d8a070;
+}
+
+.compose-form__buttons {
+    background-color: #182230;
+    color: #d8a070;
+}
+
+.text-icon-button {
+    color: #d8a070;
+}
+
+.getting-started__footer {
+    background-color: #121a24;
+}
+.notification__message{
+    background-color: #121a24;    
+
+}
+a.status-link{
+    color: #d8a070;
+}
+.column { 
+flex: 1 1 auto !important;
+}
\ No newline at end of file