how can I differentiate when I have to use HEX code and color name? and also how can I change my background color? I mean, I think I have changed my background color to black, but when I embed it to my Notion page, it still comes up with aliceblue color, not black. anyone can help me to add time?
var weekday = new Array(7);
weekday[0] = "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";
var today = new Date();
var hrs = today.getHours();
var dayOfWeek = weekday[today.getDay()];
var date = dayOfWeek + " " + today.getDate() + "/" + (today.getMonth() + 1) + '/' + today.getFullYear();
var greet;
if (hrs < 12)
greet = 'Good Morning ';
else if (hrs >= 12 && hrs <= 17)
greet = 'Good Afternoon ';
else if (hrs >= 17 && hrs <= 18)
greet = ' Good Evening ';
else if (hrs >= 18 && hrs <= 24)
greet = 'Good Night ';
document.getElementById('lbl').innerHTML =
greet += "Ivan" + `<div id="date"> It's ${date}</div>`;#lbl {
font-family: monospace;
font-size: xx-large;
color: #F0F8FF;
padding: 5px;
text-align: center;
line-height: 1.5;
height: 85%
}
#date {
font-size: large;
}
body {
background-color: black;
}<div id="lbl"></div>