Google Voice recipe add darkmode.css, fix message counts (#449)

1 files changed, 161 insertions, 0 deletions

diff --git a/recipes/google-voice/darkmode.css b/recipes/google-voice/darkmode.css
new file mode 100644
index 0000000..ed61286
--- /dev/null
+++ b/recipes/google-voice/darkmode.css
@@ -0,0 +1,161 @@
+: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 */
+{
+  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 */
+{
+  background-color: var(--dark-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"],
+.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 */
+{
+  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
+}