Skip to content

Windfinder Dark theme by wooterthetroubleshooter

Screenshot of Windfinder Dark theme

Details

Authorwooterthetroubleshooter

LicenseNo License

Categorywindfinder.com

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for Windfinder

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Windfinder Dark theme
@namespace      USO Archive
@author         Wooter the Troubleshooter
@description    `Dark theme for Windfinder`
@version        20190328.15.7
@license        CC-BY-4.0
@preprocessor   uso
==/UserStyle== */
/* ==UserStyle==
@name           Dark @name - 3/28/2019, 12:53:58 PM
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    Dark theme for Windfinder
@author         WooterTheTroubleshooter
==/UserStyle== */

@-moz-document domain("windfinder.com") {
body, main, header, footer, .tabnav-wrapper, .wp-desktop,
.sitenav__inner
{
    background-color: #0c192d;
}

body,
.weathertable .row-stripe .weathertable__cellgroup,
.spot-headline__large
{
    color: #cacaca;
}
.spot-headline__small,
.spotcurrent__notification,
.weathertable .data-gusts,
.row-clear .weathertable__cellgroup,
.alert-box
{
    color: #6f6f6f;
}



.icon-back-to-maps,
.forecastinfo__fcexplainer,
.section.chart,
.c-red,
h3,
.text__p a,
.label--info,
.btn,
.icon-wflogo-large,
.toggle-icon,
.burger-fries,
.spotsearch,
.sitenav__mainitem,
.site-header__navbar-wrap,
.sitefooter__link,
.sitefooter,
.siteheader__settings-toggle>.buttonlabel,
.siteheader__help-link>.buttonlabel,
.siteheader__favstoggle>.buttonlabel,
.siteheader__menutoggle>.buttonlabel,
.topspot-rank-item,
.btn-scrolltop,
.text__link
{
    filter: hue-rotate(190deg);
}

ul.tabs li.active, ul.tabs li:hover,
.btn-group .header-fav-button-add,
.siteheader__menutoggle.is-toggled,
.siteheader__favstoggle.is-toggled,
.siteheader__settings-toggle.is-toggled
{
    background-color: #005960;
}


.row-clear .weathertable__cellgroup
{
    background-color: #F0F0F0;
}
.weathertable .row-stripe .weathertable__cellgroup
{
    background-color: inherit;
}

section.chart {
    filter: invert(90%);
}

}

Reviews

No reviews yet.