Personal use by Seih

/* ==UserStyle==
@name         HR Night Time
@version      20230114.115
@namespace    userstyles.world/user/seih
@description  A night theme for Horse Reality
@author       Seih
@license      No License
==/UserStyle== */

@-moz-document domain("horsereality.com") {
    :root {
        --m-b-bg: url("https://i.imgur.com/mihDhRR.png");
        --custom-bg-color: #1d2e69;
    }

    .horse_banner.asia,
    .horse_banner.africa,
    .horse_banner.australia,
    .horse_banner.north-america,
    .horse_banner.south-america,
    .horse_banner.europe {
        background-image: var(--m-b-bg);
    }

    .horse-list .horse-item .image {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 110px;
        padding: 13px;
        background-image: var(--m-b-bg)!important;
        background-repeat: no-repeat;
        background-position: -50px 100%;
        background-size: 166%;
    }

    .horse-grid .horse-item .image {
        height: 150px;
        background-image: var(--m-b-bg)!important;
        background-position: -50px 87%;
        background-size: 130%;
opacity: 0.5;
    }

    body.background.africa,
    body.background.asia,
    body.background.australia,
    body.background.europe,
    body.background.north-america,
    body.background.south-america {
        background: var(--custom-bg-color) !important;
    }

    img[src="https://www.horsereality.com/images/world/ava-africa.png"],
    img[src="https://www.horsereality.com/images/world/ava-asia.png"],
    img[src="https://www.horsereality.com/images/world/ava-australia.png"],
    img[src="https://www.horsereality.com/images/world/ava-europe.png"],
    img[src="https://www.horsereality.com/images/world/ava-north-america.png"],
    img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
        content: var(--m-b-bg);
    }

    /* Side panels */
    .leftnav,
    .sidemenu,
    .side-panel,
    .side-panel-left,
    .side-panel-right,
    .sidebar,
    #sidebar {
        background-color: var(--custom-bg-color) !important;
    }

.side-nav {
            width: 147px;
            padding: 10px;
            font-family: roboto,sans-serif;
            background-color: #1d2e69;
opacity: 0.5;
            }

Dit voor de V1:
.leftnav {
            position: absolute;
            top: 0;
            margin: 50px 0 50px 0px;
            width: 147px;
            padding: 10px;
            font-family: roboto,sans-serif;
            background-color: #1d2e69;
opacity: 0.5;
            }



    /* Additional styles to match your example */
    .leftnav .subtitle {
        background-color: var(--custom-bg-color) !important;
    }

    .leftnav .sidemenu a {
        color: dark blue !important; /* Optional: #1d2e69 */
opacity: 0.5;
    }

<img class="minimap" alt="Australia City Map" title="Australia City Map" src="https://www.horsereality.com/images/world/ava-australia.png"> !important;

}

/* ==UserStyle==
@name           Flip Those Foals - Feb 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.horsereality.com/horses/") {
    .horse_photocon .horse_photo img.foal {
        max-width: 320px;
        max-height: 285px;
        margin-left: 170px;
        transform: scaleX(-1);
    }

    .horse-item .image-dam-and-foal .horse-image:last-child {
        position: absolute;
        z-index: 4;
        top: unset;
        right: -10px;
        bottom: 0;
        transform-origin: unset;
        transform: scaleX(-1);
    }
}