jimeh/dotfiles
1
0
Fork 0
mirror of https://github.com/jimeh/dotfiles.git synced 2026-02-19 03:06:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(userscripts): add GitHub Dark Tweaks userstyle as a userscript

Browse Source
This commit is contained in:
Jim Myhrberg
2022-04-21 01:54:48 +01:00
parent 33d374e791
commit 26426bcafe
1 changed files with 83 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
userscripts/github-dark-tweaks.user.js Normal file
View File

@@ -0,0 +1,83 @@
// ==UserScript==
// @name GitHub Dark Tweaks
// @description Custom tweaks for GitHub Dark (https://github.com/StylishThemes/GitHub-Dark)
// @version 1.0.4
// @namespace jimeh.me
// @downloadURL https://github.com/jimeh/dotfiles/raw/main/userscripts/github-dark-tweaks.user.js
// @updateURL https://github.com/jimeh/dotfiles/raw/main/userscripts/github-dark-tweaks.user.js
// @inject-into content
// @run-at document-end
// @match *://*githubusercontent.com/*
// @match *://*githubstatus.com/*
// @match *://github.com/*
// ==/UserScript==
(function () {
if (
window.location.hostname == "githubusercontent.com" ||
window.location.hostname == "githubstatus.com" ||
window.location.href.match("^https?://((education|graphql|guides|raw|resources|status|developer|support|vscode-auth)\\.)?github\\.com/((?!(sponsors)).)*$")
) {
const css = `
/*
GitHub Diff Tweaks
Make red/green diff background colors more subtle, with configuration
options to fully customize them.
*/
.blob-num-deletion {
color: #f85149 !important;
background-color: rgba(218, 54, 51, 0.05) !important;
}
.blob-code-deletion {
background-color: rgba(218, 54, 51, 0.15) !important;
}
.blob-code-deletion .x {
color: #eee !important;
background-color: rgba(218, 54, 51, 0.45) !important;
}
.blob-num-addition {
color: #3fb950 !important;
background-color: rgba(35, 134, 54, 0.05) !important;
}
.blob-code-addition {
background-color: rgba(35, 134, 54, 0.15) !important;
}
.blob-code-addition .x {
color: #eee !important;
background-color: rgba(35, 134, 54, 0.6) !important;
}
.diff-table > tbody > tr[data-hunk]:hover > td::after,
.highlight > tbody > tr:hover > td::after {
background: rgba(255, 255, 255, 0.04) !important;
}
.diff-table > tbody > tr[data-hunk]:hover > td.selected-line::after,
.highlight > tbody > tr:hover > td.blob-code-inner.highlighted::after {
background: rgba(255, 255, 255, 0.08) !important;
}
/*
GitHub Search Tweaks
Make keyword highlight background a bit more obvious.
*/
.blob-code .hx_keyword-hl {
background-color: rgba(107, 82, 23, 0.4) !important;
}
`;
let styleElm = document.createElement('style');
if (styleElm.styleSheet) {
styleElm.styleSheet.cssText = css; // Support for IE
} else {
styleElm.appendChild(document.createTextNode(css));
}
document.getElementsByTagName("head")[0].appendChild(styleElm);
}
})();