new_tab.js

var bg = document.getElementById('bg')
var time = document.getElementById('time')

chrome.storage.sync.get({
    clockEnabled: true,
    color: "",
}, (opt) => {
    if (opt.clockEnabled) {
        refreshTime()
    } else {
        time.style.display = 'none'
    }

    bg.style.background = (opt.color.length > 0) ? opt.color : newGradient()
})

window.setTimeout(() => {
    bg.style.opacity = 1
}, 15)

window.setInterval(() => {
    refreshTime()
}, 15000)

function newGradient() {
    var rands = []
    for (var i = 0; i < 6; i++) {
        rands.push(Math.floor(Math.random() * 255) + 1)
    }

    var c1 = 'rgb(' + rands[0] + ',' + rands[1] + ',' + rands[2] + ')'
    var c2 = 'rgb(' + rands[3] + ',' + rands[4] + ',' + rands[5] + ')'

    return 'linear-gradient(to top right, ' + c1 + ',' + c2 + ')'
}

function refreshTime(date = new Date()) {
    var hours = date.getHours()
    var ampm = hours < 12 ? 'AM' : 'PM'
    if (hours > 12)
        hours -= 12
    if (hours == 0)
        hours = 12

    var mins = date.getMinutes()
    if (mins < 10)
        mins = '0' + mins

    time.innerText = hours + ':' + mins + ' ' + ampm
}