Pleroma User Styles

Compact Navigation Bar.user.css

/* ==UserStyle==
@name        Compact Navigation Bar
@version     1.1.0
@description Compacts the vertical navbar into a horizontal iconic one.
@namespace   github.com/Craftplacer
@author      Craftplacer
==/UserStyle== */
@-moz-document domain("fedi.absturztau.be") {
:root {
    --icon-size: 20px;
    --nav-padding: 0px;
    --nav-height: 48px;
    --nav-item-rounding: 0px;
}

.nav-panel > .panel {
    height: var(--nav-height);
}

.nav-panel ul {
    display: flex;
    height: 100%;
    padding: var(--nav-padding);
}

.nav-panel li {
    width: -moz-available;
    width: -webkit-fill-available;
    border-bottom: none;
    border-radius: var(--nav-item-rounding);
}

.nav-panel a {
    font-size: 0;
    height: 100%;
    display: flex;
    position: relative;
}

.nav-panel .button-icon {
    margin: auto;
    font-size: var(--icon-size);
    color: var(--link,#d8a070);
}

.nav-panel > .panel > ul > li:hover > a:not(.router-link-active) > .button-icon {
    color: var(--selectedMenuText,#b9b9ba);
}

.nav-panel > .panel > ul > li > .router-link-active > .button-icon {
    color: var(--selectedMenuLightText);
}

.nav-panel .badge {
    position: absolute;
    right: 0;
    font-size: initial;
}
}

Faint usernames.user.css

/* ==UserStyle==
@name        Faint usernames
@version     1.0.0
@description Makes the username (and instance name) less prominent 
@namespace   github.com/Craftplacer
@author      Craftplacer
==/UserStyle== */
@-moz-document domain("fedi.absturztau.be"), domain("kartoffel.cafe") {
    .account-name {
        color: inherit; /* Remove link color */
        opacity: .25;
        font-style: italic;
    }
}

full-panel-buttons.user.css

@-moz-document domain("fedi.absturztau.be"), domain("kartoffel.cafe") {
/* ==UserStyle==
@name        Full panel buttons
@version     1.0.0
@description Extends buttons on panel headers all the way to the border.
@namespace   github.com/Craftplacer
@author      Craftplacer
==/UserStyle== */
.panel-heading > button {
    background: rgba(255, 255, 255, 0.25);
    color: var(--panelText);

    box-shadow: none;

    padding: 0 1em;
    margin-top: -.6em;
    margin-bottom: -.6em;
    margin-right: -.5em;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-heading > button:not(:last-child) {
    border-top-right-radius: 0;
    border-right: solid 1px var(--panelText);
}

.panel-heading > button:first-child {
    box-shadow: rgba(0, 0, 0, 0.25) -2px 0px 1px;
}
}