background color

21e00a183143234787ee3815a99baaa4d3382a0d

Tucker McKnight <tmcknight@instructure.com> | Wed Feb 04 2026

background color
scss/design-board.scss:27
Before
26
27
28
29
30
31
$border-color: $lightblue;
$border-width: 2px;

$body-bg-dark: #040e1e;

@import "../node_modules/bootstrap/scss/bootstrap";
After
26
27
28
29
30
31
$border-color: $lightblue;
$border-width: 2px;

$body-bg-dark: #060c2b;

@import "../node_modules/bootstrap/scss/bootstrap";
scss/design-board.scss:93
Before
92
93
94
95
96
97
  }

  .bezel-gray {
    background-color: color.adjust($body-bg-dark, $lightness: 4%);
    border-top: 6px solid color.adjust($body-bg-dark, $lightness: 10%);
    border-left: 6px solid color.adjust($body-bg-dark, $lightness: 7%);
    border-bottom: 6px solid color.adjust($body-bg-dark, $lightness: -3%);
After
92
93
94
95
96
97
  }

  .bezel-gray {
    background-color: color.adjust($body-bg-dark, $lightness: 2%);
    border-top: 6px solid color.adjust($body-bg-dark, $lightness: 10%);
    border-left: 6px solid color.adjust($body-bg-dark, $lightness: 7%);
    border-bottom: 6px solid color.adjust($body-bg-dark, $lightness: -3%);