mirror of https://github.com/tootsuite/mastodon
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.scsspull/4634/merge
parent
4cbb638604
commit
143b77e10d
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue