add style for supertypes and subtypes

Author: fanixus96

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

@@ -0,0 +1,28 @@
+.attributes {
+  width: 100%;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+}
+
+.attributes > dt {
+  float: left;
+  width: 30%;
+  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;
+  color: var(--text-secondary);
+}
+
+.attributes > dd {
+  float: left;
+  width: 70%;
+  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));
+}

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

@@ -0,0 +1,6 @@
+.subtypes {
+  background-color: var(--action-primary-background-default-solid);
+  padding: calc(3 * var(--base-spacing));
+  padding-bottom: calc(1.5 * var(--base-spacing));
+  overflow-x: scroll;
+}

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

@@ -0,0 +1,6 @@
+.supertypes {
+  background-color: var(--action-primary-background-default-solid);
+  padding: calc(3 * var(--base-spacing));
+  padding-bottom: calc(1.5 * var(--base-spacing));
+  overflow-x: scroll;
+}

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

@@ -7,6 +7,7 @@
   margin-left: calc(39 * var(--base-spacing));
   display: flex;
   flex-flow: column;
+  color: var(--text-primary);
 }
 
 #content::after {

scaladoc/src/dotty/tools/scaladoc/renderers/MemberRenderer.scala

@@ -15,7 +15,7 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
 
   def doc(m: Member): Seq[AppliedTag] =  m.docs.fold(Nil)(d => Seq(renderDocPart(d.body)))
 
-  def tableRow(name: String, content: TagArg) = Seq(dt(name), dd(content))
+  def tableRow(name: String, content: TagArg) = Seq(dt(cls := "body-small")(name), dd(cls := "body-medium")(content))
 
   def defintionClasses(m: Member) = m.origin match
     case Origin.Overrides(defs) =>
@@ -357,9 +357,9 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
           ))
         case _ => Nil
 
-      def signatureList(list: Seq[LinkToType]): Seq[AppliedTag] =
+      def signatureList(list: Seq[LinkToType], className: String = ""): Seq[AppliedTag] =
         if list.isEmpty then Nil
-         else Seq(div(cls := "mono-small-inline")(list.map(link =>
+         else Seq(div(cls := s"mono-small-inline $className")(list.map(link =>
           div(link.kind.name," ", link.signature.map(renderElement))
         )))
 
@@ -369,8 +369,8 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
           div(link.signature.map(renderElement))
         }})
 
-      val supertypes = signatureList(m.parents)
-      val subtypes = signatureList(m.knownChildren)
+      val supertypes = signatureList(m.parents, "supertypes")
+      val subtypes = signatureList(m.knownChildren, "subtypes")
       val selfType = selfTypeList(m.selfType.toList)
 
       Seq(

scaladoc/src/dotty/tools/scaladoc/renderers/Resources.scala

@@ -127,6 +127,9 @@ trait Resources(using ctx: DocContext) extends Locations, Writer:
       "styles/theme/components/api-member.css",
       "styles/theme/components/pill.css",
       "styles/theme/components/api-filters.css",
+      "styles/theme/components/attributes.css",
+      "styles/theme/components/supertypes.css",
+      "styles/theme/components/subtypes.css",
 
       "styles/nord-light.css",
       "styles/dotty-icons.css",