Skip to content

WFCLR2 by ItsJonQ

Details

AuthorItsJonQ

LicenseNo License

Categoryuserstyles

Created

Updated

Size2.5 kB

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.