vivlim
/
Sleeping4
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Misc fixes: black compose box color, mobile view bottom padding, remove some more border radii

This commit is contained in:
Vivian Lim 2023-02-09 23:21:57 -08:00
parent a4aaff2c77
commit f52140273f
1 changed files with 61 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
sleeping.css
View File

@ -10,6 +10,11 @@ body:after {
font-weight: bold;
}
.account__avatar,
.account__avatar-overlay-overlay,
.account__avatar-overlay-base {
border-radius: 0px;
}
.account__header__bio .account__header__fields a {
color: var(--sleeping-link);
}
@ -128,9 +133,10 @@ body .column-header__notif-cleaning-buttons button.active {
}
.composer--spoiler,
.composer textarea,
.compose-form textarea,
.composer textarea, /* old selector */
.composer--warning {
border-radius: 0;
border-radius: 0 !important;
}
.composer--options,
@ -252,8 +258,8 @@ body .column-header__notif-cleaning-buttons button.active {
}
.button, .button.logo-button {
background: var(--sleeping-accent);
color: var(--sleeping-accent-contrast);
background: var(--sleeping-accent) !important;
color: var(--sleeping-accent-contrast) !important;
}
.simple_form button,
@ -561,6 +567,8 @@ button[aria-label=Favourite].active:active > i {
.glitch.local-settings {
background: var(--sleeping-background);
color: var(--sleeping-background-contrast);
border-radius: 0px;
border: 1px solid var(--sleeping-background-minus10);
}
.glitch.local-settings__navigation,
.glitch.local-settings__navigation__item{
@ -631,6 +639,9 @@ button[aria-label=Favourite].active:active > i {
color: inherit;
opacity: 1;
}
.icon-button {
border-radius: 0px !important;
}
.load-more:hover {
background: var(--sleeping-background-plus5);
color: var(--sleeping-background-plus5-contrast);
@ -762,6 +773,7 @@ button.icon-button i.fa-retweet {
.status__content .status__content__spoiler-link {
background: var(--sleeping-primary);
color: var(--sleeping-primary-contrast);
border-radius: 0px;
}
.status__content .status__content__spoiler-link:hover {
background: var(--sleeping-primary-plus5);
@ -771,8 +783,8 @@ button.icon-button i.fa-retweet {
.button:active,
.button:focus,
.button:hover {
background: var(--sleeping-accent-plus5);
color: var(--sleeping-accent-plus5-contrast);
background: var(--sleeping-accent-plus5) !important;
color: var(--sleeping-accent-plus5-contrast) !important;
}
#sleeping-brightness {
@ -785,30 +797,53 @@ button.icon-button i.fa-retweet {
color: var(--sleeping-background-plus10-contrast) !important;
}
.sleeping-invert-compose .compose-form textarea,
.sleeping-invert-compose .spoiler-input__input,
.sleeping-invert-compose .character-counter,
.sleeping-invert-compose .compose-form__modifiers,
.sleeping-default-compose .compose-form textarea,
.sleeping-default-compose .spoiler-input__input,
.sleeping-default-compose .character-counter,
.sleeping-white-compose .compose-form textarea,
.sleeping-white-compose .spoiler-input__input,
.sleeping-white-compose .character-counter,
/* old class names retained for compatibility */
.sleeping-invert-compose .composer textarea,
.sleeping-invert-compose .composer--spoiler input,
.sleeping-invert-compose .character-counter,
.sleeping-default-compose .composer textarea,
.sleeping-default-compose .composer--spoiler input,
.sleeping-white-compose .composer textarea,
.sleeping-white-compose .composer--spoiler input,
.sleeping-white-compose .character-counter {
.sleeping-white-compose .composer--spoiler input
{
background: #FFF !important;
color: #000 !important;
border-radius: 0px;
}
.sleeping-invert-compose .emoji-button,
.sleeping-white-compose .emoji-button {
background-image: url('/sleeping/emoji-dark.svg') !important;
}
.sleeping-invert-compose.sleeping-background-contrast-is-dark .composer textarea,
.sleeping-invert-compose.sleeping-background-contrast-is-dark .composer--spoiler input,
.sleeping-invert-compose.sleeping-background-contrast-is-dark .compose-form textarea,
.sleeping-invert-compose.sleeping-background-contrast-is-dark .compose-form input,
.sleeping-invert-compose.sleeping-background-contrast-is-dark .character-counter,
.sleeping-black-compose .compose-form textarea,
.sleeping-black-compose .compose-form input,
.sleeping-black-compose .character-counter,
.sleeping-black-compose .compose-form__modifiers,
/* old class names retained for compatibility */
.sleeping-black-compose .composer textarea,
.sleeping-black-compose .composer--spoiler input,
.sleeping-black-compose .character-counter {
.sleeping-invert-compose.sleeping-background-contrast-is-dark .composer textarea,
.sleeping-invert-compose.sleeping-background-contrast-is-dark .composer--spoiler input
{
background: #000 !important;
color: #FFF !important;
border-radius: 0px;
}
/* polls: 'Add a choice' button label */
textarea::placeholder, input::placeholder {
color: inherit !important;
opacity: 0.5;
@ -1400,6 +1435,12 @@ body.sleeping-override-monospace-font-present code, body.sleeping-override-monos
border-color: var(--sleeping-primary-contrast);
}
.column-link__badge {
background: var(--sleeping-accent);
color: var(--sleeping-accent-contrast);
border-radius: 0px;
};
.column-header__button.active, .column-header__button.active:hover, .column-header__notif-cleaning-buttons button.active, .column-header__notif-cleaning-buttons button.active:hover, .announcements {
background: var(--sleeping-background-plus5);
color: var(--sleeping-background-plus5-contrast);
@ -1494,6 +1535,7 @@ body.sleeping-hide-local-timeline [href="/public/local"], body.sleeping-hide-fed
}
.react-toggle-track {
background-color: var(--sleeping-background-minus5);
border-radius: 0px;
}
.react-toggle--checked .react-toggle-track {
background-color: var(--sleeping-primary);
@ -1507,6 +1549,7 @@ body.sleeping-hide-local-timeline [href="/public/local"], body.sleeping-hide-fed
.react-toggle-thumb {
border-width: 2px;
border-color: var(--sleeping-background);
border-radius: 0px;
}
.react-toggle--checked .react-toggle-thumb {
border-color: var(--sleeping-primary-plus5);
@ -1610,6 +1653,7 @@ body:not(.sleeping-classic-char-counter) .compose--counter-wrapper {
.status-card.compact {
background: var(--sleeping-background-plus5);
color: var(--sleeping-background-plus5-contrast);
border-radius: 0px;
}
.status-card, a.status-card {
background: var(--sleeping-background-plus10);
@ -1719,6 +1763,10 @@ a.status-card:hover {
background: var(--sleeping-background);
border-radius: 0;
}
.columns-area--mobile .scrollable {
/* added padding at the bottom so that the button bar doesn't overlap the bottom of the content. */
padding-bottom: 55px;
};
.notification__dismiss-overlay .wrappy {
background: var(--sleeping-background-minus5);
border-bottom: 4px var(--sleeping-background-minus10) solid;
@ -1732,6 +1780,7 @@ a.status-card:hover {
.compose-form__buttons-wrapper, .about__section__title, .trends__header, .privacy-dropdown__option.active, .privacy-dropdown__option:hover, .language-dropdown__dropdown__results__item:active, .language-dropdown__dropdown__results__item:focus, .language-dropdown__dropdown__results__item:hover {
background: var(--sleeping-primary);
color: var(--sleeping-primary-contrast);
border-radius: 0px;
}
.compose-form__buttons > hr {
border-left-color: currentColor;