diff --git a/Mastodon/DeepBlue.css b/Mastodon/DeepBlue.css index 9943ced..9956739 100644 --- a/Mastodon/DeepBlue.css +++ b/Mastodon/DeepBlue.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Deep Blue, Color Scheme for Mastodon @namespace github.com/openstyles/stylus -@version 0.10.3 +@version 0.11.0 @author Clovis Gauzy @license BSD-4-Clause @preprocessor less @@ -10,12 +10,12 @@ @var color deep "Highlights Color" hsl(208, 100%, 50%) ==/UserStyle== */ -@-moz-document regexp("^https:\\/\\/(switter\\.at|sinblr\\.com|social\\.tchncs\\.de|(travelpandas|mamot|diaspodon)\\.fr|(baraag|(music\\.)?pawoo)\\.net|friends\\.nico|framapiaf\\.org|(dissidents|hostux|humblr|octodon)\\.social|mstdn|maly\\.(fr|io|jp)|mastodon\\.(tedomum\\.net|xyz|social|technology|online))\\/.*") { - - html { - scrollbar-color: hsl(0, 0%, 20%) hsl(0, 0%, 8%); - } +@-moz-document regexp(".*") { +#mastodon { + + scrollbar-color: hsl(0, 0%, 20%) hsl(0, 0%, 8%); + .reply-indicator__content, .status__content { line-height: 1.2; font-weight: 300; @@ -259,7 +259,8 @@ .column-header__button:hover, .column-back-button:hover, .column-header__back-button:hover, a.status-card.compact, .status-card, - .block-modal { + .block-modal, + .dismissable-banner { background-color: hsl(0, 0%, 12%) } @@ -310,7 +311,8 @@ /* --- */ - .public-layout .public-account-header__tabs__tabs .counter { + .public-layout .public-account-header__tabs__tabs .counter, + .dismissable-banner { border-color: hsl(0, 0%, 7%); } @@ -439,11 +441,15 @@ background-color: darken(@deep, 30%); } + - - .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:active, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:focus, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover { + .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:active, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:focus, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover, + .poll__chart { background-color: lighten(@deep, 15%); } + .poll__chart.leading { + background-color: @deep; + } .status__prepend .status__display-name strong, @@ -457,6 +463,7 @@ text-decoration: none; } + .status__wrapper--filtered__button, .directory__tag h4 .fa, .status__content__read-more-button:hover, .status__content__read-more-button:active, .status__content__read-more-button:focus, .focusable:focus { @@ -532,5 +539,6 @@ background-image: url("data:image/svg+xml;utf8,"); } } +} diff --git a/Mastodon/QuickTweak.css b/Mastodon/QuickTweak.css index eb4df1e..05c084a 100644 --- a/Mastodon/QuickTweak.css +++ b/Mastodon/QuickTweak.css @@ -1,19 +1,18 @@ /* ==UserStyle== @name Quick Tweak Mastodon @namespace github.com/openstyles/stylus -@version 0.10.1 +@version 0.11.0 @author Clovis Gauzy @license BSD-4-Clause @preprocessor less @updateURL https://dev.clov.fr/clov/UserStyles/src/branch/monster/Mastodon/QuickTweak.css ==/UserStyle== */ -@-moz-document regexp("^https:\\/\\/(switter\\.at|sinblr\\.com|social\\.tchncs\\.de|(travelpandas|mamot|diaspodon)\\.fr|(baraag|(music\\.)?pawoo)\\.net|friends\\.nico|framapiaf\\.org|(dissidents|hostux|humblr|octodon)\\.social|mstdn|maly\\.(fr|io|jp)|mastodon\\.(tedomum\\.net|xyz|social|technology|online))\\/.*") { +@-moz-document regexp(".*") { + + /* body { - font-size: 1rem; - line-height: 1; - margin: 0; - padding: 0; + } body.with-modals--active { margin-right: 1em; @@ -34,7 +33,13 @@ left: 0; right: 0; overflow: hidden!important; - } + } */ + +#mastodon { + font-size: 1rem; + line-height: 1; + margin: 0; + padding: 0; .ui { overflow: auto; @@ -47,11 +52,9 @@ } .column, .drawer { - margin: 0; padding: 0!important; - width: auto; - - + width: auto; + margin: 0 1px; } .column { flex: 1; @@ -72,12 +75,14 @@ height: auto; } + .notification__message, + .status__prepend, .embed .status, .public-layout .status, .status { padding: .5em; min-height: 0; } - +/* .embed .status__avatar, .public-layout .status__avatar, .status__avatar { float: left; @@ -88,6 +93,10 @@ width: 3.75em; background-size: cover } + .account__avatar { + width: 1em; + height: 1em!important; + } .embed .account__avatar-overlay, .public-layout .account__avatar-overlay, .account__avatar-overlay { height: 3.8em; @@ -98,18 +107,21 @@ height: 3.2em; width: 3.2em; background-size: cover - } + }*/ .embed .account__avatar-overlay-base, .public-layout .account__avatar-overlay-base, .account__avatar-overlay-overlay { + /* + z-index: 10; top: -1.15em; left: .33em; - height: 1.5em; - width: 1.5em; - right: .25em; + height: 1.25em; + width: 1.25em; background-size: cover; - opacity: .8; - border-radius: .33em!important; + right: .25em; */ + opacity: .6; + /* border-radius: .33em!important; */ } + .muted .status__avatar { opacity: 1; } @@ -262,6 +274,10 @@ position: initial } + .compose-form { + padding: .25rem; + } + .compose-form .autosuggest-textarea__textarea { padding: .5em; } @@ -282,5 +298,15 @@ border: none; border-radius: 0!important; } + + } + + .emoji-mart-scroll { + height: auto; + max-height: calc(100vh - 30em); + } + +} +