cas.univ-lille.fr/login - mai 2024 by TRNEEDANAME

/* ==UserStyle==
@name         cas.univ-lille.fr/login - mai 2024
@version      20240602.16.52
@namespace    https://userstyles.world/user/TRNEEDANAME
@description  made the website cas.univ-lille.fr/login use the Nord theme.
@author       TRNEEDANAME
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://cas.univ-lille.fr") {
/*

	==== INFORMATIONS ====
Stylus style Created by TRNEEDANAME
Github : https://github.com/TRNEEDANAME


	==== Theme information ====
Colour Theme used : https://www.nordtheme.com

Colour used : 

	==== Dark ====
- #2e3440 : darkest colour (background)
- #3b4252 : slightly less dark (used for UI component like user input area)
- #434c5e : less dark colour (not used)
- #4c566a : brightest dark colour (not used)

	==== Light ====
- #d8dee9 : least bright colour (not used)
- #e5e9f0 : brighter shade (not used)
- #eceff4 : brightest colour (used for the text)

	==== Colour ====
- #88c0d0 : bluey colour (used for links)

*/

/* Standard colour */

body {
	background-color: #2e3440;
	color: #eceff4;
}

h1 {
	color: #e5e9f0;
}

/* links */
a {
	color: #88c0d0;
}

/* login form */
section#loginForm {
	background-color: #2e3440;
}

/* Username */
.mdc-text-field {
	background-color: #3b4252;
}


#username {
    color: #eceff4;  /* Set the text color to white */
}

/* password */
.mdc-input-group .mdc-text-field .mdc-floating-label {
    color: #eceff4;
}

.mdc-input-group .mdc-text-field .mdc-floating-label .accesskey {
    color: inherit; /* This ensures the accesskey "M" inherits the good color */
}

.mdc-input-group .mdc-text-field .mdc-floating-label--float-above,
.mdc-input-group .mdc-floating-label--float-above {
    color: #88c0d0;
}


/* Username and Password Text Fields */
.mdc-text-field {
    background-color: #3b4252;
}

#usernameSection .mdc-floating-label,
.mdc-input-group .mdc-floating-label {
    color: #eceff4;
}


#usernameSection .mdc-floating-label--float-above,
.mdc-input-group .mdc-floating-label--float-above {
    color: #88c0d0;
}


/* Ensure the input text is white */
#username,
#password {
    color: #eceff4;  /* Set the text color to white */
}



/* Informations */

div#pmlinks {
	color: #d8dee9;
}


}