Override programmatic color generation

zogstrip · June 12, 2018, 10:04am

EDIT: does not work (yet)

You can override the SCSS variables instead.

app/assets/stylesheets/common/foundation/variables.scss

030e322a3


      
          $primary-very-low: dark-light-diff($primary, $secondary, 97%, -80%);
          $primary-low: dark-light-diff($primary, $secondary, 90%, -65%);
          $primary-low-mid: dark-light-diff($primary, $secondary, 70%, -45%);
          $primary-medium: dark-light-diff($primary, $secondary, 50%, -35%);
          $primary-high: dark-light-diff($primary, $secondary, 30%, -10%);
          
          //header_primary
          $header_primary-low: dark-light-diff($header_primary, $secondary, 90%, -65%);
          $header_primary-medium: dark-light-diff($header_primary, $secondary, 50%, -20%);
          $header_primary-high: dark-light-diff($header_primary, $secondary, 20%, 20%);
          
          //secondary
          $secondary-low: dark-light-diff($secondary, $primary, 70%, -70%);
          $secondary-medium: dark-light-diff($secondary, $primary, 50%, -50%);
          $secondary-high: dark-light-diff($secondary, $primary, 30%, -35%);
          
          //tertiary
          $tertiary-low: dark-light-diff($tertiary, $secondary, 85%, -65%);
          $tertiary-medium: dark-light-diff($tertiary, $secondary, 50%, -45%);
          $tertiary-high: dark-light-diff($tertiary, $secondary, 20%, -25%);

This file has been truncated. show original

Topic		Replies	Views
Override global Sass variables from theme Development	5	3212	November 25, 2019
Use Discourse Core Variables in your Theme Developer Guides how-to , theme-guides	0	12319	January 9, 2018
Override values for auto-generated color variables Announcements	0	2112	November 25, 2019
Challenges creating a custom color palette Development	8	427	January 29, 2025
How do colors work and how to change them? Product Support ux	4	405	March 20, 2025

Override programmatic color generation

Related topics