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

3 files changed, 165 insertions, 5 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
+}
diff --git a/recipes/google-voice/package.json b/recipes/google-voice/package.json
index 3945c5a..0147b8d 100644
--- a/recipes/google-voice/package.json
+++ b/recipes/google-voice/package.json
@@ -1,9 +1,8 @@
 {
   "id": "google-voice",
   "name": "Google Voice",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "license": "MIT",
-  "repository": "https://github.com/BehindTheMath/franz-recipe-google-voice",
   "config": {
     "serviceURL": "https://voice.google.com/u/0/",
     "message": "Google Voice gives you one number for all your phones, voicemail as easy as email, free US long distance, low rates on international calls, and many calling features like transcripts, call blocking, call screening, conference calling, SMS, and more."
diff --git a/recipes/google-voice/webview.js b/recipes/google-voice/webview.js
index d589f28..c679aa0 100644
--- a/recipes/google-voice/webview.js
+++ b/recipes/google-voice/webview.js
@@ -18,13 +18,13 @@ module.exports = Ferdium => {
       count = Ferdium.safeParseInt(el.textContent.replaceAll(/[ ()]/gi, ''));
     } else {
       const countMessages = parseQuery(
-        'gv-nav-tab[tooltip="Messages"] div[aria-label="Unread count"]',
+        'mat-nav-list a[gv-test-id="sidenav-messages"] span.navItemBadge',
       );
       const countCalls = parseQuery(
-        'gv-nav-tab[tooltip="Calls"] div[aria-label="Unread count"]',
+        'mat-nav-list a[gv-test-id="sidenav-calls"] span.navItemBadge',
       );
       const countVoicemails = parseQuery(
-        'gv-nav-tab[tooltip="Voicemail"] div[aria-label="Unread count"]',
+        'mat-nav-list a[gv-test-id="sidenav-voicemail"] span.navItemBadge',
       );
       count = countMessages + countCalls + countVoicemails;
     }