Skip to content

Moxfield wallpaper by Maeti

Screenshot of Moxfield wallpaper

Details

AuthorMaeti

LicenseNo License

Categorymoxfield

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Wallpaper with tint. fit to screen is broken on some pages.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           moxfield.com - Apr 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Wallpaper with tint
@author         Mæti
==/UserStyle== */

@-moz-document domain("moxfield.com") {
.darkmode, [data-theme=dark] {
    position: relative; /* Ensure proper positioning of pseudo-element */
    background-color: #0c000e80;
    color: #ddd;
}

.darkmode::before, [data-theme=dark]::before {
    content: ""; /* Necessary for the pseudo-element to appear */
    position: absolute; /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%; /* Cover the entire element */
    height: 100%;
    background-image: url('https://images.alphacoders.com/862/862843.jpg');
    background-size: auto 100%; /* Fit the height, maintain aspect ratio */
    background-position: center; /* Center the image horizontally and vertically */
    opacity: 0.8; /* Adjust the opacity value as needed */
    z-index: -1; /* Ensure the pseudo-element is behind the content */
}   /* Insert code here... */
}

Reviews

No reviews yet.