@fl-primary-color: #4d698e;//#E7562E; @fl-secondary-color: #edf2f7; @fl-dark-hdr: false; // --------------------------------- // BODY @fl-body-bg: #fff; @fl-body-color: #444; @fl-body-muted-color: hsv(hue(@fl-secondary-color), 18%, 72%); // todo @fl-body-muted-more-color: #bbb; @fl-body-heading-color: @fl-body-color; @fl-body-control-bg: @fl-secondary-color; @fl-body-control-color: @fl-body-muted-color; @fl-body-control-primary-bg: @fl-primary-color; @fl-body-control-primary-color: #fff; // --------------------------------- // HEADER .define-hdr-variables(@fl-dark-hdr); .define-hdr-variables(false) { @fl-hdr-bg: @fl-body-bg; @fl-hdr-color: @fl-primary-color; @fl-hdr-muted-color: @fl-body-muted-color; @fl-hdr-control-bg: @fl-body-control-bg; @fl-hdr-control-color: @fl-body-control-color; @fl-body-hero-bg: @fl-primary-color; @fl-body-hero-color: #fff; } .define-hdr-variables(true) { @fl-hdr-bg: @fl-primary-color; @fl-hdr-color: #fff; @fl-hdr-muted-color: fade(#fff, 0.5); @fl-hdr-control-bg: fade(#000, 0.1); @fl-hdr-control-color: #fff; @fl-body-hero-bg: @fl-secondary-color; @fl-body-hero-color: @fl-body-muted-color; }