Tweak mastodon-light theme

This commit is contained in:
Darius Kazemi 2022-12-31 23:30:35 -08:00
parent 79507fa7b2
commit 2ccb6d4529
1 changed files with 15 additions and 4 deletions

View File

@ -26,7 +26,6 @@ html {
} }
// Change default background colors of columns // Change default background colors of columns
.column > .scrollable,
.getting-started, .getting-started,
.column-inline-form, .column-inline-form,
.error-column, .error-column,
@ -36,6 +35,13 @@ html {
border-top: 0; border-top: 0;
} }
.column > .scrollable {
background: $white;
border: 1px solid lighten($ui-base-color, 8%);
border-top: 0;
border-right: 0;
}
.column > .scrollable.about { .column > .scrollable.about {
border-top: 1px solid lighten($ui-base-color, 8%); border-top: 1px solid lighten($ui-base-color, 8%);
} }
@ -62,8 +68,7 @@ html {
.column-back-button, .column-back-button,
.column-header { .column-header {
background: $white; background: lighten($ui-base-color, 8%);
border: 1px solid lighten($ui-base-color, 8%);
@media screen and (max-width: $no-gap-breakpoint) { @media screen and (max-width: $no-gap-breakpoint) {
border-top: 0; border-top: 0;
@ -79,7 +84,7 @@ html {
.column-header__button, .column-header__button,
.column-header__button.active, .column-header__button.active,
.account__header { .account__header {
background: $white; background: lighten($ui-base-color, 8%);
} }
.column-header__button.active { .column-header__button.active {
@ -716,3 +721,9 @@ html {
color: darken($ui-highlight-color, 30%); color: darken($ui-highlight-color, 30%);
} }
} }
@media screen and (max-width: $no-gap-breakpoint - 1px) {
.navigation-panel {
border-left: 0;
}
}