A new userstyle
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
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);
}
}