☰

GitHub fix theme

Buttons and labels should be colored as "primary", not "success".

  1. // ==UserScript==
  2. // @name        GitHub fix theme
  3. // @namespace   Violentmonkey Scripts
  4. // @match       https://github.com/*
  5. // @match       https://*.github.com/*
  6. // @grant       GM_addStyle
  7. // @run-at      document-start
  8. // @license     MIT
  9. // @version     1.0.3
  10. // @author      Mops
  11. // @icon        https://github.githubassets.com/favicons/favicon-dark.png
  12. // @description Buttons and labels should be colored as "primary", not "success".
  13. // ==/UserScript==
  14.  
  15. /**
  16.  * blue: 215deg
  17.  * green: 135deg
  18.  */
  19. let accent = '215deg';
  20.  
  21. GM_addStyle(`
  22. /* All primary-themed buttons should be blue*/
  23. html:is([data-color-mode="dark"][data-dark-theme="dark"],
  24. [data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
  25. [data-color-mode="auto"][data-light-theme="dark"],
  26. [data-color-mode="auto"][data-light-theme="dark"] ::backdrop) {
  27.   --accent: ${accent};
  28.  
  29.   --bgColor-accent-emphasis: hsl(var(--accent) 83.61% 52.16%);
  30.   --button-primary-bgColor-rest: var(--bgColor-accent-emphasis);
  31.   --button-primary-bgColor-active: hsl(var(--accent) 83.61% 60.16%);
  32.   --button-primary-bgColor-hover: hsl(var(--accent) 83.61% 44.16%);
  33.   --button-primary-bgColor-disabled: hsl(var(--accent) 83.61% 41.16%);
  34.  
  35.   --borderColor-accent-emphasis: hsl(var(--accent) 63.61% 56.16%);
  36.   --button-primary-borderColor-rest: var(--borderColor-accent-emphasis);
  37.   --button-primary-borderColor-disabled: hsl(var(--accent) 63.61% 45.16%);
  38. }
  39.  
  40. /* (Latest) pill and other success-themed pills */
  41. .Label.Label--success,
  42.  
  43. /* (Preview) pill */
  44. :where(.prc-Label-Label--LG6X):where([data-variant=success])
  45. {
  46.   border-color: var(--borderColor-accent-emphasis);
  47.   color: var(--fgColor-accent);
  48. }
  49. `);