From 54e12f142394c5c7412967554a3d4cc49ecf3806 Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Sat, 21 Feb 2015 13:16:54 -0800
Subject: [PATCH] Make highlighting more consistent.

---
 src/General/css/style.css    | 57 +++++++++++++++++++-----------------
 src/General/css/tomorrow.css | 26 ++++++++++++----
 2 files changed, 51 insertions(+), 32 deletions(-)

diff --git a/src/General/css/style.css b/src/General/css/style.css
index 7322bf350..7516e570c 100755
--- a/src/General/css/style.css
+++ b/src/General/css/style.css
@@ -922,23 +922,7 @@ span.hide-announcement {
   max-height: 80vh;
   max-width: 50vw;
 }
-.qphl {
-  outline: 2px solid rgba(216, 94, 49, .7);
-}
-:root.highlight-own .yourPost > .reply,
-:root.highlight-you .quotesYou > .reply {
-  border-left: 3px solid rgba(221, 0, 0, .7);
-}
-:root.highlight-own .yourPost > div.sideArrows,
-:root.highlight-you .quotesYou > div.sideArrows,
-:root.highlight-own .yourPost .hide-reply-button > .fa:before,
-:root.highlight-you .quotesYou .hide-reply-button > .fa:before {
-  color: rgba(221, 0, 0, .7);
-}
-:root.highlight-own .yourPost .hide-reply-button,
-:root.highlight-you .quotesYou .hide-reply-button {
-  opacity: 1;
-}
+
 /* Quote Threading */
 .threadContainer {
   margin-left: 20px;
@@ -1030,10 +1014,6 @@ input[name="Default Volume"] {
   -webkit-align-self: stretch;
   align-self: stretch;
 }
-.catalog-thread.watched .werkTyme-filename,
-.filter-highlight .werkTyme-filename {
-  border: 2px solid rgba(255, 0, 0, .5);
-}
 
 /* Index/Reply Navigation */
 #navlinks {
@@ -1045,16 +1025,39 @@ input[name="Default Volume"] {
   display: none;
 }
 
-/* Filter */
-.opContainer.filter-highlight {
-  box-shadow: inset 5px 0 rgba(255, 0, 0, .5);
+/* Highlighting */
+.qphl {
+  outline: 2px solid rgba(216, 94, 49, .7);
 }
+:root.highlight-own .yourPost > .reply,
+:root.highlight-you .quotesYou > .reply,
 .filter-highlight > .reply {
-  box-shadow: -5px 0 rgba(255, 0, 0, .5);
+  border-left: 3px solid rgba(221, 0, 0, .7);
+}
+:root.highlight-own .yourPost > div.sideArrows,
+:root.highlight-you .quotesYou > div.sideArrows,
+.filter-highlight > div.sideArrows,
+:root.highlight-own .yourPost .hide-reply-button > .fa:before,
+:root.highlight-you .quotesYou .hide-reply-button > .fa:before,
+.filter-highlight .hide-reply-button > .fa:before {
+  color: rgb(221, 0, 0);
+}
+:root.highlight-own .yourPost > div.sideArrows,
+:root.highlight-you .quotesYou > div.sideArrows,
+.filter-highlight > div.sideArrows,
+:root.highlight-own .yourPost .hide-reply-button:not(:hover),
+:root.highlight-you .quotesYou .hide-reply-button:not(:hover),
+.filter-highlight .hide-reply-button:not(:hover) {
+  opacity: 0.7;
+}
+.opContainer.filter-highlight {
+  box-shadow: inset 5px 0 rgba(221, 0, 0, .7);
 }
 .catalog-thread.watched .catalog-thumb,
-.filter-highlight .catalog-thumb {
-  border: 2px solid rgba(255, 0, 0, .5);
+.filter-highlight .catalog-thumb,
+.catalog-thread.watched .werkTyme-filename,
+.filter-highlight .werkTyme-filename {
+  border: 2px solid rgba(221, 0, 0, .7);
 }
 
 /* Spoiler text */
diff --git a/src/General/css/tomorrow.css b/src/General/css/tomorrow.css
index 0b3737419..19334115c 100755
--- a/src/General/css/tomorrow.css
+++ b/src/General/css/tomorrow.css
@@ -38,7 +38,10 @@
   background-color: rgba(255, 255, 255, 0.1);
 }
 
-/* Quote */
+/* Highlighting */
+:root.tomorrow .qphl {
+  outline: 2px solid rgba(129, 162, 190, .7);
+}
 :root.tomorrow .catalog-thread > .comment > span.quote, :root.tomorrow #arc-list span.quote {
   color: #B5BD68;
 }
@@ -50,16 +53,29 @@
   background-color: rgba(0, 0, 0, .14);
 }
 :root.tomorrow.highlight-own .yourPost > .reply,
-:root.tomorrow.highlight-you .quotesYou > .reply {
+:root.tomorrow.highlight-you .quotesYou > .reply,
+:root.tomorrow .filter-highlight > .reply {
   border-left: 3px solid rgba(129, 162, 190, .7);
 }
 :root.tomorrow.highlight-own .yourPost > div.sideArrows,
-:root.tomorrow.highlight-you .quotesYou > div.sideArrows {
+:root.tomorrow.highlight-you .quotesYou > div.sideArrows,
+:root.tomorrow .filter-highlight > div.sideArrows {
   color: rgb(197, 200, 198);
+  opacity: 1;
 }
 :root.tomorrow.highlight-own .yourPost .hide-reply-button > .fa:before,
-:root.tomorrow.highlight-you .quotesYou .hide-reply-button > .fa:before {
-  color: rgba(129, 162, 190, .7);
+:root.tomorrow.highlight-you .quotesYou .hide-reply-button > .fa:before,
+:root.tomorrow .filter-highlight .hide-reply-button > .fa:before {
+  color: rgb(129, 162, 190);
+}
+:root.tomorrow .opContainer.filter-highlight {
+  box-shadow: inset 5px 0 rgba(129, 162, 190, .7);
+}
+:root.tomorrow .catalog-thread.watched .catalog-thumb,
+:root.tomorrow .filter-highlight .catalog-thumb,
+:root.tomorrow .catalog-thread.watched .werkTyme-filename,
+:root.tomorrow .filter-highlight .werkTyme-filename {
+  border: 2px solid rgb(129, 162, 190);
 }
 
 /* QR */