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