pirst part of changes

Author: kamilszewczyk0

scaladoc/resources/dotty_res/styles/scalastyle.css

@@ -130,6 +130,7 @@ td,
 th {
   border: 1px solid var(--border-medium);
   padding: 0.5rem;
+  color: var(--text-primary);
 }
 th {
   border-bottom: 2px solid var(--border-medium);

scaladoc/resources/dotty_res/styles/theme/color-tokens.css

@@ -47,8 +47,9 @@
   --semantic-background-red: var(--red3);
 
   /* code */
-  --code-props-content: var(--crimson11);
-  --code-props-background: var(--red3);
+  --code-props-content: var(--grey12);
+  --code-props-background: var(--grey3);
+  --code-props-border: var(--grey5);
 
   --code-syntax-highlighting-comment: var(--grey11);
   --code-syntax-highlighting-quote: var(--grey11);
@@ -134,8 +135,9 @@
   --action-primary-border-default: var(--grey6);
 
   /* code */
-  --code-props-content: var(--crimson11);
-  --code-props-background: var(--red3);
+  --code-props-content: var(--grey12);
+  --code-props-background: var(--grey2);
+  --code-props-border: var(--grey6);
 
   --code-syntax-highlighting-comment: var(--grey11);
   --code-syntax-highlighting-quote: var(--grey11);

scaladoc/resources/dotty_res/styles/theme/components/api-filters.css

@@ -3,8 +3,11 @@
   flex-wrap: wrap;
   z-index: 1;
   row-gap: calc(2 * var(--base-spacing));
-  position: relative;
-  margin-bottom: calc(6 * var(--base-spacing));
+  position: sticky;
+  top: var(--header-height);
+  padding: calc(2 * var(--base-spacing)) 0;
+  margin-bottom: calc(3 * var(--base-spacing));
+  background-color: var(--background-default);
 }
 
 .filtersContainer {

scaladoc/resources/dotty_res/styles/theme/components/attributes.css

@@ -17,20 +17,20 @@
 
 .attributes > dt {
   float: left;
-  width: 30%;
+  width: 20%;
   padding: 0;
   margin: 0;
   border-top: 1px solid var(--border-default);
   padding-top: calc(2.5 * var(--base-spacing));
   padding-bottom: calc(2.5 * var(--base-spacing));
-  text-align: center;
+  text-align: right;
   color: var(--text-secondary);
 }
 
 .attributes > dd {
   float: left;
   width: 70%;
-  padding: 0;
+  padding-left: 10%;
   margin: 0;
   border-top: 1px solid var(--border-default);
   padding-top: calc(2.5 * var(--base-spacing));

scaladoc/resources/dotty_res/styles/theme/components/button/icon-button.css

@@ -8,6 +8,10 @@
   width: 16px;
 }
 
+.icon-button:hover {
+  cursor: pointer;
+}
+
 .icon-button::after {
   width: calc(2 * var(--base-spacing));
   height: calc(2 * var(--base-spacing));

scaladoc/resources/dotty_res/styles/theme/components/button/label-only-button.css

@@ -9,6 +9,7 @@
 .label-only-button:hover {
   background-color: var(--action-primary-background-hover);
   color: var(--action-primary-content-hover);
+  cursor: pointer;
 }
 
 .label-only-button:active {

scaladoc/resources/dotty_res/styles/theme/components/button/text-button.css

@@ -23,6 +23,7 @@ a:active {
 
 .text-button:hover {
   color: var(--action-primary-content-hover) !important;
+  cursor: pointer;
 }
 
 .text-button:active {

scaladoc/resources/dotty_res/styles/theme/components/code-snippet.css

@@ -10,17 +10,13 @@
   overflow-x: scroll;
   margin-bottom: calc(3 * var(--base-spacing));
   margin-top: calc(3 * var(--base-spacing));
+  border-radius: 4px;
 }
 
 .snippet pre {
   margin: 0;
 }
 
-.snippet:hover {
-  background-color: var(--action-primary-background-hover);
-  border: 1px solid var(--border-default);
-}
-
 .snippet .hidden {
   display: none;
 }
@@ -55,7 +51,10 @@
   content: attr(line-number);
   color: var(--code-syntax-highlighting-line-number);
   margin-right: calc(2 * var(--base-spacing));
-  margin-left: calc(2 * var(--base-spacing));
+  margin-left: calc(var(--base-spacing));
+  display: inline-block;
+  text-align: right;
+  min-width: calc(3 * var(--base-spacing));
 }
 
 .snippet-showhide-container {
@@ -256,7 +255,8 @@
 
 .snippet::-webkit-scrollbar-thumb {
   background-color: var(--code-syntax-highlighting-scrollbar);
-  border-radius: 3px;
+  opacity: 0.75;
+  border-radius: 100px;
 }
 
 .snippet::-webkit-scrollbar-thumb:hover {

scaladoc/resources/dotty_res/styles/theme/components/pill.css

@@ -12,6 +12,12 @@
   cursor: pointer;
 }
 
+@media (max-width: 768px) {
+  .pill {
+    display: none;
+  }
+}
+
 .pill::after {
   content: url(../../../images/icon-buttons/arrow-down/light/default.svg);
   margin-left: calc(1.5 * var(--base-spacing));

scaladoc/resources/dotty_res/styles/theme/layout/content.css

@@ -10,9 +10,6 @@
   color: var(--text-primary);
 }
 
-#content > div:first-child {
-  overflow: hidden;
-}
 
 #content.sidebar-shown {
   -webkit-transition: width 0.3s ease-in-out;
@@ -166,6 +163,12 @@
   color: var(--text-primary);
 }
 
+/* content table */
+#content table {
+  color: var(--text-primary);
+}
+
+
 /* content link */
 #content a {
   color: var(--text-primary);
@@ -184,6 +187,12 @@
 #content :not(pre) > code {
   color: var(--code-props-content);
   font-family: "FiraCode-Regular";
+  border: 1px solid var(--code-props-border);
+  padding: 3px 6px;
+  border-radius: 4px;
+  background-color: var(--code-props-background);
+  line-height: 24px;
+  font-size: 13px;
 }
 
 .breadcrumbs {
@@ -331,7 +340,7 @@
 }
 
 .cover-header .icon {
-  width: 72px;
+  max-width: 72px;
 }
 
 .fqname {
@@ -368,6 +377,10 @@
   margin-bottom: calc(3 * var(--base-spacing));
 }
 
+#content > div > .main-signature {
+  margin-bottom: 0;
+}
+
 .tab {
   position: relative;
 }

scaladoc/resources/dotty_res/styles/theme/layout/searchBar.css

@@ -93,8 +93,6 @@
   border-radius: 4px;
   margin-top: calc(1.5 * var(--base-spacing));
   border: 1px solid var(--border-default);
-  max-height: calc(100% - calc(24 * var(--base-spacing)));
-  overflow: scroll;
 }
 
 .searchbar-hints {
@@ -103,7 +101,8 @@
   flex-flow: column;
   align-items: center;
   justify-content: center;
-  height: calc(108.5 * var(--base-spacing));
+  height: 80%;
+  overflow: scroll;
 }
 
 .searchbar-hints h1 {

scaladoc/resources/dotty_res/styles/theme/spacing.css

@@ -1,3 +1,4 @@
 :root {
   --base-spacing: 8px;
+  --header-height: 64px;
 }

scaladoc/resources/dotty_res/styles/theme/typography.css

@@ -1,3 +1,7 @@
+* {
+  text-rendering: geometricPrecision;
+}
+
 @font-face {
   font-family: "Inter-Bold";
   src: url("../../fonts/Inter-Bold.ttf") format("truetype");