• admiralteal@kbin.social
    link
    fedilink
    arrow-up
    6
    ·
    1 year ago

    The former takes people from other domains and makes their posts green text on green background. The colors are manually set and not reflective of any magazine styles or the like, but I have no idea why rgba(20, 45, 20, 1.0) is the color someone chose. I recommend anyone who wants that script edit line#41 to something like GM_addStyle('[data-is-federated-content="true"] { background-color: #EEE; }');, but even then this is a bit annoying to have to do manually.

    • spiritusmaximus@kbin.social
      link
      fedilink
      arrow-up
      3
      ·
      edit-2
      1 year ago

      It works on dark theme (I use only dark).

      On dark it’s light (white) text on dark green background, and it looks fine (I would prefer black or similar, but this works).

      Your edit breaks dark design because you get white/grey background.

    • AshDene@kbin.social
      link
      fedilink
      arrow-up
      2
      ·
      edit-2
      1 year ago

      I went a bit farther and used the built in variable to set color, as well as setting the font weight down to match the “n hours ago” text, and changing " - " to “@” so that the uesrname matched the standard fediverse string that you can put into search boxes

      I’ll publish this properly as soon as greasyfork sends me an email to authenticate my new account, but in the meantime here’s the source. EDIT: Email has yet to arrive 13 hours later, I doubt it’s going to. Anyone interested feel free to publish this somewhere it’s easier for people to install.

      // ==UserScript==
      // @name        kbin social add home-instance name to username (modified)
      // @namespace   english
      // @description  kbin social add home -instance name to username, modified to match style and fediverse formatting
      // @include     http*://*kbin.social*
      // @version     1.16
      // @run-at document-end
      // @require       https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js
      // @license MIT
      // @grant       GM_addStyle
      // ==/UserScript==
      
      $( document ).ready(function() {
          $( ".user-inline" ).each(function() {
              // get username URL and text, then remove username from URL and paste the instance name after username (not if instance is home-instance of kbin.social
      
              var homeinstance = $(this).attr('href') ;
              var myname = $(this).text().trim();
      
              var homeinstance2 =  homeinstance.replace( "/u/@" + myname + "@"  , '');
      
              if( homeinstance2  !=   "/u/" + myname ){ //show nothing if home-instance kbin
                  console.log(homeinstance2 );
                  $(this).append( "<span>@" +  homeinstance2 +"</span>" );
              }
          });
      }); //end each username a href
      
      var style = document.createElement('style');
      style.type = 'text/css';
      style.innerHTML =   '#content a.user-inline span{color: var(--kbin-meta-text-color); font-weight: 400}' ;
      
      document.getElementsByTagName('head')[0].appendChild(style);