Login Theme

Original

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root { /* this overrides the default colors in the base css /
--main-font: 'Poppins', sans-serif;
--main-body-bg: #ffffff;
--secondary-bg-tone: #c6c6c6;
--third-bg-tone: #6176fe);
--main-login-bg: #ffffff;
--login-logo-width: 200px;
--login-logo-height: 75px;
--login-logo: url('https://msgsndr-private.storage.googleapis.com/companyPhotos/fa6b19d3-cc2b-475d-b04a-979548d93775.png');
--login-heading-color: #008cf4;
--login-input-color: #333333;
--login-input-bg: transparent;
--login-input-border: #cccccc;
--login-error-color: #e72a2e;
--login-forgot-pass-color: #333333;
--login-button-bg: #008cf4;
--login-button-color: #ffffff;
--login-button-hover-bg: #b9e43e;
--login-button-hover-color: #ffffff;
--login-foot-note-color: #333333;
--login-foot-note-link-color: #008cf4;
/ Extra Footer and/or Header instructions. Leave blank for none. */
--header-note:'Having trouble logging in or resetting your password? Contact success@teamos.ai';
--header-note-color:#333333;
--footer-note:'Having trouble logging in or resetting your password? Contact success@teamos.ai';
--footer-note-color:#333333;

}

May 2025 Theme

/* GHL Login Theme C v2
/* Copyright The Marketer's Toolkit, 2021. Please do not use without permission
/* TheMarketersToolkit.com */

/* Place this code at the TOP of your Agency Settings -> Custom CSS area */

@import url('https://msg.everypages.com/ghl-login/logintheme-c.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
--main-font: 'Poppins', sans-serif;
--main-body-bg: linear-gradient(#ffffff 100%);
--main-body-image: url('https://storage.googleapis.com/msgsndr/RJwzGLLiT122I587J5g4/media/6815252898b82927500ba375.png');
--main-login-bg: #455969;
--login-logo-width: 200px;
--login-logo-height: 75px;
--login-logo: url('https://storage.googleapis.com/msgsndr/RJwzGLLiT122I587J5g4/media/681521b7573cb7f03e06ede0.png');
--login-heading-color: #ffffff;
--login-input-color: #ffffff;
--login-input-bg: transparent;
--login-input-border: #eeeeee;
--login-error-color: #f03d2c;
--login-forgot-pass-color: #ffffff;
--login-button-bg: #3284ff;
--login-button-color: #ffffff;
--login-button-hover-bg: #3284ff;
--login-button-hover-color: #ffffff;
--login-foot-note-color: #ffffff;
--login-foot-note-link-color: #3284ff;
--header-note:'';
--header-note-color:#fff;
--footer-note:'Having trouble logging in or resetting your password? Contact success@teamos.ai';
--footer-note-color:#fff;
}

/* Center login box vertically with top margin /
.container-fluid {
margin-top: 60px !important; / adjust this value as needed */
}

/* Hide original forgot password text */
.forgot-password {
font-size: 0 !important;
position: relative;
}

/* Insert custom replacement text */
.forgot-password::after {
content: "Need a reset..?";
font-size: 14px;
font-weight: 400;
color: var(--login-forgot-pass-color);
position: right;
top: 0;
left: 0;
}

/* Hide the foot-note section */
.foot-note {
display: none !important;
}

/* Hide original heading */
.heading2 {
display: none !important;
}

/* Insert custom heading below the login-card-heading */
.login-card-heading::after {
content: "Build With OS\A Sign In Below";
white-space: pre-line;
display: block;
font-size: 30px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-top: 25px;
margin-bottom: 20px;
}

/* GHL Login Theme C v2
/* Copyright The Marketer's Toolkit, 2021. Please do not use without permission
/* TheMarketersToolkit.com */

/* Place this code at the TOP of your Agency Settings -> Custom CSS area */

@import url('https://msg.everypages.com/ghl-login/logintheme-c.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
--main-font: 'Poppins', sans-serif;
--main-body-bg: linear-gradient(#ffffff 100%);
--main-body-image: url('https://storage.googleapis.com/msgsndr/RJwzGLLiT122I587J5g4/media/6815252898b82927500ba375.png');
--main-login-bg: #455969;
--login-logo-width: 200px;
--login-logo-height: 75px;
--login-logo: url('https://storage.googleapis.com/msgsndr/RJwzGLLiT122I587J5g4/media/681521b7573cb7f03e06ede0.png');
--login-heading-color: #ffffff;
--login-input-color: #ffffff;
--login-input-bg: transparent;
--login-input-border: #eeeeee;
--login-error-color: #f03d2c;
--login-forgot-pass-color: #ffffff;
--login-button-bg: #3284ff;
--login-button-color: #ffffff;
--login-button-hover-bg: #3284ff;
--login-button-hover-color: #ffffff;
--login-foot-note-color: #ffffff;
--login-foot-note-link-color: #3284ff;
--header-note:'';
--header-note-color:#fff;
--footer-note:'Having trouble logging in or resetting your password? Contact success@teamos.ai';
--footer-note-color:#fff;
}

/* Center login box vertically with top margin /
.container-fluid {
margin-top: 60px !important; / adjust this value as needed */
}

/* Hide original forgot password text */
.forgot-password {
font-size: 0 !important;
position: relative;
}

/* Insert custom replacement text */
.forgot-password::after {
content: "Need a reset..?";
font-size: 14px;
font-weight: 400;
color: var(--login-forgot-pass-color);
position: right;
top: 0;
left: 0;
}

/* Hide the foot-note section */
.foot-note {
display: none !important;
}

/* Hide original heading */
.heading2 {
display: none !important;
}

/* Insert custom heading below the login-card-heading */
.login-card-heading::after {
content: "Build With OS\A Sign In Below";
white-space: pre-line;
display: block;
font-size: 30px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-top: 25px;
margin-bottom: 20px;
}