Skip to content

WFCLR2 by ItsJonQ

Details

AuthorItsJonQ

LicenseNo License

Categoryuserstyles

Created

Updated

Code size2.5 kB

Code checksum58016ad4

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A new userstyle

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           WFCLR2
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("design.webflow.com") {
    /* TEXT */
    html body[data-theme],
    html body div[data-theme] {
        --colors-text-heading: white;
        --colors-text-active: white;
        --colors-text-default: rgba(255,255,255,0.67);
        --colors-text-secondary: rgba(255,255,255,0.67);
        --colors-text-placeholder: rgba(255,255,255,0.67);
        --colors-text-inverse: black;
        --colors-action-primary-text: white;
        --colors-action-primary-text-hover: white;
        --colors-action-primary-icon: white;
        --colors-action-primary-icon-hover: white;
        --colors-action-secondary-text: white;
        --colors-action-secondary-text-hover: white;
    }
    
    /* BACKGROUNDS */
    html body[data-theme],
    html body div[data-theme] {
        --colors-background-3: var(--colors-background-2);
        --colors-background-4: var(--colors-background-2);
        --colors-background-5: var(--colors-background-2);
        --colors-ui-background-active: rgba(255,255,255, 0.1);
        --colors-ui-background-hover: rgba(255,255,255, 0.1);
        --colors-ui-card-background: rgba(255,255,255, 0.1);
    }
    
    [data-automation-id="overlay"] svg[style*="filter"] {
        color: var(--colors-background-1) !important;
    }
    
    [data-automation-id="overlay"] svg[style*="filter"] > path {
        fill: var(--colors-background-1) !important;
    }
}

@-moz-document url-prefix("https://webflow.com/dashboard") {
    /* TEXT */
    html body[data-theme],
    html body div[data-theme] {
        --colors-text-heading: black;
        --colors-text-active: black;
        --colors-text-default: #00000099;
        --colors-text-secondary: #00000099;
        --colors-text-placeholder: #00000080;
        --colors-text-inverse: white;
        --colors-action-secondary-text: black;
        --colors-action-secondary-text-hover: black;
    }
    
    /* BACKGROUNDS */
    html body[data-theme],
    html body div[data-theme] {
        --colors-background-3: var(--colors-background-2);
        --colors-background-4: var(--colors-background-2);
        --colors-background-5: var(--colors-background-2);
        --colors-ui-background-active: rgba(0,0,0, 0.1);
        --colors-ui-background-hover: rgba(0,0,0, 0.1);
        --colors-ui-card-background: rgba(0,0,0, 0.1);
    }
}

Reviews

No reviews yet.