From 1acff8661e3a7d7c93b63ed5f319c7313407e704 Mon Sep 17 00:00:00 2001
From: Kat Hagan <kat@codebykat.com>
Date: Sun, 19 Jul 2020 21:21:19 -0700
Subject: [PATCH 1/2] change ATTENTION triangle icon to cloud sync

---
 lib/icons/cloud-sync.tsx    | 18 ++++++++++++++++++
 lib/note-list/note-cell.tsx |  4 ++--
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 lib/icons/cloud-sync.tsx

diff --git a/lib/icons/cloud-sync.tsx b/lib/icons/cloud-sync.tsx
new file mode 100644
index 000000000..e7cdee363
--- /dev/null
+++ b/lib/icons/cloud-sync.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+
+export default function CloudSyncIcon() {
+  return (
+    <svg
+      className="icon-cloud-sync"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <rect x="0" fill="none" width="24" height="24" />
+      <g>
+        <path d="M16.69,21.5l0-3.6-3.6,0,1,1a2.23,2.23,0,0,1-3.53-.73L8.67,19a4.25,4.25,0,0,0,6.81,1.35Z" />
+        <path d="M12.55,12.29A4.23,4.23,0,0,0,9.13,14l-1-1,0,3.6,3.6,0-1.11-1.1a2.18,2.18,0,0,1,1.94-1.18,2.21,2.21,0,0,1,2.1,1.45l1.88-.67A4.22,4.22,0,0,0,12.55,12.29Z" />
+        <path d="M17.81,16.75v-2a2.34,2.34,0,0,0,.38,0,2.73,2.73,0,0,0-.38-5.43H16l0-1a3.85,3.85,0,0,0-7.59-.85l-.18.77H6.72a3.26,3.26,0,0,0-.65,6.45,2.94,2.94,0,0,0,.65.07v2a5.35,5.35,0,0,1-1-.11,5.26,5.26,0,0,1,1-10.41A5.84,5.84,0,0,1,12.11,2.5a5.92,5.92,0,0,1,5.75,4.79,4.73,4.73,0,0,1,.62,9.41A4.91,4.91,0,0,1,17.81,16.75Z" />
+      </g>
+    </svg>
+  );
+}
diff --git a/lib/note-list/note-cell.tsx b/lib/note-list/note-cell.tsx
index 46758a5d1..bcf9d8118 100644
--- a/lib/note-list/note-cell.tsx
+++ b/lib/note-list/note-cell.tsx
@@ -2,7 +2,7 @@ import React, { Component, CSSProperties } from 'react';
 import { connect } from 'react-redux';
 import classNames from 'classnames';
 
-import AttentionIcon from '../icons/attention';
+import CloudSyncIcon from '../icons/cloud-sync';
 import PublishIcon from '../icons/feed';
 import PinnedIcon from '../icons/pinned';
 import { decorateWith, makeFilterDecorator } from './decorators';
@@ -107,7 +107,7 @@ export class NoteCell extends Component<Props> {
             <PinnedIcon />
           </div>
           <div className="note-list-item-pending-changes">
-            {hasPendingChanges && <AttentionIcon />}
+            {hasPendingChanges && <CloudSyncIcon />}
           </div>
         </div>
 

From eef433d9401c4f96e9d2ea997fc3bfa2d9551a63 Mon Sep 17 00:00:00 2001
From: Kat Hagan <kat@codebykat.com>
Date: Sun, 19 Jul 2020 22:24:05 -0700
Subject: [PATCH 2/2] change to blue color and fix dark mode styles

---
 lib/note-list/style.scss | 9 +++------
 scss/theme.scss          | 6 ++++++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/lib/note-list/style.scss b/lib/note-list/style.scss
index 9630a4287..febf6a7a8 100644
--- a/lib/note-list/style.scss
+++ b/lib/note-list/style.scss
@@ -93,16 +93,13 @@
     color: transparent;
   }
 
-  .note-list-item-pinner:hover {
-    color: $studio-simplenote-blue-50;
-  }
-
-  .note-list-item-pinner.note-list-item-pinned {
+  .note-list-item-pinner:hover,
+  .note-list-item-pinner.note-list-item-pinned,
+  .note-list-item-pending-changes {
     color: $studio-simplenote-blue-50;
   }
 
   .note-list-item-pending-changes {
-    color: $studio-orange-30;
     margin-top: 10px;
   }
 
diff --git a/scss/theme.scss b/scss/theme.scss
index aff0a5906..684576924 100644
--- a/scss/theme.scss
+++ b/scss/theme.scss
@@ -202,6 +202,12 @@
     }
   }
 
+  .note-list-item-pinner:hover,
+  .note-list-item-pinner.note-list-item-pinned,
+  .note-list-item-pending-changes {
+    color: $studio-simplenote-blue-20;
+  }
+
   .note-detail-markdown {
     @import '../node_modules/highlight.js/scss/solarized-dark.scss';