fix: 🚑 gpg signed badge

src/themes/scss/dark.scss

@@ -17,6 +17,7 @@ $colors: (
         'peach':      c.variants(#fab387, $is-dark),
         'yellow':     c.variants(#f9e2af, $is-dark),
         'green':      c.variants($brand, $is-dark),
+        'dark-green': c.variants(#3fb946, $is-dark),
         'teal':       c.variants(#94e2d5, $is-dark),
         'sky':        c.variants(#89dceb, $is-dark),
         'sapphire':   c.variants(#74c7ec, $is-dark),

src/themes/scss/light.scss

@@ -17,6 +17,7 @@ $colors: (
         'peach':      c.variants(#fe640b, $is-dark),
         'yellow':     c.variants(#df8e1d, $is-dark),
         'green':      c.variants($brand, $is-dark),
+        'dark-green': c.variants(#11752d, $is-dark),
         'teal':       c.variants(#179299, $is-dark),
         'sky':        c.variants(#04a5e5, $is-dark),
         'sapphire':   c.variants(#209fb5, $is-dark),

src/themes/scss/theme/index.scss

@@ -310,21 +310,6 @@
         color: var(--color-error-text);
     }
 
-    // link color for signed commits
-    .ui.commit-header-row .svg.gitea-lock ~ a {
-        color: $lvl1;
-    }
-
-    // most recent commit hover when signed
-    .ui.sha.isSigned.isVerified:hover {
-        .shortsha {
-            color: $lvl1;
-        }
-        svg.gitea-lock {
-            fill: $lvl1;
-        }
-    }
-
     // modal text color for the "Remove GPG Key" modal
     .ui.basic.modal,
     .ui.basic.modal > .header,
@@ -359,6 +344,34 @@
         }
     }
 
+    .label.isSigned.isVerified {
+        margin: 0px .25em !important;
+        padding: 0;
+        display: inline-flex;
+        gap: 0px;
+        border-radius: 16px;
+
+        --color-green-badge-bg: none !important;
+        --color-green-badge-hover-bg: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 0.05) !important;
+        --color-label-text: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 1) !important;
+        --color-green-badge: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 1) !important;
+
+        .shortsha {
+            padding: 4px 6px 4px 12px !important;
+        }
+
+        .ui.detail.icon.button {
+            padding: 4px 12px 4px 6px !important;
+            margin: 0 !important;
+            background: none !important;
+            border-color: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 1) !important;
+        }
+    }
+
+    #commits-table {
+        --color-light: transparent !important;
+    }
+
     @include chroma.make-chroma-styles;
     @include codemirror.make-code-mirror-styles;
     @include monaco.make-monaco-styles($is-dark: true);