css classes yo

src/General/css/burichan.css

@@ -52,7 +52,7 @@
 }
 
 /* Watcher Favicon */
-:root.burichan .watch-thread-link
+:root.burichan .watcher-toggler
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }

src/General/css/futaba.css

@@ -52,7 +52,7 @@
 }
 
 /* Watcher Favicon */
-:root.futaba .watch-thread-link
+:root.futaba .watcher-toggler
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }

src/General/css/photon.css

@@ -52,7 +52,7 @@
 }
 
 /* Watcher Favicon */
-:root.photon .watch-thread-link
+:root.photon .watcher-toggler
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(51,51,51)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }

src/General/css/style.css

@@ -38,7 +38,8 @@
   cursor: move;
   overflow: hidden;
 }
-label, .favicon {
+label,
+.watcher-toggler {
   cursor: pointer;
 }
 a[href="javascript:;"] {
@@ -204,6 +205,7 @@ a {
 .brackets-wrap::after {
   content: "]\\00a0";
 }
+.dead-thread,
 .disabled,
 .expand-all-shortcut {
   opacity: .45;
@@ -502,7 +504,7 @@ a.hide-announcement {
   top: 0px;
   padding: 0px 4px;
 }
-.watch-thread-link {
+.watcher-toggler {
   padding-top: 18px;
   width: 18px;
   height: 0px;
@@ -512,10 +514,11 @@ a.hide-announcement {
   position: relative;
   top: 1px;
 }
-.watch-thread-link.watched {
+.watcher-toggler.watched {
   opacity: 1;
 }
 
+
 /* Thread Stats */
 #thread-stats {
   background: none;

src/General/css/tomorrow.css

@@ -58,7 +58,7 @@
 }
 
 /* Watcher Favicon */
-:root.tomorrow .watch-thread-link
+:root.tomorrow .watcher-toggler
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(197,200,198)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }

src/General/css/yotsuba-b.css

@@ -52,7 +52,7 @@
 }
 
 /* Watcher Favicon */
-:root.yotsuba-b .watch-thread-link
+:root.yotsuba-b .watcher-toggler
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }

src/General/css/yotsuba.css

@@ -52,7 +52,7 @@
 }
 
 /* Watcher Favicon */
-:root.yotsuba .watch-thread-link
+:root.yotsuba .watcher-toggler
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }

src/Monitoring/ThreadWatcher.coffee

@@ -175,10 +175,8 @@ ThreadWatcher =
 
     for threadID, thread of g.BOARD.threads
       toggler = $ '.watcher-toggler', thread.OP.nodes.post
-      toggler.src = if ThreadWatcher.db.get {boardID: thread.board.ID, threadID}
+      watched = ThreadWatcher.db.get {boardID: thread.board.ID, threadID}
-        Favicon.default
+      $[if watched then 'addClass' else 'rmClass'] toggler, 'watched'
-      else
-        Favicon.empty
 
     for refresher in ThreadWatcher.menu.refreshers
       refresher()