Some users recently have asked how to change the colors on the Discreet theme login form in Hide My Site, so I decided to post this quick tutorial as a guide. Note that you will have to be using Hide My Site premium in order to follow along.
The End Result
Before we get started, here’s a look at what we are getting into.
The Code
The following code would go in Settings > Hide My Site > Custom CSS.
To change the color of the form wrap area
#form_wrap {background-color: #CE9B7E !important;}
To change the background color and text color of the password input field
#form_wrap input[type=password], .enter_password {background-color: black !important; color: white !important;}
To change the placeholder color of the password input field
#form_wrap input[type=password]::-webkit-input-placeholder{color:r#DFE5E6;}
#form_wrap input[type=password]:-moz-placeholder {color:#DFE5E6;}#form_wrap input[type=password]::-moz-placeholder {color:#DFE5E6;}
#form_wrap input[type=password]:-ms-input-placeholder {color:#DFE5E6;}
To change the background color and text color of the button
#form_wrap button{background-color: #DFE5E6 !important; color: #CE9B7E !important;}
For other (not Discreet) themes
If you want to change the form colors for other themes besides Discreet, check out this tutorial.
Thanks for taking the time to follow this tutorial. Hope you find it helpful. Please let me know if you have any questions or other feedback in the comments.