lasers
/
FreeTube
mirror of https://github.com/FreeTubeApp/FreeTube
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update icons for add to/remove from quick bookmark button (#4825) 

* * Update icons for add to/remove from quick bookmark target button

* * Change quick bookmarked indicator to green

* * Stop importing star icon which is now unused
This commit is contained in:
PikachuEXE 2024-04-02 09:54:19 +08:00 committed by GitHub
parent f25753c164
commit 4dea7746c5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/ft-list-video/ft-list-video.vue
View File

@ -58,7 +58,7 @@
<ft-icon-button
v-if="isQuickBookmarkEnabled && quickBookmarkButtonEnabled"
:title="quickBookmarkIconText"
:icon="['fas', 'star']"
:icon="isInQuickBookmarkPlaylist ? ['fas', 'check'] : ['fas', 'clock']"
class="quickBookmarkVideoIcon"
:class="{
bookmarked: isInQuickBookmarkPlaylist,

2
src/renderer/components/watch-video-info/watch-video-info.vue
View File

@ -90,7 +90,7 @@
<ft-icon-button
v-if="isQuickBookmarkEnabled"
:title="quickBookmarkIconText"
:icon="['fas', 'star']"
:icon="isInQuickBookmarkPlaylist ? ['fas', 'check'] : ['fas', 'clock']"
class="quickBookmarkVideoIcon"
:class="{
bookmarked: isInQuickBookmarkPlaylist,

4
src/renderer/main.js
View File

@ -22,6 +22,7 @@ import {
faCheck,
faChevronRight,
faCircleUser,
faClock,
faClone,
faComment,
faCommentDots,
@ -63,7 +64,6 @@ import {
faShareAlt,
faSlidersH,
faSortDown,
faStar,
faStepBackward,
faStepForward,
faSync,
@ -102,6 +102,7 @@ library.add(
faCheck,
faChevronRight,
faCircleUser,
faClock,
faClone,
faComment,
faCommentDots,
@ -143,7 +144,6 @@ library.add(
faShareAlt,
faSlidersH,
faSortDown,
faStar,
faStepBackward,
faStepForward,
faSync,

14
src/renderer/themes.css
View File

@ -72,7 +72,7 @@
--primary-shadow-color: rgba(232, 232, 232, 1);
--title-color: #3f7ac6;
--bg-color: #f1f1f1;
--favorite-icon-color: #FFD600;
--favorite-icon-color: #00CC00;
--card-bg-color: #FFFFFF;
--secondary-card-bg-color: #eeeeee;
--scrollbar-color: #CCCCCC;
@ -89,7 +89,7 @@
--tertiary-text-color: #999;
--title-color: #EEEEEE;
--bg-color: #212121;
--favorite-icon-color: #FFEA00;
--favorite-icon-color: #00FF00;
--card-bg-color: #303030;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #414141;
@ -106,7 +106,7 @@
--tertiary-text-color: #EEEEEE;
--title-color: #EEEEEE;
--bg-color: #000000;
--favorite-icon-color: #FFEA00;
--favorite-icon-color: #00FF00;
--card-bg-color: #000000;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #515151;
@ -137,7 +137,7 @@
--tertiary-text-color: #e5e8f3;
--title-color: #BD93F9;
--bg-color: #282A36;
--favorite-icon-color: #F1FA8C;
--favorite-icon-color: #00FF00;
--card-bg-color: #33353F;
--secondary-card-bg-color: #282A36;
--scrollbar-color: #44475A;
@ -156,7 +156,7 @@
--tertiary-text-color: #a6adc8;
--title-color: var(--accent-color);
--bg-color: #1e1e2e;
--favorite-icon-color: #f9e2af;
--favorite-icon-color: #00FF00;
--card-bg-color: #181825;
--secondary-card-bg-color: #1e1e2e;
--scrollbar-color: #313244;
@ -197,7 +197,7 @@
--tertiary-text-color: #FFFF;
--title-color: #000000;
--bg-color: #ff008a;
--favorite-icon-color: #FFEA00;
--favorite-icon-color: #00FF00;
--card-bg-color: #DE1C85;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #FFFFFF;
@ -248,7 +248,7 @@ it can be safely elided. This looks quite pleasant on this theme. */
--tertiary-text-color: #EEEEEE;
--title-color: #EEEEEE;
--bg-color: #2b2f3a;
--favorite-icon-color: #FFEA00;
--favorite-icon-color: #00FF00;
--card-bg-color: #2e3440;
--secondary-card-bg-color: rgba(59, 66, 82, 0.75);
--scrollbar-color: #4b566a;