@mongodb-js/compass-query-bar/src/assets/less/compass/variables/_palette.less

Renders a component for executing MongoDB queries through a GUI.

@sidebar-bg: @slate1;
@sidebar-width: 250px;

/* MongoDB Color Palette */
/* commented colors have been deprecated */
@green0: #365221;
@green1: #507b32;
@green2: #67b144;
@green3: #86bc63;
@green4: #a6c88e;
@green5: #c4dbb3;

@gray0: #313030;
@gray1: #494747;
@gray2: #615f5f;
@gray3: #807f7f;
@gray4: #a09f9e;
@gray5: #bfbfbe;

/* UI Grays */
@gray6: #dee0e3;
@gray7: #ebebed;
@gray8: #f5f6f7;

@slate0: #42494f;
@slate1: #4c5259;
@slate2: #70757a;

@blue3: #5b81a9; // TODO: deprecate
@blue4: #84a1bf; // TODO: deprecate
@blue5: #adc0d4; // TODO: deprecate

@purple0: #373e50; // TODO: deprecate
@purple1: #535d77; // TODO: deprecate
@purple2: #6e7c9f; // TODO: deprecate
@purple3: #8b96b2; // TODO: deprecate
@purple4: #a8b0c5; // TODO: deprecate
@purple5: #c5cbd9; // TODO: deprecate

/* Other Colors */
@red: #ed271c;
@lightRed: #ffeaea;
@yellow: @alertOrange;
@pw: #fff;
@cautionOrange: @alertOrange;
@errorBackground: #fdd0d1;
@greenBg: #e9f2e3;

/* Text Colors */
/* default text color is @gray1 */
@linkText: #006cbc;
@linkOnDark: #2898dd;
@warningText: #ffb618;
@successText: #6ca439;
@errorText: #ed271c;
@mutedText: @gray4;
@veryMutedText: @gray5;
@subNavText: #6f6763;

/*Chart Colors*/
@chart0: #F68A1E;
@chart1: #43B1E5;
@chart2: #F38183;
@chart3: #26A348;
@chart4: #FBB129;
@chart5: #92A83B;
@chart6: #46929A;
@chart7: #D381B3;
@chart8: #85CA98;

@chartAverage: #d29e29;
@chartTotal: #6ba442;

@chartRestart: #ef4c65;
@chartBecamePrimary: #fbb129;
@chartBecameSecondary: #7f6a4e;

/* Alert Colors */
@alertOrange: #fbb129;
@alertOrangeBg: #fff4dc;
@alertOrangeBorder: #a06c29;
@alertRed: #ef4c4c;
@alertRedBg: #feeded;
@alertRedText: #A94442;
@alertBlue: #43b1e5;

/* Semantic Colors */

@inactiveIcon: @gray4;