Add CSS files for all GitHub themes

Fixes #122

Author: sindresorhus

github-markdown-dark-colorblind.css

@@ -1,17 +1,28 @@
-/* dark */
+/*dark */
 .markdown-body {
   color-scheme: dark;
+  /** CSS default easing. Use for hover state changes and micro-interactions. */
+  /** Accelerating motion. Use for elements exiting the viewport (moving off-screen). */
+  /** Smooth acceleration and deceleration. Use for elements moving or morphing within the viewport. */
+  /** Decelerating motion. Use for elements entering the viewport or appearing on screen. */
+  /** Constant motion with no acceleration. Use for continuous animations like progress bars or loaders. */
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
+  font-weight: 400;
   color: #f0f6fc;
   background-color: #0d1117;
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
 }
 
+.markdown-body a {
+  text-decoration: underline;
+  text-underline-offset: .2rem;
+}
+
 .markdown-body .octicon {
   display: inline-block;
   fill: currentColor;
@@ -48,7 +59,7 @@
 }
 
 .markdown-body a {
-  background-color: transparent;
+  background-color: rgba(0,0,0,0);
   color: #4493f8;
   text-decoration: none;
 }
@@ -122,7 +133,7 @@
 .markdown-body hr {
   box-sizing: content-box;
   overflow: hidden;
-  background: transparent;
+  background: rgba(0,0,0,0);
   border-bottom: 1px solid #3d444db3;
   height: .25em;
   padding: 0;
@@ -218,7 +229,7 @@
 .markdown-body [role=button]:focus,
 .markdown-body input[type=radio]:focus,
 .markdown-body input[type=checkbox]:focus {
-  outline: 2px solid #1f6feb;
+  outline: 2px solid var(--borderColor-accent-emphasis);
   outline-offset: -2px;
   box-shadow: none;
 }
@@ -227,14 +238,14 @@
 .markdown-body [role=button]:focus:not(:focus-visible),
 .markdown-body input[type=radio]:focus:not(:focus-visible),
 .markdown-body input[type=checkbox]:focus:not(:focus-visible) {
-  outline: solid 1px transparent;
+  outline: solid 1px rgba(0,0,0,0);
 }
 
 .markdown-body a:focus-visible,
 .markdown-body [role=button]:focus-visible,
 .markdown-body input[type=radio]:focus-visible,
 .markdown-body input[type=checkbox]:focus-visible {
-  outline: 2px solid #1f6feb;
+  outline: 2px solid var(--borderColor-accent-emphasis);
   outline-offset: -2px;
   box-shadow: none;
 }
@@ -256,10 +267,10 @@
   color: #f0f6fc;
   vertical-align: middle;
   background-color: #151b23;
-  border: solid 1px #3d444db3;
-  border-bottom-color: #3d444db3;
+  border: solid 1px var(--borderColor-muted);
+  border-bottom-color: var(--borderColor-muted);
   border-radius: 6px;
-  box-shadow: inset 0 -1px 0 #3d444db3;
+  box-shadow: inset 0 -1px 0 var(--borderColor-muted);
 }
 
 .markdown-body h1,
@@ -584,7 +595,7 @@
 }
 
 .markdown-body table img {
-  background-color: transparent;
+  background-color: rgba(0,0,0,0);
 }
 
 .markdown-body img[align=right] {
@@ -598,7 +609,7 @@
 .markdown-body .emoji {
   max-width: none;
   vertical-align: text-top;
-  background-color: transparent;
+  background-color: rgba(0,0,0,0);
 }
 
 .markdown-body span.frame {
@@ -721,7 +732,7 @@
   margin: 0;
   word-break: normal;
   white-space: pre;
-  background: transparent;
+  background: rgba(0,0,0,0);
   border: 0;
 }
 
@@ -748,13 +759,12 @@
 .markdown-body pre code,
 .markdown-body pre tt {
   display: inline;
-  max-width: auto;
   padding: 0;
   margin: 0;
   overflow: visible;
   line-height: inherit;
   word-wrap: normal;
-  background-color: transparent;
+  background-color: rgba(0,0,0,0);
   border: 0;
 }
 
@@ -833,10 +843,6 @@
   font-family: monospace;
 }
 
-.markdown-body body:has(:modal) {
-  padding-right: var(--dialog-scrollgutter) !important;
-}
-
 .markdown-body .pl-c {
   color: #9198a1;
 }
@@ -884,8 +890,8 @@
 }
 
 .markdown-body .pl-ii {
-  color: #f0f6fc;
-  background-color: #8e1519;
+  color: var(--fgColor-danger);
+  background-color: var(--bgColor-danger-muted);
 }
 
 .markdown-body .pl-c2 {
@@ -987,6 +993,19 @@
   height: 1em;
 }
 
+.markdown-body a:has(>p,>div,>pre,>blockquote) {
+  display: block;
+}
+
+.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)) {
+  width: fit-content;
+}
+
+.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible {
+  outline: 2px solid var(--borderColor-accent-emphasis);
+  outline-offset: 2px;
+}
+
 .markdown-body .task-list-item {
   list-style-type: none;
 }
@@ -1026,7 +1045,7 @@
   width: auto;
   height: 24px;
   overflow: visible;
-  clip: auto;
+  clip-path: none;
 }
 
 .markdown-body ::-webkit-calendar-picker-indicator {