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/_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/messages/_base.scss

@@ -23,6 +23,8 @@ $link-color-map: (
     cursor: pointer;
     margin-left: a.$gutter-sm;
     color: a.$color-label-user;
+    position: relative;
+    z-index: 2;
   }
 
   .chat-user {
@@ -46,9 +48,20 @@ $link-color-map: (
   .externallink {
     border-style: solid;
     border-color: transparent;
-    border-width: 1px 0 1px 0;
     color: a.$color-link;
     position: relative;
+    display: inline-block;
+    border-width: 0px;
+
+    // Links are over emotes and text but under usernames and the embed button
+    z-index: 1;
+    &::before {
+      content: "";
+      position: absolute;
+      width: calc(100% + var(--link-size) * 1em);
+      height: calc(100% + var(--link-size) * 1em);
+      margin: calc(var(--link-size) * -0.5em + 2px);
+    }
 
     &:visited {
       color: a.$color-link-visited;
@@ -59,6 +72,10 @@ $link-color-map: (
       color: a.$color-link-hover;
     }
   }
+  &:last-child .externallink {
+    padding-bottom: 0px;
+    margin-bottom: 0px;
+  }
 
   @each $type, $color in $link-color-map {
     .#{$type}-link {
@@ -78,6 +95,7 @@ $link-color-map: (
     margin-left: a.$gutter-sm;
     margin-right: a.$gutter-xs;
     opacity: 0.5;
+    z-index: 2;
 
     &:hover {
       opacity: 1;

assets/chat/css/messages/user/_index.scss

@@ -9,6 +9,8 @@
     vertical-align: text-top;
     align-items: center;
     margin-left: -(a.$gutter-xs);
+    position: relative;
+    z-index: 2;
   }
 
   .flair {

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 */