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

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-text-color: #fff;
$icon-button-inactive-color: lighten(desaturate($ui-base-lighter-color, 20%), 20%);
$about-page-text: $primary-text-color;
@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;
/* cybre-specific additions */
.column .static-content.getting-started {
background-image: url('../images/logo-cybre-light.png');
background-size:50% 50%;
background-size:auto 50%;
background-position: 50% 75%;
background-repeat:no-repeat;
}
.ui, body {
@ -235,21 +242,21 @@ button.icon-button {
}
&.disabled {
color: lighten($ui-base-lighter-color, 20%);
color: desaturate($icon-button-inactive-color, 5%);
&:hover,
&:active,
&: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,
&:active,
&: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 {
& > a {
color: $primary-text-color;
@ -514,7 +526,7 @@ button.icon-button {
.drawer .drawer__inner {
overflow: visible;
height:inherit;
background-color:$ui-base-alt;
background:$ui-base-alt;
}
.drawer__pager {