From 0fae5dbcbb725a116cd4b4f48ac65c4acd1ae1b2 Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Fri, 5 Apr 2024 22:51:14 -0400
Subject: [PATCH 1/7] Use `bookmark` icon for `Quick bookmark` feature

---
 src/renderer/components/ft-list-video/ft-list-video.vue       | 2 +-
 src/renderer/components/watch-video-info/watch-video-info.vue | 2 +-
 src/renderer/main.js                                          | 2 --
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue
index 391ff3c1f2bbe..868f90e0cbeb9 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.vue
+++ b/src/renderer/components/ft-list-video/ft-list-video.vue
@@ -58,7 +58,7 @@
         <ft-icon-button
           v-if="isQuickBookmarkEnabled && quickBookmarkButtonEnabled"
           :title="quickBookmarkIconText"
-          :icon="isInQuickBookmarkPlaylist ? ['fas', 'check'] : ['fas', 'clock']"
+          :icon="isInQuickBookmarkPlaylist ? ['fas', 'check'] : ['fas', 'bookmark']"
           class="quickBookmarkVideoIcon"
           :class="{
             bookmarked: isInQuickBookmarkPlaylist,
diff --git a/src/renderer/components/watch-video-info/watch-video-info.vue b/src/renderer/components/watch-video-info/watch-video-info.vue
index 680adcd21fad3..f5d36af02e9d6 100644
--- a/src/renderer/components/watch-video-info/watch-video-info.vue
+++ b/src/renderer/components/watch-video-info/watch-video-info.vue
@@ -90,7 +90,7 @@
         <ft-icon-button
           v-if="isQuickBookmarkEnabled"
           :title="quickBookmarkIconText"
-          :icon="isInQuickBookmarkPlaylist ? ['fas', 'check'] : ['fas', 'clock']"
+          :icon="isInQuickBookmarkPlaylist ? ['fas', 'check'] : ['fas', 'bookmark']"
           class="quickBookmarkVideoIcon"
           :class="{
             bookmarked: isInQuickBookmarkPlaylist,
diff --git a/src/renderer/main.js b/src/renderer/main.js
index d836d9cc54856..11d87890841d4 100644
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -22,7 +22,6 @@ import {
   faCheck,
   faChevronRight,
   faCircleUser,
-  faClock,
   faClone,
   faComment,
   faCommentDots,
@@ -102,7 +101,6 @@ library.add(
   faCheck,
   faChevronRight,
   faCircleUser,
-  faClock,
   faClone,
   faComment,
   faCommentDots,

From ce7a97aafbca597a8a64818b70e25f9c5c09dd49 Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Sun, 7 Apr 2024 16:57:42 -0400
Subject: [PATCH 2/7] Make bookmark icon primary colour

---
 src/renderer/components/ft-icon-button/ft-icon-button.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/renderer/components/ft-icon-button/ft-icon-button.scss b/src/renderer/components/ft-icon-button/ft-icon-button.scss
index 58f776dd6414c..56a7deb7c2784 100644
--- a/src/renderer/components/ft-icon-button/ft-icon-button.scss
+++ b/src/renderer/components/ft-icon-button/ft-icon-button.scss
@@ -76,6 +76,10 @@
     }
   }
 
+  &.fa-bookmark, &.fa-bookmark:hover, &.fa-bookmark:focus-visible {
+    color: var(--primary-color);
+  }
+
   &.favorite, &.favorite:hover, &.favorite:focus-visible {
     color: var(--favorite-icon-color);
   }

From 9cb0a9fa0cafb9c12a3083a1c3e5aa34bcbff5d0 Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Wed, 10 Apr 2024 22:10:15 -0400
Subject: [PATCH 3/7] Remove colour from fa-bookmark

---
 src/renderer/components/ft-icon-button/ft-icon-button.scss | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/renderer/components/ft-icon-button/ft-icon-button.scss b/src/renderer/components/ft-icon-button/ft-icon-button.scss
index 56a7deb7c2784..58f776dd6414c 100644
--- a/src/renderer/components/ft-icon-button/ft-icon-button.scss
+++ b/src/renderer/components/ft-icon-button/ft-icon-button.scss
@@ -76,10 +76,6 @@
     }
   }
 
-  &.fa-bookmark, &.fa-bookmark:hover, &.fa-bookmark:focus-visible {
-    color: var(--primary-color);
-  }
-
   &.favorite, &.favorite:hover, &.favorite:focus-visible {
     color: var(--favorite-icon-color);
   }

