Favicon on self-hosted RoundCube ?

kx · October 24, 2024, 03:18:20 PM

When we try to set browser link to the Rouncube Web UI URL as a Android application placed on main smartphone screen, the app icon is too small.

How to implement declarations such as follow:

Code Select

    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="/.pixmaps/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/.pixmaps/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/.pixmaps/favicon/favicon-16x16.png">
    <link rel="manifest" href="/.pixmaps/favicon/site.webmanifest">
    <link rel="mask-icon" href="/.pixmaps/favicon/safari-pinned-tab.svg" color="#b2b2b2">
    <link rel="shortcut icon" type="image/x-icon" href="/.pixmaps/favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#b91d47">
    <meta name="msapplication-config" content="/.pixmaps/favicon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

to the

Code Select

<head>
</head>

tag?

SKaero · October 24, 2024, 05:23:50 PM

You can add them in a skins meta.json file https://github.com/roundcube/roundcubemail/wiki/Skins#metajson I would suggest making changes by extending an existing skin https://github.com/roundcube/roundcubemail/wiki/Skins#extending-skins

kx · October 25, 2024, 05:20:14 AM

Thanks a lot!!!

This is a best solution.

Also we can add nginx server record:

Quotelocation ~ ^/favicon.ico$ {
root /<your path in FS>/skins/elastic/favicon;
expires 30d;
}

Favicon on self-hosted RoundCube ?

kx

SKaero

kx