Add support for masto 4.2
parent
7f43cb001d
commit
4fe475efd6
|
|
@ -1,23 +1,33 @@
|
|||
/* ==UserStyle==
|
||||
@name Deep Blue, Color Scheme for Mastodon
|
||||
@namespace github.com/openstyles/stylus
|
||||
@version 0.15.0
|
||||
@version 0.16.0
|
||||
@author Clovis Gauzy
|
||||
@license BSD-4-Clause
|
||||
@preprocessor less
|
||||
@updateURL https://dev.clov.fr/clov/UserStyles/raw/branch/monster/Mastodon/DeepBlue.css
|
||||
|
||||
@var color deep "Highlights Color" hsl(208, 100%, 50%)
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document regexp(".*") {
|
||||
|
||||
|
||||
:root {
|
||||
--g8: hsl(0, 0%, 8%);
|
||||
--g20: hshsl(0, 0%, 20%);
|
||||
|
||||
--dropdown-background-color: hsl(0, 0%, 10%);
|
||||
--dropdown-border-color: hsl(0, 0%, 5%);
|
||||
--dropdown-shadow: .1em .1em .25em hsl(0, 0%, 0%);
|
||||
--dropdown-dangerous-color: @deep;
|
||||
}
|
||||
|
||||
#mastodon {
|
||||
|
||||
scrollbar-color: hsl(0, 0%, 20%) hsl(0, 0%, 8%);
|
||||
scrollbar-color: var(--g20) var(--g8);
|
||||
|
||||
.status__content {
|
||||
scrollbar-color: lighten(@deep, 15%) hsl(0, 0%, 8%);
|
||||
scrollbar-color: lighten(@deep, 15%) var(--g8);
|
||||
}
|
||||
|
||||
.reply-indicator__content, .status__content {
|
||||
|
|
@ -79,7 +89,9 @@
|
|||
.column-link,
|
||||
.compose-form__sensitive-button .icon-button,
|
||||
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter,
|
||||
.icon-button.inverted {
|
||||
.icon-button.inverted,
|
||||
.spoiler-button__overlay,
|
||||
.media-gallery__gifv__label {
|
||||
color: hsl(0, 0%, 50%);
|
||||
}
|
||||
|
||||
|
|
@ -151,7 +163,8 @@
|
|||
.directory__tag h4,
|
||||
.account__display-name strong, .status__display-name strong,
|
||||
.compose-form .autosuggest-textarea__suggestions__item.selected .display-name,
|
||||
.block-modal__cancel-button, .confirmation-modal__cancel-button, .confirmation-modal__secondary-button, .mute-modal__cancel-button {
|
||||
.block-modal__cancel-button, .confirmation-modal__cancel-button, .confirmation-modal__secondary-button, .mute-modal__cancel-button,
|
||||
{
|
||||
color: hsl(0, 0%, 90%)
|
||||
}
|
||||
|
||||
|
|
@ -221,7 +234,7 @@
|
|||
.public-layout .public-account-bio,
|
||||
.public-layout .header,
|
||||
.drawer__pager, .drawer__inner, .drawer__inner__mastodon, .account__header__bar {
|
||||
background-color: hsl(0, 0%, 8%);
|
||||
background-color: var(--g8);
|
||||
}
|
||||
.hero-widget__text,
|
||||
.activity-stream .entry,
|
||||
|
|
@ -247,6 +260,7 @@
|
|||
.block-modal__action-bar,
|
||||
.boost-modal__action-bar,
|
||||
.confirmation-modal__action-bar,
|
||||
.mute-modal__action-bar{
|
||||
background-color: hsl(0, 0%, 10%);
|
||||
}
|
||||
|
||||
|
|
@ -301,7 +315,7 @@
|
|||
.muted .poll__chart,
|
||||
.compose-form .autosuggest-textarea__suggestions__item.selected,
|
||||
.account__header__account-note textarea:focus {
|
||||
background-color: hsl(0, 0%, 20%)
|
||||
background-color: var(--g20)
|
||||
}
|
||||
|
||||
.poll__text input[type="text"],
|
||||
|
|
@ -402,7 +416,8 @@
|
|||
border-color: @deep;
|
||||
}
|
||||
|
||||
.reply-indicator__content a.unhandled-link, .status__content a.unhandled-link,
|
||||
.reply-indicator__content a.unhandled-link,
|
||||
.status__content a.unhandled-link,
|
||||
.column-header__back-button,
|
||||
.column-back-button,
|
||||
.account__header__bio .account__header__fields a,
|
||||
|
|
@ -412,16 +427,12 @@
|
|||
.text-icon-button.active,
|
||||
.reply-indicator__content a,
|
||||
.trends__item__name a,
|
||||
.muted .status__content a:hover, .muted .status__content a:active, .muted .status__content a:focus,
|
||||
a.table-action-link, button.table-action-link {
|
||||
color: @deep
|
||||
}
|
||||
|
||||
|
||||
.status__content a {
|
||||
color: darken(@deep, 20%)
|
||||
}
|
||||
|
||||
.muted .status__content a:hover,
|
||||
.muted .status__content a:active,
|
||||
.muted .status__content a:focus,
|
||||
a.table-action-link,
|
||||
button.table-action-link,
|
||||
.status__content a,
|
||||
.status__content a span {
|
||||
color: @deep
|
||||
}
|
||||
|
|
@ -481,7 +492,8 @@
|
|||
}
|
||||
|
||||
.account__header__content a,
|
||||
.status__content a {
|
||||
.status__content a,
|
||||
.hashtag-bar a {
|
||||
color: darken(@deep, 5%);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -565,4 +577,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.dropdown-menu__item--dangerous {
|
||||
color: var(--dropdown-dangerous-color)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/* ==UserStyle==
|
||||
@name Quick Tweak Mastodon
|
||||
@namespace github.com/openstyles/stylus
|
||||
@version 0.15.1
|
||||
@version 0.16.0
|
||||
@author Clovis Gauzy
|
||||
@license BSD-4-Clause
|
||||
@preprocessor less
|
||||
|
|
@ -266,7 +266,71 @@
|
|||
.fa.fa-unlock:before {
|
||||
content: "🔓";
|
||||
}
|
||||
.status-card__content {
|
||||
padding: .75em .5em
|
||||
|
||||
}
|
||||
.status-card__author, .status-card__host, .status-card__description {
|
||||
font-size: .7em;
|
||||
}
|
||||
.status-card__host {
|
||||
margin-bottom: .5em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.status-card__title {
|
||||
font-size: .9em;
|
||||
line-height: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
* {
|
||||
aspect-ratio: auto!important;
|
||||
}
|
||||
|
||||
.spoiler-button__overlay span {
|
||||
display: inline;
|
||||
margin-left: .25em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-gallery__gifv__label,
|
||||
.status__line {
|
||||
display: none;
|
||||
}
|
||||
.spoiler-button {
|
||||
opacity: .5;
|
||||
}
|
||||
.media-gallery:hover .spoiler-button {
|
||||
display: inherit;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.compose-form__highlightable.active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.hashtag-bar {
|
||||
font-size: .9em;
|
||||
font-weight: 100;
|
||||
|
||||
.link-button {
|
||||
font-weight: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.status--in-thread .attachment-list,
|
||||
.status--in-thread .audio-player,
|
||||
.status--in-thread .hashtag-bar,
|
||||
.status--in-thread .media-gallery,
|
||||
.status--in-thread .picture-in-picture-placeholder,
|
||||
.status--in-thread .status-card,
|
||||
.status--in-thread .status__action-bar,
|
||||
.status--in-thread .status__content,
|
||||
.status--in-thread .video-player {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -286,6 +350,4 @@
|
|||
overflow-y: visible;
|
||||
scrollbar-width: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue