sul-dlss/pre-assembly

View on GitHub
app/assets/stylesheets/palette.scss

Summary

Maintainability
Test Coverage
$ibis-white: #f3e7e7; // light pinkish hue used in what's changing box

// https://identity.stanford.edu/design-elements/color/primary-colors/
$stanford-cardinal: #8c1515;
$stanford-cool-grey: #53565a; // used in SDR header (not yet added)
$tapa: #767674; // "60% black" in Stanford brand identity
$silver-sand: #c0c0bf; // "30% black" in Stanford brand identity
$whisper: #eaeaea; // "10% black" in Stanford brand identity, used as modal bg color
$stanford-white: #ffffff;
$stanford-black: #2e2d29;
$stanford-palo-alto-dark: #014240;
$stanford-palo-alto-light: #2d716f;
$stanford-illuminating: #fedd5c;
$stanford-illuminating-dark: #fec51d;

// https://identity.stanford.edu/design-elements/color/web/
$stanford-digital-blue: #006cb8;
$stanford-digital-green: #008566;
$stanford-digital-red: #b1040e;

// https://identity.stanford.edu/design-elements/color/accent-colors/
$stanford-fog-light: #f4f4f4;
$stanford-poppy: #e98300;
$rgb-poppy: 233, 131, 0;
$rgb-digital-blue: 0, 84, 143;
$white: #ffffff;

$brand-color: $stanford-cardinal !default;
$footer-color: $white !default;
$pre-footer-background: $stanford-fog-light !default;
$font-family-serif: "Source Serif 4", serif;

:root {
  --stanford-warning: #{$stanford-poppy};
  --bs-warning-rgb: #{$rgb-poppy};
  --bs-warning-bg-subtle: rgba(#{$rgb-poppy}, 0.1);
  --bs-warning-border-subtle: rgba(#{$rgb-poppy}, 1);
  --bs-warning-text-emphasis: black;
  --bs-info-rgb: #{$rgb-digital-blue};
  --bs-info-bg-subtle: rgba(#{$rgb-digital-blue}, 0.1);
  --bs-info-border-subtle: rgba(#{$rgb-digital-blue}, 1);
  --bs-info-text-emphasis: black;
}