How to change the title color of the browser tab?

Asked

Viewed 626 times

2

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <link rel="icon" a href="https://is.gd/DhDDsG">
<style>
* {
    margin: 0px;
    padding: 0px;
}
body {
    background-repeat: no-repeat;
}
</style>
<script>
    var titulo = "- 0wn3d bY 0xyrh0pus -"
var titulo = titulo + "          " 
i = "0"
var tmptitulo = "" 
var velocidade = "50"
const scrollTitulo = () => {
    if (!document.all && !document.getElementById)
        return
    document.title = tmptitulo + titulo.charAt(i)
    tmptitulo = tmptitulo + titulo.charAt(i)
    i++
    if (i == titulo.length)
    {
        i = "0"
        tmptitulo = ""
    }
    setTimeout("scrollTitulo()", 20)
}
window.onload = scrollTitulo
</script>
</head>
<body>

</body>
</html>
  • https://caniuse.com/#feat=meta-theme-color

2 answers

1

How to change the title color of the browser tab?

Is not possible. The title is rendered by the browser, so you would have the pending some browser that would render some kind of styling for the tag <title> in the header, where I don’t know any.

To strengthen knowledge. I bring a translation of a question made in the stackoverflow.with on whether it is possible to add title styling inside the header where the @Quentin quote:

"I don’t know any browser that applies CSS to title rendering in browser tabs or title bars".

1

Try the <meta name="theme-color" content="blue"> but is only good for mobile.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.