Some front end fixes.

docs/src/contributing_local_development.md

@@ -1,7 +1,7 @@
 ### Install build requirements
 #### Ubuntu
 ```
-sudo apt install git cargo libssl-dev pkg-config libpq-dev yarn curl gnupg2
+sudo apt install git cargo libssl-dev pkg-config libpq-dev yarn curl gnupg2 espeak
 # install yarn
 curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
 echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

ui/assets/css/main.css

@@ -87,6 +87,10 @@
   line-height: 1.0;
 }
 
+.post-title a:visited {
+  color: var(--gray) !important;
+}
+
 .icon {
   display: inline-flex;
   width: 1em;

ui/src/components/post-listing.tsx

@@ -315,7 +315,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                 <h5 className="mb-1 d-inline-block">
                   {this.props.showBody && post.url ? (
                     <a
-                      className="text-body"
+                      className={!post.stickied ? 'text-body' : 'text-primary'}
                       href={post.url}
                       target="_blank"
                       title={post.url}
@@ -325,7 +325,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                     </a>
                   ) : (
                     <Link
-                      className="text-body"
+                      className={!post.stickied ? 'text-body' : 'text-primary'}
                       to={`/post/${post.id}`}
                       title={i18n.t('comments')}
                     >
@@ -419,7 +419,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                     className="unselectable pointer ml-2 text-muted font-italic"
                     data-tippy-content={i18n.t('stickied')}
                   >
-                    <svg class={`icon icon-inline text-success`}>
+                    <svg class={`icon icon-inline text-primary`}>
                       <use xlinkHref="#icon-pin"></use>
                     </svg>
                   </small>