Merge pull request #553 from AlexDavies8/master

DGGTweaker Features - Link Hitbox Scaling, RustleSearch button and Lucide Icons

assets/chat/css/chat/_toolbar.scss

@@ -12,6 +12,7 @@ $toolbar-icons-map: (
   display: flex;
   position: relative;
   user-select: none;
+  margin: 0 -0.25em;
 }
 
 .chat-tools-group {

assets/chat/css/menus/_emote-tooltip.scss

@@ -45,12 +45,14 @@
         transition: background-color 500ms;
         height: 20px;
         aspect-ratio: 1;
-        mask: url('../img/icon-favorite.svg');
+        mask-size: 20px;
+        mask-image: url('../img/icon-favorite.svg');
         background-color: a.$text-color2;
       }
 
       &.favorited .btn-icon {
-        mask: url('../img/icon-favorite-fill.svg');
+        mask-size: 20px;
+        mask-image: url('../img/icon-favorite-fill.svg');
       }
 
       &:hover .btn-icon {

assets/chat/css/menus/_user-info.scss

@@ -7,6 +7,7 @@ $toolbar-icons-map: (
   'whisper': 'whispers',
   'ignore': 'ignore',
   'unignore': 'unignore',
+  'rustle': 'rustle',
 );
 
 #chat-user-info {
@@ -57,6 +58,9 @@ $toolbar-icons-map: (
       }
     }
 
+    width: 2.75em;
+    height: 2.75em;
+
     @each $id, $icon in $toolbar-icons-map {
       &##{$id}-user-btn .btn-icon {
         @include a.icon-background('../img/icon-#{$icon}.svg');

assets/chat/css/style.scss

@@ -103,12 +103,12 @@ hr {
 
 .tippy-box[data-theme~='dgg'] {
   text-align: center;
-  background-color: white;
-  color: #000;
+  background-color: a.$color-surface-dark4;
+  color: a.$color-chat-text1;
 }
 
 .tippy-box[data-theme~='dgg'] > .tippy-svg-arrow {
-  fill: white;
+  fill: a.$color-surface-dark4;
 }
 
 /* Small screen, non-retina */