From 97bb99edbac79b65f334897d704f6e6901c045e2 Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Sun, 19 Nov 2017 19:04:21 +0000 Subject: [PATCH 1/7] Add new file --- priv/static/packs/pl-dark-masto-fe.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 priv/static/packs/pl-dark-masto-fe.css 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..e69de29bb From f065689407b4cb9d7bd142fa35efe1bb8b75a4de Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Sun, 19 Nov 2017 19:04:51 +0000 Subject: [PATCH 2/7] Update pl-dark-masto-fe.css --- priv/static/packs/pl-dark-masto-fe.css | 127 +++++++++++++++++++++++++ 1 file changed, 127 insertions(+) diff --git a/priv/static/packs/pl-dark-masto-fe.css b/priv/static/packs/pl-dark-masto-fe.css index e69de29bb..1cf766474 100644 --- a/priv/static/packs/pl-dark-masto-fe.css +++ b/priv/static/packs/pl-dark-masto-fe.css @@ -0,0 +1,127 @@ +h1.column-header { + background-color: #182230; + color: #d8a070; +} + +button.column-header__button { + background-color: #182230; +} + +div.status.status-public { + background-color: #121a24; +} + +button.column-header__button.active { + background-color: #182230; +} + +div.notification.notification-favourite.focusable { + background-color: #121a24; +} + +span.display-name__account { + color: #d8a070; +} + +a.status__relative-time time { + color: #d8a070; +} + +div.status__wrapper.status__wrapper-public.focusable { + background-color: #121a24; +} + +div.status__prepend { + background-color: #121a24; +} + +a.status-link { + color: #d8a070; +} + +i.fa { + color: #d8a070; +} + +button.status__action-bar-button.icon-button { + color: #d8a070; +} + +div.status__content.status__content--with-action { + color: #b9b9ba; +} + +div.drawer__inner { + background-color: #121a24; +} + +a.drawer__tab { + background-color: #182230; + color: #d8a070; +} + +div.column-header { + background-color: #182230; +} + +a.column-link { + background-color: #121a24; +} + +div.column-subheading { + background-color: #182230; + color: #b9b9ba; +} + +div.static-content.getting-started { + display: none; + height: 0px; +} + +div.column-header__collapsible-inner { + background-color: #182230; + color: #b9b9ba; +} + +button.button.button--block { + background-color: #d8a070; +} + +button.column-header__back-button { + background-color: #182230; + color: #d8a070; +} + +button.column-back-button { + background-color: #182230; + color: #d8a070; +} + +div.scrollable.detailed-status__wrapper { + background-color: #121a24; +} + +div.detailed-status { + background-color: #121a24; +} + +div.detailed-status__action-bar { + background-color: #121a24; +} + +a.navigation-bar__profile-edit span { + color: #d8a070; +} + +div.compose-form__buttons { + background-color: #182230; + color: #b9b9ba; +} + +button.text-icon-button { + color: #d8a070; +} + +div.getting-started__footer.scrollable.optionally-scrollable { + background-color: #121a24; +} \ No newline at end of file From 36011fee4e70435a38552bc300bf6008df83f75f Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Sun, 19 Nov 2017 19:07:19 +0000 Subject: [PATCH 3/7] Add Custom Pleroma-dark theme --- lib/pleroma/web/templates/mastodon_api/mastodon/index.html.eex | 1 + 1 file changed, 1 insertion(+) 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 @@ + From cb071745b5b65c5c90b397c905977645d1297a56 Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Mon, 20 Nov 2017 16:54:32 +0000 Subject: [PATCH 4/7] Update pl-dark-masto-fe.css, fix notification_message and retweet --- priv/static/packs/pl-dark-masto-fe.css | 64 ++++++++++++++------------ 1 file changed, 34 insertions(+), 30 deletions(-) diff --git a/priv/static/packs/pl-dark-masto-fe.css b/priv/static/packs/pl-dark-masto-fe.css index 1cf766474..90650b915 100644 --- a/priv/static/packs/pl-dark-masto-fe.css +++ b/priv/static/packs/pl-dark-masto-fe.css @@ -1,127 +1,131 @@ -h1.column-header { +.column-header { background-color: #182230; color: #d8a070; } -button.column-header__button { +.column-header__button { background-color: #182230; } -div.status.status-public { +.status.status-public { background-color: #121a24; } -button.column-header__button.active { +.column-header__button.active { background-color: #182230; } -div.notification.notification-favourite.focusable { +.notification.notification-favourite.focusable { background-color: #121a24; } -span.display-name__account { +.display-name__account { color: #d8a070; } -a.status__relative-time time { +.status__relative-time { color: #d8a070; } -div.status__wrapper.status__wrapper-public.focusable { +.status__wrapper.status__wrapper-public.focusable { background-color: #121a24; } -div.status__prepend { +.status__prepend { background-color: #121a24; } -a.status-link { +.status-link { color: #d8a070; } -i.fa { +.fa { color: #d8a070; } -button.status__action-bar-button.icon-button { +.icon-button { color: #d8a070; } -div.status__content.status__content--with-action { +.status__content.status__content--with-action { color: #b9b9ba; } -div.drawer__inner { +.drawer__inner { background-color: #121a24; } -a.drawer__tab { +.drawer__tab { background-color: #182230; color: #d8a070; } -div.column-header { +.column-header { background-color: #182230; } -a.column-link { +.column-link { background-color: #121a24; } -div.column-subheading { +.column-subheading { background-color: #182230; color: #b9b9ba; } -div.static-content.getting-started { +.static-content.getting-started { display: none; height: 0px; } -div.column-header__collapsible-inner { +.column-header__collapsible-inner { background-color: #182230; color: #b9b9ba; } -button.button.button--block { +.button.button--block { background-color: #d8a070; } -button.column-header__back-button { +.column-header__back-button { background-color: #182230; color: #d8a070; } -button.column-back-button { +.column-back-button { background-color: #182230; color: #d8a070; } -div.scrollable.detailed-status__wrapper { +.scrollable.detailed-status__wrapper { background-color: #121a24; } -div.detailed-status { +.detailed-status { background-color: #121a24; } -div.detailed-status__action-bar { +.detailed-status__action-bar { background-color: #121a24; } -a.navigation-bar__profile-edit span { +.navigation-bar__profile-edit span { color: #d8a070; } -div.compose-form__buttons { +.compose-form__buttons { background-color: #182230; color: #b9b9ba; } -button.text-icon-button { +.text-icon-button { color: #d8a070; } -div.getting-started__footer.scrollable.optionally-scrollable { +.getting-started__footer { background-color: #121a24; +} +.notification__message{ + background-color: #121a24; + } \ No newline at end of file From 0c68e75b93c60d9a4c53f552ae033b21003a9ab6 Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Mon, 20 Nov 2017 17:09:14 +0000 Subject: [PATCH 5/7] Update pl-dark-masto-fe.css --- priv/static/packs/pl-dark-masto-fe.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/priv/static/packs/pl-dark-masto-fe.css b/priv/static/packs/pl-dark-masto-fe.css index 90650b915..0a9b426f3 100644 --- a/priv/static/packs/pl-dark-masto-fe.css +++ b/priv/static/packs/pl-dark-masto-fe.css @@ -15,7 +15,7 @@ background-color: #182230; } -.notification.notification-favourite.focusable { +.notification { background-color: #121a24; } @@ -44,7 +44,7 @@ } .icon-button { - color: #d8a070; + color: #d8a070 !important; } .status__content.status__content--with-action { @@ -108,7 +108,12 @@ .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; } From dae2949bcc7329a336d513588ff498ffde133a15 Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Mon, 20 Nov 2017 17:19:22 +0000 Subject: [PATCH 6/7] Fix a links... Retweet button still broken. --- priv/static/packs/pl-dark-masto-fe.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/priv/static/packs/pl-dark-masto-fe.css b/priv/static/packs/pl-dark-masto-fe.css index 0a9b426f3..fdd987e5c 100644 --- a/priv/static/packs/pl-dark-masto-fe.css +++ b/priv/static/packs/pl-dark-masto-fe.css @@ -120,7 +120,7 @@ .compose-form__buttons { background-color: #182230; - color: #b9b9ba; + color: #d8a070; } .text-icon-button { @@ -133,4 +133,7 @@ .notification__message{ background-color: #121a24; +} +a.status-link{ + color: #d8a070; } \ No newline at end of file From d7b6fa79cb0ac96bdb7c69e6da11c01092597a81 Mon Sep 17 00:00:00 2001 From: "Hyper! (Stitch)" Date: Wed, 22 Nov 2017 14:12:04 +0000 Subject: [PATCH 7/7] Fixed in-reply CSS, also included full column width (to have timelines take the whole screen size.) --- priv/static/packs/pl-dark-masto-fe.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/priv/static/packs/pl-dark-masto-fe.css b/priv/static/packs/pl-dark-masto-fe.css index fdd987e5c..dc35b5408 100644 --- a/priv/static/packs/pl-dark-masto-fe.css +++ b/priv/static/packs/pl-dark-masto-fe.css @@ -7,6 +7,12 @@ background-color: #182230; } +.reply-indicator, +.reply-indicator__content { + background-color: #182230; + color: #b9b9ba; +} + .status.status-public { background-color: #121a24; } @@ -18,7 +24,7 @@ .notification { background-color: #121a24; } - +.display-name__html, .display-name__account { color: #d8a070; } @@ -136,4 +142,7 @@ } a.status-link{ color: #d8a070; +} +.column { +flex: 1 1 auto !important; } \ No newline at end of file