A I Agent Generator - Copy this React, Tailwind Component to your project

change the colors for this: /* CSS HEX */ --black: #000000ff; --oxford-blue: #14213dff; --orange-web: #fca311ff; --platinum: #e5e5e5ff; --white: #ffffffff; /* CSS HSL */ --black: hsla(0, 0%, 0%, 1); --oxford-blue: hsla(221, 51%, 16%, 1); --orange-web: hsla(37, 98%, 53%, 1); --platinum: hsla(0, 0%, 90%, 1); --white: hsla(0, 0%, 100%, 1); /* SCSS HEX */ $black: #000000ff; $oxford-blue: #14213dff; $orange-web: #fca311ff; $platinum: #e5e5e5ff; $white: #ffffffff; /* SCSS HSL */ $black: hsla(0, 0%, 0%, 1); $oxford-blue: hsla(221, 51%, 16%, 1); $orange-web: hsla(37, 98%, 53%, 1); $platinum: hsla(0, 0%, 90%, 1); $white: hsla(0, 0%, 100%, 1); /* SCSS RGB */ $black: rgba(0, 0, 0, 1); $oxford-blue: rgba(20, 33, 61, 1); $orange-web: rgba(252, 163, 17, 1); $platinum: rgba(229, 229, 229, 1); $white: rgba(255, 255, 255, 1); /* SCSS Gradient */ $gradient-top: linear-gradient(0deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-right: linear-gradient(90deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-bottom: linear-gradient(180deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-left: linear-gradient(270deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-top-right: linear-gradient(45deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-bottom-right: linear-gradient(135deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-top-left: linear-gradient(225deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-bottom-left: linear-gradient(315deg, #000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff); $gradient-radial: radial-gradient(#000000ff, #14213dff, #fca311ff, #e5e5e5ff, #ffffffff);