Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Recolor Preferences/Admin UI to better match main design (#31034)

Browse source
This commit is contained in:
Michael Stanclift 2024-07-23 10:30:45 -05:00 • committed by GitHub
parent cd0ca4b994
commit 8b7f93cc7f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 266 additions and 189 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/javascript/styles/mastodon/components.scss
View file

@ -521,7 +521,7 @@ body > [data-popper-placement] {
gap: 16px;
flex: 0 1 auto;
border-radius: 4px;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
transition: border-color 300ms linear;
min-height: 0;
position: relative;
@ -587,7 +587,7 @@ body > [data-popper-placement] {
.autosuggest-input {
flex: 1 1 auto;
border-bottom: 1px solid lighten($ui-base-color, 8%);
border-bottom: 1px solid var(--background-border-color);
}
}
@ -1452,7 +1452,7 @@ body > [data-popper-placement] {
}
&--first-in-thread {
border-top: 1px solid lighten($ui-base-color, 8%);
border-top: 1px solid var(--background-border-color);
}
&__line {
@ -1794,7 +1794,6 @@ body > [data-popper-placement] {
.account {
padding: 16px;
border-bottom: 1px solid var(--background-border-color);
.account__display-name {
flex: 1 1 auto;
@ -3325,7 +3324,7 @@ $ui-header-logo-wordmark-width: 99px;
.copy-paste-text {
background: lighten($ui-base-color, 4%);
border-radius: 8px;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
padding: 16px;
color: $primary-text-color;
font-size: 15px;
@ -4728,7 +4727,7 @@ a.status-card {
section {
padding: 16px;
border-bottom: 1px solid lighten($ui-base-color, 8%);
border-bottom: 1px solid var(--background-border-color);
&:last-child {
border-bottom: 0;
@ -5316,7 +5315,7 @@ a.status-card {
input {
padding: 8px 12px;
background: $ui-base-color;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
color: $darker-text-color;
@media screen and (width <= 600px) {
@ -5402,7 +5401,7 @@ a.status-card {
margin-top: -2px;
width: 100%;
background: $ui-base-color;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
border-radius: 0 0 4px 4px;
box-shadow: var(--dropdown-shadow);
z-index: 99;
@ -8789,13 +8788,13 @@ noscript {
}
.search__input {
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
padding: 10px;
padding-inline-end: 30px;
}
.search__popout {
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
}
.search .icon {
@ -9114,7 +9113,7 @@ noscript {
&__input {
@include search-input;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
padding: 4px 6px;
color: $primary-text-color;
font-size: 16px;
@ -9149,7 +9148,7 @@ noscript {
margin-top: -1px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
}
&.focused &__input {