Valence 6.0 Appearance modifications

[JPinTO]

Can you let me know what hook modifications are required to:

1. Change the browser tab icon.
2. Change the login screen color to a grey tone similar to v5.2

[sean.lanktree]

Replacing the favicon
Simply replace the favicon.ico file located at /YOUR_INSTANCE/resources/images

Changing the login screen color(s)
This is a link to a video which walks you through the process.
Basically, you would just need to add an CSS override to "vv-login-cnt". CSS overrides are placed in file /YOUR_INSTANCE/resources/desktop/themes/css/Portal/overrides.css

.vv-login-cnt{
   background:SOME_COLOR;
}

[JPinTO]

Just to confirm regarding the browser tab icon: it no longer is changeable from the hook.js:

portalSettingOverrides : {
  favicon : '/your_instance/images/favicon-custom.ico'
},

[sean.lanktree]

Yes, you can still change the favicon by adding the "favicon" property in the portalSettingsOverrides object.

[JPinTO]

How does one change the launchpad background color?

[Johnny Major]

Here is an example of how Dark theme changes the launchpad color:

/**
*   PORTAL LAUNCHPAD CLASSES
*   The following classes may be changed to "theme" the portal launchpad.
*/
.vv-lpad {
  background-color: #555555;
}
.vv-lpad .vv-lpad-app {
  background-color: #757575;
}
.vv-lpad .vv-lpad-app-over {
  background: #707070;
}
.vv-lpad .vv-lpad-category {
  color: rgba(255, 255, 255, 0.75);
  background: #555555;
}
.vv-lpad .vv-lpad-category-top {
  background: #424242;
}
.vv-lpad .vv-lpad-favorite {
  color: #fff;
}

Portal Dark theme CSS can be found at resources/desktop/themes/css/Portal/dracula.css

Any changes you would like to make should be added to the overrides.css file