diff --git a/zephyr/static/js/stream_list.js b/zephyr/static/js/stream_list.js
index f295819298..5962888239 100644
--- a/zephyr/static/js/stream_list.js
+++ b/zephyr/static/js/stream_list.js
@@ -94,6 +94,9 @@ function add_narrow_filter(name, type) {
                          .html(swatch);
     if (type === 'stream') {
         list_item.attr('id', "stream_sidebar_" + subs.stream_id(name));
+        if (subs.have(name).in_home_view === false) {
+            list_item.addClass("out_of_home_view");
+        }
     }
 
     list_item.append($('<a>').attr('href', uri)
diff --git a/zephyr/static/js/subs.js b/zephyr/static/js/subs.js
index 9611657e90..0789a65aac 100644
--- a/zephyr/static/js/subs.js
+++ b/zephyr/static/js/subs.js
@@ -192,6 +192,12 @@ exports.toggle_home = function (stream_name) {
 
     exports.maybe_toggle_all_messages();
     set_stream_property(stream_name, 'in_home_view', sub.in_home_view);
+    var li = $("#stream_filters li[data-name='" + encodeURIComponent(stream_name) + "']");
+    if (sub.in_home_view) {
+        li.removeClass("out_of_home_view");
+    } else {
+        li.addClass("out_of_home_view");
+    }
 };
 
 function stream_notifications_clicked(e) {
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 69c0f2881c..0c939c1a91 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -277,6 +277,10 @@ ul.filters li:hover .arrow {
     cursor: pointer;
 }
 
+ul.filters li.out_of_home_view {
+    opacity: 0.25;
+}
+
 .message_list {
     /* If we change this color, we must change message_reply_fade */
     background-color: aliceblue;