☰

Bouton Relié aux Commits de GitHub : Bordure Noire et Texte Bleu sur Jaune

Le bouton d’enregistrement des Commits de GitHub est entouré d’une bordure noire, affiché en police bleue et mis en surbrillance avec un fond jaune

// ==UserScript==
// @name         GitHub的Commits记录相关的按钮外围加上黑色边框，并以蓝色字体和黄色背景高亮显示
// @name:en      GitHub's Commits Related Button: Black Border & Blue Text on Yellow
// @description  GitHub的Commits记录按钮外围加上黑色边框，并以蓝色字体和黄色背景高亮显示
// @description:en  GitHub's Commits recording button is surrounded by a black border, displayed in blue font, and highlighted with a yellow background
// @name:ar      زر متعلق بتسجيلات Commits في GitHub: حدود سوداء ونص أزرق على خلفية صفراء
// @description:ar  زر تسجيل Commits في GitHub محاط بحدود سوداء، يُعرض بخط أزرق، ويتم إبرازه بخلفية صفراء
// @name:bg      Бутон за запис на Commits в GitHub: Черна рамка и син текст на жълт фон
// @description:bg  Бутонът за запис на Commits в GitHub е заобиколен от черна рамка, показан със син шрифт и подчертан с жълт фон
// @name:cs      Tlačítko související s Commits na GitHubu: Černý rámeček a modrý text na žlutém pozadí
// @description:cs  Tlačítko pro záznam Commits na GitHubu je obklopeno černým rámečkem, zobrazeno modrým písmem a zvýrazněno žlutým pozadím
// @name:da      GitHubs Commits-relaterede knap: Sort kant og blå tekst på gul baggrund
// @description:da  GitHubs knap til registrering af Commits er omgivet af en sort kant, vist med blå skrift og fremhævet med en gul baggrund
// @name:de      GitHubs Commits-bezogener Button: Schwarzer Rand & blauer Text auf Gelb
// @description:de  Der Commits-Aufzeichnungsbutton von GitHub ist von einem schwarzen Rand umgeben, wird in blauer Schrift angezeigt und mit gelbem Hintergrund hervorgehoben
// @name:el      Κουμπί Σχετικό με Commits του GitHub: Μαύρο Περίγραμμα & Μπλε Κείμενο σε Κίτρινο
// @description:el  Το κουμπί εγγραφής Commits του GitHub περιβάλλεται από μαύρο περίγραμμα, εμφανίζεται με μπλε γραμματοσειρά και τονίζεται με κίτρινο φόντο
// @name:eo      Butono Rilata al Commits de GitHub: Nigra Bordero kaj Blua Teksto sur Flava
// @description:eo  La butono por registri Commits de GitHub estas ĉirkaŭita de nigra bordero, montrita per blua tiparo, kaj elstarigita per flava fono
// @name:es      Botón Relacionado con Commits de GitHub: Borde Negro y Texto Azul sobre Amarillo
// @description:es  El botón de grabación de Commits de GitHub está rodeado por un borde negro, se muestra en fuente azul y se destaca con un fondo amarillo
// @name:fi      GitHubin Commits-liittyvä painike: Musta reuna ja sininen teksti keltaisella
// @description:fi  GitHubin Commits-tallennuspainike on ympäröity mustalla reunalla, näytetään sinisellä fontilla ja korostetaan keltaisella taustalla
// @name:fr      Bouton Lié aux Commits de GitHub : Bordure Noire & Texte Bleu sur Jaune
// @description:fr  Le bouton d'enregistrement des Commits de GitHub est entouré d'une bordure noire, affiché en police bleue et mis en évidence avec un fond jaune
// @name:fr-CA   Bouton Relié aux Commits de GitHub : Bordure Noire et Texte Bleu sur Jaune
// @description:fr-CA  Le bouton d’enregistrement des Commits de GitHub est entouré d’une bordure noire, affiché en police bleue et mis en surbrillance avec un fond jaune
// @name:he      כפתור קשור ל-Commits של GitHub: גבול שחור וטקסט כחול על צהוב
// @description:he  כפתור ההקלטה של Commits ב-GitHub מוקף בגבול שחור, מוצג בגופן כחול ומודגש עם רקע צהוב
// @name:hr      Gumb povezan s Commits na GitHubu: Crni obrub i plavi tekst na žutom
// @description:hr  Gumb za snimanje Commits na GitHubu okružen je crnim obrubom, prikazan plavim slovima i istaknut žutom pozadinom
// @name:hu      GitHub Commits-hez Kapcsolódó Gomb: Fekete Keret és Kék Szöveg Sárgán
// @description:hu  A GitHub Commits rögzítő gombja fekete kerettel van körülvéve, kék betűtípussal jelenik meg, és sárga háttérrel van kiemelve
// @name:id      Tombol Terkait Commits GitHub: Batas Hitam & Teks Biru pada Kuning
// @description:id  Tombol perekaman Commits GitHub dikelilingi oleh batas hitam, ditampilkan dengan font biru, dan disorot dengan latar belakang kuning
// @name:it      Pulsante Relativo ai Commits di GitHub: Bordo Nero e Testo Blu su Giallo
// @description:it  Il pulsante di registrazione dei Commits di GitHub è circondato da un bordo nero, visualizzato in carattere blu e evidenziato con uno sfondo giallo
// @name:ja      GitHubのCommits関連ボタン：黒枠と青文字、黄背景
// @description:ja  GitHubのCommits記録ボタンは黒い枠で囲まれ、青いフォントで表示され、黄色の背景でハイライトされます
// @name:ka      GitHub-ის Commits-თან დაკავშირებული ღილაკი: შავი ჩარჩო და ლურჯი ტექსტი ყვითელზე
// @description:ka  GitHub-ის Commits ჩაწერის ღილაკი გარშემორტყმულია შავი ჩარჩოთი, ნაჩვენებია ლურჯი შრიფტით და გამოკვეთილია ყვითელი ფონით
// @name:ko      GitHub의 Commits 관련 버튼: 검은 테두리와 파란 글씨, 노란 배경
// @description:ko  GitHub의 Commits 기록 버튼은 검은 테두리로 둘러싸여 있으며, 파란 글씨로 표시되고 노란 배경으로 강조됩니다
// @name:nb      GitHubs Commits-relaterte knapp: Svart kant og blå tekst på gul bakgrunn
// @description:nb  GitHubs knapp for opptak av Commits er omgitt av en svart kant, vist med blå skrift og uthevet med gul bakgrunn
// @name:nl      GitHub's Commits-gerelateerde knop: Zwarte rand & blauwe tekst op geel
// @description:nl  De opnameknop voor Commits van GitHub is omringd met een zwarte rand, weergegeven in blauw lettertype en gemarkeerd met een gele achtergrond
// @name:pl      Przycisk Związany z Commits na GitHubie: Czarna Ramka i Niebieski Tekst na Żółtym
// @description:pl  Przycisk nagrywania Commits na GitHubie jest otoczony czarną ramką, wyświetlany niebieską czcionką i wyróżniony żółtym tłem
// @name:pt-BR   Botão Relacionado a Commits do GitHub: Borda Preta e Texto Azul em Amarelo
// @description:pt-BR  O botão de gravação de Commits do GitHub é cercado por uma borda preta, exibido em fonte azul e destacado com fundo amarelo
// @name:ro      Buton Legat de Commits pe GitHub: Margine Neagră și Text Albastru pe Galben
// @description:ro  Butonul de înregistrare a Commits pe GitHub este înconjurat de o margine neagră, afișat cu font albastru și evidențiat cu fundal galben
// @name:ru      Кнопка, Связанная с Commits в GitHub: Черная Рамка и Синий Текст на Желтом
// @description:ru  Кнопка записи Commits в GitHub окружена черной рамкой, отображается синим шрифтом и выделяется желтым фоном
// @name:sk      Tlačidlo Súvisiace s Commits na GitHube: Čierna Obruba a Modrý Text na Žltom
// @description:sk  Tlačidlo na zaznamenávanie Commits na GitHube je obklopené čiernou obrubou, zobrazené modrým písmom a zvýraznené žltým pozadím
// @name:sr      Дугме Повезано са Commits на GitHub-у: Црни Оквир и Плави Текст на Жутом
// @description:sr  Дугме за снимање Commits на GitHub-у је окружено црним оквиром, приказано плавим словима и истакнуто жутом позадином
// @name:sv      GitHubs Commits-relaterade knapp: Svart kant och blå text på gul bakgrund
// @description:sv  GitHubs knapp för inspelning av Commits omges av en svart kant, visas med blå text och framhävs med gul bakgrund
// @name:th      ปุ่มที่เกี่ยวข้องกับ Commits ของ GitHub: ขอบดำและข้อความสีน้ำเงินบนพื้นเหลือง
// @description:th  ปุ่มบันทึก Commits ของ GitHub ถูกล้อมรอบด้วยขอบสีดำ แสดงด้วยตัวอักษรสีน้ำเงิน และเน้นด้วยพื้นหลังสีเหลือง
// @name:tr      GitHub'un Commits ile İlgili Düğmesi: Siyah Çerçeve ve Sarı Üzerinde Mavi Metin
// @description:tr  GitHub'un Commits kayıt düğmesi siyah bir çerçeve ile çevrilidir, mavi yazı tipiyle gösterilir ve sarı arka planla vurgulanır
// @name:ug      GitHub نىڭ Commits بىلەن مۇناسىۋەتلىك كۇنۇپكىسى: قارا چەك ۋە سېرىق ئۈستىدىكى كۆك تېكىست
// @description:ug  GitHub نىڭ Commits خاتىرىلەش كۇنۇپكىسى قارا چەك بىلەن قورشالغان، كۆك خەت نۇسخىسىدا كۆرسىتىلگەن ۋە سېرىق تەگلىك بىلەن بەلگىلەنگەن
// @name:uk      Кнопка, Пов’язана з Commits у GitHub: Чорна Рамка та Синій Текст на Жовтому
// @description:uk  Кнопка запису Commits у GitHub оточена чорною рамкою, відображається синім шрифтом і виділена жовтим фоном
// @name:vi      Nút Liên Quan đến Commits của GitHub: Viền Đen và Chữ Xanh trên Nền Vàng
// @description:vi  Nút ghi lại Commits của GitHub được bao quanh bởi viền đen, hiển thị bằng phông chữ xanh và được làm nổi bật với nền vàng
// @name:zh      GitHub的Commits相关按钮：黑色边框与黄色背景上的蓝色文字
// @description:zh  GitHub的Commits记录按钮外围加上黑色边框，以蓝色字体显示，并以黄色背景高亮显示
// @name:zh-CN   GitHub的Commits相关按钮：黑色边框与黄色背景上的蓝色文字
// @description:zh-CN  GitHub的Commits记录按钮外围加上黑色边框，以蓝色字体显示，并以黄色背景高亮显示
// @name:zh-HK   GitHub嘅Commits相關按鈕：黑色邊框同黃色背景上嘅藍色文字
// @description:zh-HK  GitHub嘅Commits記錄按鈕外圍加咗黑色邊框，用藍色字體顯示，並以黃色背景高亮顯示
// @name:zh-SG   GitHub的Commits相关按钮：黑色边框与黄色背景上的蓝色文字
// @description:zh-SG  GitHub的Commits记录按钮外围加上黑色边框，以蓝色字体显示，并以黄色背景高亮显示
// @name:zh-TW   GitHub的Commits相關按鈕：黑色邊框與黃色背景上的藍色文字
// @description:zh-TW  GitHub的Commits記錄按鈕外圍加上黑色邊框，以藍色字體顯示，並以黃色背景高亮顯示
// @namespace    http://tampermonkey.net/
// @version      0.2.6.3
// @author       aspen138
// @match        *://github.com/*
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACEUExURUxpcRgWFhsYGBgWFhcWFh8WFhoYGBgWFiUlJRcVFRkWFhgVFRgWFhgVFRsWFhgWFigeHhkWFv////////////r6+h4eHv///xcVFfLx8SMhIUNCQpSTk/r6+jY0NCknJ97e3ru7u+fn51BOTsPCwqGgoISDg6empmpoaK2srNDQ0FhXV3eXcCcAAAAXdFJOUwCBIZXMGP70BuRH2Ze/LpIMUunHkpQR34sfygAAAVpJREFUOMt1U+magjAMDAVb5BDU3W25b9T1/d9vaYpQKDs/rF9nSNJkArDA9ezQZ8wPbc8FE6eAiQUsOO1o19JolFibKCdHGHC0IJezOMD5snx/yE+KOYYr42fPSufSZyazqDoseTPw4lGJNOu6LBXVUPBG3lqYAOv/5ZwnNUfUifzBt8gkgfgINmjxOpgqUA147QWNaocLniqq3QsSVbQHNp45N/BAwoYQz9oUJEiE4GMGfoBSMj5gjeWRIMMqleD/CAzUHFqTLyjOA5zjNnwa4UCEZ2YK3khEcBXHjVBtEFeIZ6+NxYbPqWp1DLKV42t6Ujn2ydyiPi9nX0TTNAkVVZ/gozsl6FbrktkwaVvL2TRK0C8Ca7Hck7f5OBT6FFbLATkL2ugV0tm0RLM9fedDvhWstl8Wp9AFDjFX7yOY/lJrv8AkYuz7fuP8dv9izCYH+x3/LBnj9fYPBTpJDNzX+7cAAAAASUVORK5CYII=
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==


