:root {
  --dark-grey: rgb(24, 26, 27);
  --dark-medium-grey: rgb(27, 30, 31);
  --medium-grey: rgb(31, 34, 35);
  --dark-green: rgb(23, 55, 53);
  --grey: grey;
  --light-medium-grey: rgb(140, 130, 115);
  --light-grey: rgb(208, 204, 197);
  --near-medium-white: rgb(192, 186, 178);
  --near-white: rgb(232, 230, 227);
  --basically-white: #EEE;
}

* {
  transition: none !important;
  animation: none !important;
  filter: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
}

::placeholder /* placeholder text */
{
  color: var(--grey)!important;
}

::-webkit-scrollbar {
  width: 8px!important;
}

::-webkit-scrollbar-thumb {
  background: var(--medium-grey)!important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--dark-green)!important;
}

html,
body,
input,
button,
label,
header, /* header bar */
.mat-drawer-container, /* side icons */
.gvMessagingView-thread-list, /* List of calls */
.gvMessagingView-conversationListWrap, /* list of messages */
.gvThreadDetails-messageListHeader, /* header when viewing a message */
.gvMessageListHeader-subtitle, /* subtitle in message header */
.gvThreadDetails-root, /* message view */
.gvVoicemailPlayer-content, /* visual voicemail view */
.gvCallSidebar-root, /* calling sidebar */
.gvSettingsView-settingsNavBar, /* settings sidebar */
.gvSettingsView-sections, /* settings body */
#contact-list, /* calling sidebar contacts */
.button, /* calling sidebar */
.caption, /* calling sidebar */
.dialpad-button-container, /* calling sidebar */
md-menu-content,
gv-availability-view,
.gvRecipientPicker-chipsWrap, /* selecting to: when sending new msg */
.gb_te, /* search box dropdown */
div.mat-mdc-select-panel, /* settings recharge notification amount */
.gvBillingView-header, /* billing header */
.full-panel, /* audio settings menu */
.gb_se, /* top search results */
.message-input, /* text input for sms */
md-dialog /* add contact dialog */
{
  background-color: var(--dark-grey)!important;
  border-color: var(--light-medium-grey)!important;
  color: var(--light-grey)!important;
}

.gvThreadItem-selected, /* messages list item */
.container, /* calls list items and also message text container */
.mat-mdc-menu-panel, /* context menus */
.gvMessagingView-sidenav, /* sidenav when people list is expanded */
.gvPeopleAndOptions-people /* sidenav when people list is expanded */
{
  background-color: var(--dark-grey)!important;
}

.gvAddContactDialog-autoCompleteMenu > li /* add contact dialog */
{
  background-color: var(--medium-grey)!important;
  color: var(--light-grey)!important;
}

.gvAddContactDialog-autoCompleteMenu > li:hover
{
  background-color: var(--dark-medium-grey)!important;
}

iframe,
header form, /* Main search bar */
header form input, /* Main search bar */
header form button, /* Main search bar */
.icon /* settings page icons */
{
  background-color: var(--medium-grey)!important;
}

.mdc-list-item--activated,
.container.active, /* calls list items and also message text container */
.gvThreadItem-selected /* message list selected item */
{
  background-color: var(--dark-green)!important;
}

.gvThreadItem-root:hover, /* messages list item */
.gvThreadItem-root:focus, /* messages list item */
.gvMessagingView-thread-list .container:hover /* calls list items */
{
  background-color: var(--dark-medium-grey)!important;
}

.mat-divider {
  border-color: var(--light-medium-grey)!important;
}

.bubble /* message bubble */
{
  background-color: var(--dark-grey)!important;
  color: var(--light-grey)!important;
  border: 1px solid var(--light-medium-grey)!important;
}

input,
textarea,
header span[role="heading"],
.greeting, /* no message selected greeting */
.mat-icon, /* general icon override */
.navItemLabel, /* main nav labels */
.mdc-list-item__primary-text, /* settings nav items */
.mat-mdc-select, /* settings autorecharge text */
.grey-900, /* various bolded items */
.gvThreadItem-contacts, /* message list contact name */
.phone-number-details, /* calling sidebar label */
#contact-list ul li .info-container .name, /* calling sidebar contact list */
.gvThreadItem-contacts, /* contact name in message list */
.primary-text, /* call header name */
.title, /* receiving calls button */
.sectionTitle, /* settings title */
.internalHeader, /* settings sub title */
.header, /* settings sub title */
.device-label, /* settings devices */
.deviceLabel, /* settings devices */
.details .name  /* settings greeting label */
{
  color: var(--near-white)!important;
}

.status, /* various label text (message sender, timestamp etc) */
.gvThreadItem-root, /* message list text */
.container .thread-info,
.call-as-label, /* calling sidebar label */
#contact-list ul li .info-container .details,
.latest-item-details, /* call timestamp */
.secondary-text, /* call header subtext */
.subheader, /* settings sub sub title */
.internalSubheader, /* settings sub sub title */
.device-details, /* settings device number */
.deviceDetails, /* settings device number */
.no-devices, /* settings devices */
.notificationText,  /* settings web notifications */
.gvPeopleAndOptions-phoneType /* sidenav when people list is expanded */
.gmat-subhead-1, /* add contact dialog */
.gvAddContactDialog-header /* add contact dialog */
{
  color: var(--near-medium-white)!important;
}

div[aria-label^="Unread"] .thread-info, /* unread missed calls */
div[aria-label^="Unread"] .latest-item-details, /* unread missed calls */
.gvThreadItem-unread /* unread message */
{
  color: var(--basically-white)!important;
  font-weight: 900!important
}

.gvMessageItem-bubble /* spam incoming text */
{
  background-color: var(--dark-grey)!important;
  color: var(--light-grey)!important;
  border: 1px solid var(--light-medium-grey)!important;
}

.bubble a, /* text message hyperlinks */
.gvMessageItem-bubble a /* spam text message hyperlinks */
{
  background-color: var(--dark-grey)!important;
  color: var(--near-white)!important;
}