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
This commit is contained in:
Lynx Kotoura 2017-08-22 04:59:03 +09:00 committed by Eugen Rochko
parent 672ee8219c
commit 4730977e1a
2 changed files with 10 additions and 10 deletions

View file

@ -139,7 +139,7 @@
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
font-weight: 500; font-weight: 500;
color: $ui-base-lighter-color; color: $ui-primary-color;
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 15px; margin-bottom: 15px;
border-bottom: 1px solid lighten($ui-base-color, 4%); border-bottom: 1px solid lighten($ui-base-color, 4%);
@ -150,7 +150,7 @@
a, a,
span { span {
font-weight: 400; font-weight: 400;
color: lighten($ui-base-color, 34%); color: darken($ui-primary-color, 10%);
} }
a { a {
@ -262,11 +262,11 @@
.text { .text {
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
color: $ui-base-lighter-color; color: $ui-primary-color;
h6 { h6 {
font-weight: 500; 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: 16px/28px 'mastodon-font-sans-serif', sans-serif;
font-weight: 400; font-weight: 400;
margin-bottom: 12px; margin-bottom: 12px;
color: $ui-base-lighter-color; color: $ui-primary-color;
a { a {
color: $ui-highlight-color; color: $ui-highlight-color;
@ -531,13 +531,13 @@
line-height: 24px; line-height: 24px;
font-weight: 500; font-weight: 500;
margin-bottom: 20px; margin-bottom: 20px;
color: $ui-primary-color; color: $ui-secondary-color;
} }
p { p {
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
color: $ui-base-lighter-color; color: $ui-primary-color;
} }
.features { .features {
@ -623,7 +623,7 @@
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
line-height: inherit; line-height: inherit;
color: $ui-primary-color; color: lighten($ui-primary-color, 10%);
} }
h1 { h1 {

View file

@ -32,10 +32,10 @@ code {
line-height: 18px; line-height: 18px;
margin-top: 15px; margin-top: 15px;
margin-bottom: 0; margin-bottom: 0;
color: $ui-base-lighter-color; color: $ui-primary-color;
a { a {
color: $ui-primary-color; color: $ui-highlight-color;
} }
} }
} }