(function() {
    'use strict';

    // Add the custom styles
    GM_addStyle(`
       .custom-highlight {
            border: 2px solid black !important;
            background-color: yellow !important;
            color: blue !important;
        }
    `);

    // Function to check and apply styles to matching elements
    function applyCustomStyles() {
        // Select all span elements that could contain the text
        const spans = document.querySelectorAll('span[data-component="text"] span');

        // Regular expression to match the pattern "number Commits" with commas for thousand separators
        const regex = /\b\d{1,3}(,\d{3})*\sCommit*/;

        spans.forEach(span => {
            // If the span's text matches the pattern
            if (regex.test(span.textContent)) {
                // Add a custom class or directly apply styles here
                span.classList.add('custom-highlight');
            }
        });

         const buttons = document.querySelectorAll('a[id="browse-at-time-link"]');
         console.log(buttons);
         const regex1= /\bBrowse files\b/;
         buttons.forEach(btn => {
            // If the span's text matches the pattern
            if (regex1.test(btn.innerText)) {
                // Add a custom class or directly apply styles here
                btn.classList.add('custom-highlight');
            }
        });



    }

    // MutationObserver to observe changes in the document
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.addedNodes.length) {
                applyCustomStyles();
            }
        });
    });

    // Configuration of the observer:
    const config = { childList: true, subtree: true };

    // Start observing the body for added nodes
    observer.observe(document.body, config);

    // Initial application of the styles
    applyCustomStyles();
})();