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;}