scalie-business/mastodon
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix icon button contrast, boost button especially, muted text in notifications column

Browse source
This commit is contained in:
Andrew 2017-12-19 02:18:18 -08:00 • committed by nightpool
parent 8bdc6af9d3
commit 09e7807be1
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
app/javascript/styles/light.scss
View file

@ -8,19 +8,26 @@ $primary-text-color: #382b32;
$header-color: $ui-primary-color; $header-color: $ui-primary-color;
$header-text-color: #fff; $header-text-color: #fff;
$icon-button-inactive-color: lighten(desaturate($ui-base-lighter-color, 20%), 20%);
$about-page-text: $primary-text-color; $about-page-text: $primary-text-color;
@import 'application'; @import 'application';
$ui-base-lighter-color: $icon-button-inactive-color;
@import 'mastodon/boost';
$ui-base-lighter-color: darken($ui-base-color, 40%); // Lighter darkest
$gold-star: #dd9d08; $gold-star: #dd9d08;
/* cybre-specific additions */ /* cybre-specific additions */
.column .static-content.getting-started { .column .static-content.getting-started {
background-image: url('../images/logo-cybre-light.png'); background-image: url('../images/logo-cybre-light.png');
background-size:50% 50%; background-size:auto 50%;
background-position: 50% 75%; background-position: 50% 75%;
background-repeat:no-repeat;
} }
.ui, body { .ui, body {
@ -235,21 +242,21 @@ button.icon-button {
} }
&.disabled { &.disabled {
color: lighten($ui-base-lighter-color, 20%); color: desaturate($icon-button-inactive-color, 5%);
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
color: lighten($ui-base-lighter-color, 20%); color: desaturate($icon-button-inactive-color, 5%);
} }
} }
color: lighten(desaturate($ui-base-lighter-color, 20%), 20%); color: $icon-button-inactive-color;
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
color: darken($ui-base-lighter-color, 5%); color: darken($icon-button-inactive-color, 5%);
} }
} }
@ -413,6 +420,11 @@ button.icon-button {
} }
} }
} }
.muted .status__content p {
color: $icon-button-inactive-color;
}
.dropdown-menu__item { .dropdown-menu__item {
& > a { & > a {
color: $primary-text-color; color: $primary-text-color;
@ -514,7 +526,7 @@ button.icon-button {
.drawer .drawer__inner { .drawer .drawer__inner {
overflow: visible; overflow: visible;
height:inherit; height:inherit;
background-color:$ui-base-alt; background:$ui-base-alt;
} }
.drawer__pager { .drawer__pager {