.NET Brand Colors—CSS

dotnet-brand-colors.css

:root {
    /* Common brand colors */
    --brand-blue: #512BD4;
    --brand-purple: #512BD4;
    --magenta: #D600AA;
    --cyan: #28C2D1;
    --yellow: #F7B548;
    --flamingo: #F65163;
  }
  
  /* Light Theme (default) */
  :root[data-theme="light"] {
    --background: #FFFFFF;
    --surface: #FDF0DA; /* light yellow tint for slight warmth */
    --text-primary: #190649; /* midnight blue primary */
    --text-secondary: #311A7F; /* brand purple shade */
    --accent: #512BD4; /* blue/purple primary */
    --accent-hover: #311A7F;
    --border: #E7F0FF; /* blue tint */
    --muted: #EEEAFB; /* purple tint */
  }
  
  /* Dark Theme */
  :root[data-theme="dark"] {
    --background: #190649; /* midnight blue primary */
    --surface: #14053A; /* midnight blue shade 10 */
    --text-primary: #FDF0DA; /* yellow tint */
    --text-secondary: #EEEAFB; /* brand purple tint */
    --accent: #28C2D1; /* cyan primary */
    --accent-hover: #F7B548; /* yellow primary */
    --border: #311A7F; /* brand purple shade */
    --muted: #042B66; /* dark blue shade */
  }