02 Designer - High Contrast by ItsJonQ

/* ==UserStyle==
@name           02 Designer - High Contrast
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    CONTRAST. Higher contrast for the Webflow Designer. Apply this on top of new base theme.
@author         Q
==/UserStyle== */

@-moz-document domain("design.webflow.com"), url-prefix("https://webflow.com/design") {
    html > body[data-wf-spring-theme-render] {
      /* Text */
      --wf-system---gray-0: #fff;
      --wf-system---gray-200: #f1f1f1;
      --wf-system---gray-400: #dfdfdf;
      --wf-system---gray-500: #c7c7c7;
    }
    
    path[fill="#303030"] {
        fill: var(--wf-system---gray-900);
    }
    path[fill="#2B2B2B"] {
        fill: var(--wf-system---gray-1000);
    }
    
    /* Controls */
    html [data-theme="d2Dark"] {
        --colors-action-secondary-background: linear-gradient(rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.18) 100%);
         --colors-action-secondary-background-hover: linear-gradient(rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.24) 100%);
    }
    
    [style*="linear-gradient(rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%)"] {
        background: var(--colors-action-secondary-background) !important;
    }
    
    [style*="linear-gradient(rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.16) 100%)"] {
        background: var(--colors-action-secondary-background-hover) !important;
    }
    
    /* Inputs */
    html [data-theme="d2Dark"] {
        --colors-ui-input-background: rgba(0,0,0,0.35);
        --colors-ui-input-border: rgba(255,255,255,0.25);
    }
    
    /* Notes */
    html [data-theme="d2Dark"] { 
        --colors-ui-note-background: rgba(255, 255, 255, 0.14);
    }
}