logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe
commit: 143b77e10d984d3790382758c0b797215850b024
parent: 4cbb6386049f4037c146ed3cf52c852cc3d8f9d5
Author: Lynx Kotoura <lynx@lv9.org>
Date:   Tue, 22 Aug 2017 04:59:03 +0900

Increase contrast in landing pages (#4567)

* Increase contrast in about and about/more page

* Lighten em color in landing pages

* Increase contrast in landing pages


Fix about.scss

Diffstat:

Mapp/javascript/styles/about.scss16++++++++--------
Mapp/javascript/styles/forms.scss4++--
2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss @@ -139,7 +139,7 @@ font-size: 14px; line-height: 24px; font-weight: 500; - color: $ui-base-lighter-color; + color: $ui-primary-color; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid lighten($ui-base-color, 4%); @@ -150,7 +150,7 @@ a, span { font-weight: 400; - color: lighten($ui-base-color, 34%); + color: darken($ui-primary-color, 10%); } a { @@ -262,11 +262,11 @@ .text { font-size: 16px; line-height: 30px; - color: $ui-base-lighter-color; + color: $ui-primary-color; h6 { font-weight: 500; - color: $ui-primary-color; + color: $ui-secondary-color; } } } @@ -516,7 +516,7 @@ font: 16px/28px 'mastodon-font-sans-serif', sans-serif; font-weight: 400; margin-bottom: 12px; - color: $ui-base-lighter-color; + color: $ui-primary-color; a { color: $ui-highlight-color; @@ -531,13 +531,13 @@ line-height: 24px; font-weight: 500; margin-bottom: 20px; - color: $ui-primary-color; + color: $ui-secondary-color; } p { font-size: 16px; line-height: 30px; - color: $ui-base-lighter-color; + color: $ui-primary-color; } .features { @@ -623,7 +623,7 @@ font-family: inherit; font-size: inherit; line-height: inherit; - color: $ui-primary-color; + color: lighten($ui-primary-color, 10%); } h1 { diff --git a/app/javascript/styles/forms.scss b/app/javascript/styles/forms.scss @@ -32,10 +32,10 @@ code { line-height: 18px; margin-top: 15px; margin-bottom: 0; - color: $ui-base-lighter-color; + color: $ui-primary-color; a { - color: $ui-primary-color; + color: $ui-highlight-color; } } }