app/javascript/themes/current/stylesheets/variables.scss
// =========== Color ===========
$code-text-color: rgb(232, 62, 140);
$color-danger-light: rgba(183, 107, 163, 0.15);
$color-danger: #b76ba3;
$color-primary: #346cb0;
$color-purple: #15003e;
$color-white: #ffffff;
$color-gray-100: #f6f7f9;
$color-gray-200: #e6e8ed;
$color-gray-300: #d6d8e1;
$color-gray-400: #c6c9d5;
$color-gray-500: #a6abbd;
$color-gray-600: #888c9b;
$color-gray-700: #363642;
$color-gray-800: #222230;
$color-gray-900: #191927;
// =========== Breakpoints ===========
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;