treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix text colors (#7227)

lolsob-rspec
Lynx Kotoura 2018-04-22 21:29:40 +09:00 committed by Eugen Rochko
parent f57fc4ca51
commit e0c3d950d1
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/styles/contrast/variables.scss
View File

@ -4,6 +4,7 @@ $black: #000000;
$classic-base-color: #282c37; $classic-base-color: #282c37;
$classic-primary-color: #9baec8; $classic-primary-color: #9baec8;
$classic-secondary-color: #d9e1e8; $classic-secondary-color: #d9e1e8;
$classic-highlight-color: #2b90d9;
$ui-base-color: $classic-base-color !default; $ui-base-color: $classic-base-color !default;
$ui-primary-color: $classic-primary-color !default; $ui-primary-color: $classic-primary-color !default;
@ -15,6 +16,7 @@ $ui-highlight-color: #2b5fd9;
$darker-text-color: lighten($ui-primary-color, 20%) !default; $darker-text-color: lighten($ui-primary-color, 20%) !default;
$dark-text-color: lighten($ui-primary-color, 12%) !default; $dark-text-color: lighten($ui-primary-color, 12%) !default;
$secondary-text-color: lighten($ui-secondary-color, 6%) !default; $secondary-text-color: lighten($ui-secondary-color, 6%) !default;
$highlight-text-color: $classic-highlight-color !default;
$action-button-color: #8d9ac2; $action-button-color: #8d9ac2;
$inverted-text-color: $black !default; $inverted-text-color: $black !default;

6
app/javascript/styles/mastodon/components.scss
View File

@ -701,7 +701,7 @@
border-radius: 2px; border-radius: 2px;
background: transparent; background: transparent;
border: 0; border: 0;
color: $lighter-text-color; color: $inverted-text-color;
font-weight: 700; font-weight: 700;
font-size: 11px; font-size: 11px;
padding: 0 6px; padding: 0 6px;
@ -4037,6 +4037,10 @@ a.status-card {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
.status__content a {
color: $highlight-text-color;
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
max-height: 10vh; max-height: 10vh;
} }