[colorhex=008282]LOGS G3T >:][/colorhex]
[colorhex=008282][/colorhex]
[colorhex=008282][09:14] [color=#646464]-- sleuthedCrocodylia [color=#2f2f2f][SC][/color] began trolling grievousCrimes [color=#008282][GC][/color] at 09:14 --[/color][/colorhex]
[colorhex=008282][09:14] [color=#646464]-- grievousCrimes [color=#008282][GC][/color] is now an idle chum! --[/color][/colorhex]
[colorhex=008282][09:14] [color=#2f2f2f]SC: ♡I UR U♤ER I♤ ♤UPER ♧OOL . . .[/color][/colorhex]
[colorhex=008282][09:16] [color=#008282]GC: WH4T[/color][/colorhex]
[colorhex=008282][09:16] [color=#2f2f2f]SC: UR U♤ER[/color][/colorhex]
[colorhex=008282][09:16] [color=#2f2f2f]SC: ♧♡um♡an♢le t♡ingie[/color][/colorhex]
[colorhex=008282][09:16] [color=#2f2f2f]SC: i♤ ♤uper ra♢[/color][/colorhex]
[colorhex=008282][09:16] [color=#008282]GC: J3GUS 1 W4K3 UP 4ND SOM3ON3 W1TH TH3 MOST 1NCOMPR3H3NC4BL3 TYP1NG QU1RK SHOWS UP 1S P3ST3R1NG M3[/color][/colorhex]
[colorhex=008282][09:17] [color=#2f2f2f]SC: IM ♤O ♤ORRY :♤OB:[/color][/colorhex]
[colorhex=008282][09:17] [color=#008282]GC: 4NYW4Y, WH4TS UP?[/color][/colorhex]
[colorhex=008282][09:17] [color=#008282]GC: 1'M G3TT1NG 1TY[/color][/colorhex]
[colorhex=008282][09:17] [color=#2f2f2f]SC: not♡ing mu♧♡ ju♤t ♧♡atting ! ♤leut♡ing an♢ all t♡at ♧ool ♤♡it :-)[/color][/colorhex]
[colorhex=008282][09:17] [color=#2f2f2f]SC: wby[/color][/colorhex]
[colorhex=008282][09:17] [color=#2f2f2f]SC: an♢ alr ![/color][/colorhex]
[colorhex=008282][09:18] [color=#008282]GC: 1 H4V3 NOT B33N 4W4K3 LONG 3NOUGH TO FORM 4NY FUCK1NG OP1N1ONS 4BOUT MY ST4T3 OF B31NG[/color][/colorhex]
[colorhex=008282][09:18] [color=#2f2f2f]SC: lolol fair[/color][/colorhex]
[colorhex=008282][09:18] [color=#008282]GC: WH4T 1 DO KNOW MY MOUTH T4ST3S L1K3 SL1M3 >:][/color][/colorhex]
[colorhex=008282][09:18] [color=#2f2f2f]SC: goo♢morning !!!!![/color][/colorhex]
[colorhex=008282][09:18] [color=#2f2f2f]SC: E♡E♡E♡ neat !![/color][/colorhex]
[colorhex=008282][09:19] [color=#2f2f2f]SC: w♡enever i wake up my mout♡ i♤ ♢ry a♤ ♡ell[/color][/colorhex]
[colorhex=008282][09:20] [color=#008282]GC: MM, H4T3 TO BR34K TH1S UN3XP3CT3DLY CHUMMY CONVO BUT 1 GOT SH1T TO DO[/color][/colorhex]
[colorhex=008282][09:20] [color=#008282]GC: L4T3R >:][/color][/colorhex]
[colorhex=008282][09:21] [color=#646464]-- grievousCrimes [color=#008282][GC][/color] gave up trolling sleuthedCrocodylia [color=#2f2f2f][SC][/color] at 09:21 --[/color][/colorhex]

@andrewfeeney

It got a really simple one right.

What does this svg file represent?
<svg width="100" height="100" viewBox="0 0 100 100">
<rect x="0" y="0" width="100" height="100" fill="#2F2F2F" />
</svg>

This SVG file represents a black rectangle.

Of the current ones, it's the dark one. But I still miss my own selfmade "everything #2F2F2F with light gray text, lime green links and white icons"

Don't like the purple stuff.

@tomasino for now it's a script for the stylus add-on

Here is the code, might put it on github or figure out how to make it a proper theme later :). The column width code is also from elsewhere, have to attribute when proper publishing :)

@-moz-document domain("tilde.zone") {
/* Adjusts to remove horizontal scrollbar
   in smaller window size (e.g. 1280x1024) */
@media (min-width: 800px) {
    .wide .drawer {
        min-width: 280px;
    }
}

/* Adjusts to use up space in larger
   window size (e.g. 1920x1080)      */
@media (min-width: 1024px) {
    .columns-area > div {
        width: 25%;
        max-width: 25%;
    }
    .wide .drawer,
    .wide .column,
    .columns-area > div > .column,
    .columns-area > div > .mastodon-column-container > .column,
    .wide .columns-area:not(.columns-area--mobile) .column {
        max-width: 100%;
        flex: auto;
    }
}


.column,
.drawer {
    flex: 0 0 auto;
    padding: 20px 10px;
    padding-bottom: 0;
}

/*fix missing round corners*/
.drawer--header,
.drawer__pager {
    border-radius: 5px;
}

/* add dropshadows if content scrolls behind it*/
.column-header__wrapper:not(.column[data-column="notifications"] > .column-header__wrapper),
.notification__filter-bar {
    box-shadow: 0px 15px 11px -11px rgba(0, 0, 0, 1);
}
.notification__filter-bar {
    z-index: 1;
    /*the f?*/
}

html * {
    scrollbar-color: #2f2f2f rgba(0, 0, 0, .1);
    scrollbar-width: thin !important;
}


/* bright cards*/
.drawer--header,
.column-header__button,
.column-header__notif-cleaning-buttons button,
.column-header,
.column-header__back-button {
    background: #373737;
}

/* semi-bright*/
.column-subheading,
.account__section-headline a,
.account__section-headline button,
.notification__filter-bar a,
.notification__filter-bar button,
.search__input,
.column-link {
    background: #242424;
}



/* dark cards*/
.drawer__inner,
.detailed-status__action-bar {
    background-color: #1e1e1e;
}

.detailed-status,
.status,
.notification {
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #1e1e1e;
    border: 1px solid #313131;
    border-radius: 3px;
}
.detailed-status {
    margin-bottom: 0;
    border-bottom: 0px;
}
.detailed-status__action-bar {
    background-color: #1e1e1e;
    border: 1px solid #333;
    border-top: 0;
}

.status.collapsed .status__content::after {
    background: linear-gradient(rgba(40, 44, 55, 0), #1e1e1e);
}

.status.collapsed .status__content {
    height: auto !important;
    max-height: 80px !important;
}


/* faint black*/
.item-list {
    background-color: transparent !important;
}

.column > .scrollable,
.drawer__inner__mastodon {
    background-color: #040404 !important;
}


/* blacked */
body {
    background-color: black !important;
}


/* lower visibility (logo too bright) */
.drawer__inner__mastodon {
    opacity: 0.6;
}

/*fixing blueish buttons*/
.icon-button,
.drawer--header > *,
.column-header__button,
.text-icon-button {
    /*color:#00abc6;*/
}

:root {
    --action-color: #4fe7ff;
}


/*ugly purple*/
.column-header.active .column-header__icon,
.text-icon-button.active,
.column-header__back-button,
.icon-button.active:not(.icon-button.bookmark-icon.active, .icon-button.star-icon.active) {
    color: var(--action-color) !important;
}


.compose-form__sensitive-button .checkbox.active {
    border-color: #6eff84 !important;
    background-color: var(--action-color) !important;
}

.button {
    background-color: #353535;
    color: var(--action-color);
}


/* the editor*/
.compose-form .autosuggest-textarea label .autosuggest-textarea__textarea,
.spoiler-input input,
.privacy-dropdown.active .privacy-dropdown__value {
    background-color: black;
    color: white;
}
.compose-form__buttons-wrapper,
.compose-form__modifiers {

    background-color: #353535;
}



.button:disabled {
    background-color: #353535;
    color: grey;
}


.compose-form__upload__actions,
.compose-form__upload__warning {
    background-image: none;
    background-color: #00000082;
}
}

Base Color : 7F1B89
Mode : monochrome-light
#121212
#202020
#2F2F2F
#3D3D3D
#74197D
#8A1D95
#A121AD
#B725C6
#C92ED9