CSS – Signing in; full menu

The colours of the sign in dialogue and the full menu display are unfortunately closely linked, at least in Primo VE. Result of the code here *.

/* Colour of the full menu */

md-content.overlay-menu-content.layout-full-height._md.md-primoExplore-theme.layout-align-gt-sm-start-center.layout-align-start-start.layout-column {
color: #fff;
background-color: #1f1f1f;
}

/* seems only to influence hover for the help link during sign in, plus reset password, but shortening the code messed with the rest of the CSS */

prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline, .light-on-dark-dialog .md-button.button-as-link, .light-on-dark-dialog .md-button.button-confirm, md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button, md-dialog.light-on-dark-dialog a:hover {
color: #14413c !important;
}

/* black font for log in */

.light-on-dark-dialog .md-button.button-as-link, .light-on-dark-dialog .md-button.button-confirm,
md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button,
md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button-focused {
color: #000 !important;
background-color: transparent;
}

/* title of the login overlay */

h2.md-headline.light-text.layout-align-center-center.layout-row.flex {
color: #fff;
}

/* login links */

.light-on-dark-dialog .md-button.button-as-link, .light-on-dark-dialog .md-button.button-confirm,
md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button,
md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button-focused {
color: #000 !important;
background-color: transparent;
}

/* Hover for subtitles in full menu */
/* text color of the sign in window and the fullscreen navigation */

prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline, prm-main-menu[menu-type=”full”] a:hover span {
color: #fff !important;
}

/* subtitles fullscreen navigation */

prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline, prm-main-menu[menu-type=”full”] a span {
color: #fff !important;
}

/* via University of Manitoba */
/* The color of the login using label and its background */
/* top and buttom during log in, plus buttom in the fullscreen navigation */

md-dialog.light-on-dark-dialog {
background-color: #008488;
}

/* The color of the two labels, user id and password, on the login page */

.light-on-dark-dialog md-input-container label:not(.md-no-float):not(._md-container-ignore) {
color: #46505A;
}

/* Font color of the cancel button on the popped login window – not focused */
/* and the sub titles of the fully open menu */

.light-on-dark-dialog .md-button {
color: FFF;
}

/* Color of the cancel button on the login window – focused /*
/* including hover */

.light-on-dark-dialog .md-button._md-focused:not([disabled]),
.light-on-dark-dialog .md-button.hovered:not([disabled]),
.light-on-dark-dialog .md-button.md-focused:not([disabled]),
.light-on-dark-dialog .md-button:focus:not([disabled]),
.light-on-dark-dialog .md-button:hover:not([disabled]) {
color: #14413c;
}

/* Color of the text prompts during Alma login */

md-dialog.light-on-dark-dialog md-input-container .md-input,
md-dialog.light-on-dark-dialog md-input-container.md-input-focused .md-input,
md-dialog.light-on-dark-dialog md-input-container.md-input-focused:not(.md-input-invalid) .md-input,
md-dialog.light-on-dark-dialog md-input-container.md-input-focused:not(.md-input-invalid) input,
md-dialog.light-on-dark-dialog md-input-container.md-input-focused:not(.md-input-invalid) label,
md-dialog.light-on-dark-dialog md-input-container.md-input-focused input,
md-dialog.light-on-dark-dialog md-input-container.md-input-focused label,
md-dialog.light-on-dark-dialog md-input-container.md-input-has-value .md-input,
md-dialog.light-on-dark-dialog md-input-container.md-input-has-value input,
md-dialog.light-on-dark-dialog md-input-container.md-input-has-value label,
md-dialog.light-on-dark-dialog md-input-container input,
md-dialog.light-on-dark-dialog md-input-container label {
color: grey;
}

/* Reset password for Alma login */

prm-login-help span[translate=”nui.login.help”]
prm-login-help span[translate=”nui.help.login.link1″],
prm-login-help span[translate=”nui.help.login.link3″],
prm-login-help .md-primoExplore-theme svg path {
color: #008488;
}


* In combination with ‘Inherit from Central package

5.1.2023