Skip to content

Mastodon Dark, Wide width, easy to use Emoji by AgingFox

Write a review Install Get Stylus

Details

AuthorAgingFox

LicenseNo License

CategoryMastodon

Created

Updated

Size2.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Utilizes empty space to display notification, and generally maximizes amount of space used by columns. Removes light colored elements to work with dark mode.

Notes

Slightly modded version forked from "Mastodon Light, Wide width, easy to use Emoji" at Userstyles.org (141886/mastodon-light-wide-width-easy-to-use-emoji)

Source code

/* ==UserStyle==
@name         Mastodon Dark, Wide width, easy to use Emoji
@version      20231104.19.22
@namespace    ?
==/UserStyle== */

@-moz-document domain("planet.moe"), domain("toot.funami.tech"), domain("uri.life"), domain("ani.work"), domain("pointless.chat"), domain("kurry.social"), domain("muri.network"), domain("netsphere.one"){
.drawer {
    overflow : visible ;
    width : 25% !important ;
    height : 440px !important ;
}
.emoji-dialog {
    z-index : 1 !important  ;
    position : fixed !important ;
    top : 5% !important ;
    left : 0px !important ;
    margin-left : 25% !important ;
    height : 90% !important ;
}
.column {
    flex : auto  !important ;
}
.column:nth-child(3) {
    position : fixed !important ;
    width : 25% !important ; 
    top : 425px !important ;
    height : 100% ;
    padding-left : 10px !important ;
}
.drawer__inner,
.ui {
    background-color: #444B5D;
}
.scrollable ,
.drawer__inner.darker,
.search-results__section *,
.tabs-bar__link:hover,
.drawer__header>a:hover,
.drawer__header>a:hover * {
    background-color: #282c37 !important;
color: #F2F2F2 !important;
}
.scrollable *:not(.fa){
    background-color: #282c37;
    color: #F2F2F2;
}
.account__header div *,
.account__header span,
.account__header__content,
.account__header .fa,
.muted a.status__content__spoiler-link,
.status__content__spoiler-link:hover >span,
.drawer__tab > .fa,
.drawer__tab:hover > .fa  {
    background: rgba(0, 0, 0, 0) !important;
}
.account__header>div {
    background: rgba(245, 245, 255, 0.7)!important;
}
.account__header *{
    color:#222 !important;
}
.status__content a,
.status__content a>span,
span.ellipsis,
.active,
.search__icon * {
    color: #2196F3 !important;
}
.tabs-bar__link.active{
    border-color: #2196F3 ;
}
.compose-form__buttons .active{
    background-color: #282c37;
}
.compose-form__buttons-wrapper, .compose-form__modifiers{
    background-color: #282c37 !important;
}
.autosuggest-textarea__textarea, .search__input, .search__input:focus{
    color: #f2f2f2 !important;
    background-color: #282c37 !important;
}
.button{
    background-color: #2196F3;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}
.button:hover{
    background-color: #2196F3;
    opacity: 0.8;
}
.search * {
    border-radius: 0.4em;
}
.search__input,
.search__input:focus {
    background-color: #F2F2F2;
}
.status__content__spoiler-link *:hover {
    color: #FFF;
}
.column-header,
.column-icon,
.tabs-bar,
.drawer__header,
.drawer__header *,
.column-back-button,
.search-results__header {
    background-color: #2F3442b;
    color: #FFF;
}
.status__content__spoiler-link:hover >span {
    color: #fff !important;
}
.dropdown__content>ul,
.dropdown__content>ul *{
	width:25vw !important;
}
}

Reviews

No reviews yet.