Template bookmarkLink
Replace
<span class="pulse-i" data-controller='bookmark.front.bookmark.link{{if $manage}}(manage.bookmark){{endif}}'>
{{if !$item->isBookmarked() }}
<a href="{$item->url('bookmark')->csrf()->setQueryString('isButton', $button)}" {{if !\IPS\Application::load( 'bookmark')->isSimpleMode() }} data-action="bookmark" data-ipsDialog data-ipsDialog-size="medium" data-ipsDialog-title="{lang="bookmark_simple"}" data-ipsDialog-remoteSubmit="true" {{else}}data-action='simpleBookmark' {{endif}} data-ipsTooltip title='{lang="bookmark_i"}'><i class="fa fa-bookmark-o" aria-hidden="true"></i></a>
{{else}}
<a href="{$item->url('removeBookmark')->csrf()}" data-action="removeBookmark" data-ipsTooltip title='{lang="bookmark_i"}'><i class="fa fa-bookmark" aria-hidden="true"></i></a>
{{endif}}
</span>
Add Css
/*Pulse*/
.pulse-i {
position: relative;
display: block;
width: 25px;
height: 25px;
font-size: 1.3em;
text-shadow: 0 1px 0 #1f4c76;
box-shadow: 0 0 0 0 rgba(90, 153, 220, 0.7), inset 0 1px 0 #ffffff;
border-radius: 100%;
vertical-align: middle;
cursor: pointer;
}
span.pulse-i a {
position: absolute;
left: 6px;
top: 3px;
}
.pulse-i:hover {
-webkit-animation: pulse-i 1s infinite cubic-bezier(0.6, 0, 0, 1);
}
.pulse-i[data-controller*=manage] a {
left: -7px;
top: 0px;
}
.pulse-i[data-controller*=manage],.pulse-i[data-controller*=manage] a,.pulse-i[data-controller*=manage] a:hover {
border: none !important;
}
@-webkit-keyframes pulse-i {
to {
box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 0 0 #abcbe9;
}
}
span#pulse-i {
position: absolute;
left: 260px;
}
For language keys add
bookmark_bookmark - <i class='fa fa-bookmark-o' aria-hidden='true'></i>
bookmark_remove_bookmark - <i class='fa fa-bookmark' aria-hidden='true'></i>