Испытание: игровые фишки [27/27] 100% Chrome

Курсы §34. Кекстаграм: Эпилог. JavaScript
1 
var controls = document.querySelectorAll('.chips li');

for (var i = 0; i < controls.length; i++) {
    var element = controls[i];
    element.innerHTML = element.dataset.number;
    setNumber(element);
    reColor(element);
}


function setNumber(element) {
    element.classList.add('color-' + element.dataset.number);
}

// Добавление элементу четырёхцветного фона
function reColor(element) {
    var baseColor = getComputedStyle(element).borderTopColor;
    var color = baseColor.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
    element.style.borderTopColor = colorShift(color, 40);
    element.style.borderRightColor = colorShift(color, 60);
    element.style.borderBottomColor = colorShift(color, 80);
    element.style.borderLeftColor = colorShift(color, 20);
}

// Смещение цветового тона
function colorShift(color, shift) {
    var rgb = '#';
    for (var i = 1; i <= 3; i++) { 
        var part = parseInt(color[i]) - shift;
        part = Math.round(Math.min(Math.max(0, part), 255));
        part = part.toString(16);
        rgb += ('00' + part).substr(part.length);
    }
    return rgb;
}
2 лайка
2

Простите за глупый вопрос который задают уже в миллионный раз (но ответа на форуме я так и не нашел).
Как в сообщение так красиво (с полосой прокрутки, цветовой индикацией и отступами) вставить свой код?

Используя клавишу </> на панели инструмента я такого результата не получаю =(

3

Каждая строка кода должна начинаться с 4-х пробелом.