CSS adjustments: diff colors, snippet paddings, inline code colors

Author: pikinier20

scaladoc-js/common/css/code-snippets.css

@@ -1,7 +1,7 @@
 /* Snippets */
 
 .snippet {
-  padding: 12px 8px 10px 12px;
+  position: relative;
   background: var(--code-bg);
   margin: 1em 0px;
   border-radius: 2px;
@@ -35,6 +35,9 @@
 
 .snippet .buttons {
   --icon-size: 16px;
+  position: absolute;
+  right: 0;
+  top: 0.5em
 }
 
 .snippet-showhide {
@@ -134,6 +137,14 @@ input:checked + .slider:before {
 }
 
 .snippet .buttons {
+  transition: all .2s ease;
+  opacity: 0;
+  visibility: hidden;
+}
+
+.snippet:hover .buttons {
+  opacity: 1;
+  visibility: visible;
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-start;

scaladoc/resources/dotty_res/styles/nord-light.css

@@ -11,6 +11,8 @@
   --hljs-keyword: hsl(213, 60%, 45%);
   --hljs-string: hsl(92, 46%, 43%);
   --hljs-literal: hsl(311, 30%, 47%);
+  --hljs-addition: hsl(122, 40.97%, 44.51%);
+  --hljs-deletion: hsl(1 , 66% , 64%);
 }
 :root.theme-dark {
   --hljs-meta: hsl(40, 100%, 49%);
@@ -65,3 +67,9 @@ pre, .hljs {
 .hljs-built_in, .hljs-number, .hljs-literal {
   color: var(--hljs-literal);
 }
+.hljs-addition {
+  color: var(--hljs-addition);
+}
+.hljs-deletion {
+  color: var(--hljs-deletion);
+}

scaladoc/resources/dotty_res/styles/scalastyle.css

@@ -69,14 +69,18 @@ h1, h2, h3 {
   font-variant-ligatures: none;
   /* padding: 8px; */
 }
-pre, code, .hljs {
+pre, .hljs {
   font-family: var(--mono-font);
   background: var(--code-bg);
   font-variant-ligatures: none;
 }
 code {
   font-size: .8em;
-  padding: 0 .3em;
+  font-weight: 500;
+  padding: 3px 6px;
+  border-radius: 4px;
+  color: var(--code-fg);
+  background-color: var(--code-bg);
 }
 pre {
   overflow-x: auto;