Skip to content

MeteoNook by eonflare14

Screenshot of MeteoNook

Details

Authoreonflare14

LicenseCC BY-SA 4.0

CategoryMeteoNook

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

MeteoNook is a weather tracking web-app for Animal Crossing New Horizons (ANCH), this theme just makes it a touch less blinding.

For keyword searches:
ac:nh

Notes

Setup pages may be unfinished.
Please set up islands with the theme deactvated, and then use with the theme for checking weather as per usual.

Source code

/* ==UserStyle==
@name         MeteoNook
@version      20220809.11.44
@namespace    userstyles.world/user/eonflare14
@description  MeteoNook is a weather tracking web-app for Animal Crossing New Horizons (ANCH), this theme just makes it a touch less blinding.
@author       eonflare14
@license      CC BY-SA 4.0
==/UserStyle== */

@-moz-document url-prefix("https://wuffs.org/acnh/weather/") {
* {
    background-color: #1d1d23;
    color: #dedede;
}

a {
    color: #4545a5;
}

.bg-light {
    /*bg-light has `!important` flags that must be overriden*/
    background-color: #1d1d23 !important;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #dedede;
}

.dropdown-menu {
    background-color: #1d1d23;
}

.dropdown-header {
    color: #dedede;
}

.dropdown-item {
    color: #6c757d;
}

.nav-tabs .nav-link {
    border: none;
    background-color: #292938;
    color: #dedede;
}

.nav-tabs .nav-link:hover {
    background-color: #303043;
}

.nav-tabs .nav-link.active {
    border: none;
    background-color: #434361;
    color: #dedede;
}

.mWeekday {
    background-color: #00000000;
    color: #dedede;
}

.wday-6 .mWeekday {
    color: #6eb6ba;
}

.wday-0 .mWeekday {
    color: #6eb6ba;
}

.lightShower {
    background-color: #8166a9;
}

.heavyShower {
    background-color: #49287a;
}

.close {
    color: #fff;
    text-shadow: 0 1px 0 #777;
}

.close:hover {
    color: #777;
    text-shadow: 0 1px 0 #222;
}

.w {
    background: linear-gradient(180deg, #2d5189, #5daac7);
}

.w3,
.w4,
.w5 {
    background: linear-gradient(180deg, #4a525f, #567581);
}
}

Reviews

No reviews yet.