From c9db2afcf4856b3ead1ae69cfb64cd5a56779168 Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Wed, 10 Apr 2024 22:11:03 -0400
Subject: [PATCH 4/7] Make thumbnail icons fully visible instead of only 85%
 visible

---
 src/renderer/scss-partials/_ft-list-item.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
index 1fda317db6d21..3382d1f02d874 100644
--- a/src/renderer/scss-partials/_ft-list-item.scss
+++ b/src/renderer/scss-partials/_ft-list-item.scss
@@ -1,4 +1,4 @@
-$thumbnail-overlay-opacity: 0.85;
+$thumbnail-overlay-opacity: 1;
 $watched-transition-duration: 0.5s;
 
 @mixin is-result {

From 5633ad90379dc2cfc48905c839b2b5963662e1cd Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Wed, 10 Apr 2024 22:18:51 -0400
Subject: [PATCH 5/7] Make thumbnail icons very slightly larger

---
 src/renderer/components/ft-list-video/ft-list-video.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue
index 868f90e0cbeb9..61166ed80581c 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.vue
+++ b/src/renderer/components/ft-list-video/ft-list-video.vue
@@ -52,7 +52,7 @@
           class="addToPlaylistIcon"
           :class="alwaysShowAddToPlaylistButton ? 'alwaysVisible' : ''"
           :padding="appearance === `watchPlaylistItem` ? 5 : 6"
-          :size="appearance === `watchPlaylistItem` ? 14 : 18"
+          :size="appearance === `watchPlaylistItem` ? 14 : 22"
           @click="togglePlaylistPrompt"
         />
         <ft-icon-button
@@ -66,7 +66,7 @@
           }"
           :theme="quickBookmarkIconTheme"
           :padding="appearance === `watchPlaylistItem` ? 5 : 6"
-          :size="appearance === `watchPlaylistItem` ? 14 : 18"
+          :size="appearance === `watchPlaylistItem` ? 14 : 22"
           @click="toggleQuickBookmarked"
         />
         <ft-icon-button

From ca897f8a80be576deb8be5fd369f214489bd8ee1 Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Wed, 10 Apr 2024 22:47:17 -0400
Subject: [PATCH 6/7] Revert size change of bookmark icon and playlist add icon

---
 src/renderer/components/ft-list-video/ft-list-video.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue
index 61166ed80581c..868f90e0cbeb9 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.vue
+++ b/src/renderer/components/ft-list-video/ft-list-video.vue
@@ -52,7 +52,7 @@
           class="addToPlaylistIcon"
           :class="alwaysShowAddToPlaylistButton ? 'alwaysVisible' : ''"
           :padding="appearance === `watchPlaylistItem` ? 5 : 6"
-          :size="appearance === `watchPlaylistItem` ? 14 : 22"
+          :size="appearance === `watchPlaylistItem` ? 14 : 18"
           @click="togglePlaylistPrompt"
         />
         <ft-icon-button
@@ -66,7 +66,7 @@
           }"
           :theme="quickBookmarkIconTheme"
           :padding="appearance === `watchPlaylistItem` ? 5 : 6"
-          :size="appearance === `watchPlaylistItem` ? 14 : 22"
+          :size="appearance === `watchPlaylistItem` ? 14 : 18"
           @click="toggleQuickBookmarked"
         />
         <ft-icon-button

From ea97e7df89f99bb21ff0811af93dc81b2c6ae344 Mon Sep 17 00:00:00 2001
From: Emma <MarmadileManteater@proton.me>
Date: Wed, 10 Apr 2024 22:52:25 -0400
Subject: [PATCH 7/7] Revert `$thumbnail-overlay-opacity` and change icon
 opacity directly

---
 src/renderer/scss-partials/_ft-list-item.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
index 3382d1f02d874..22be37765c625 100644
--- a/src/renderer/scss-partials/_ft-list-item.scss
+++ b/src/renderer/scss-partials/_ft-list-item.scss
@@ -1,4 +1,4 @@
-$thumbnail-overlay-opacity: 1;
+$thumbnail-overlay-opacity: 0.85;
 $watched-transition-duration: 0.5s;
 
 @mixin is-result {
@@ -366,7 +366,7 @@ $watched-transition-duration: 0.5s;
     &:has(:focus-visible) .addToPlaylistIcon:not(.alwaysVisible),
     &:has(:focus-visible) .quickBookmarkVideoIcon:not(.alwaysVisible),
     &:has(:focus-visible) .externalPlayerIcon {
-      opacity: $thumbnail-overlay-opacity;
+      opacity: 1;
     }
 
     &:hover .optionsButton,