update styles

Author: elizabethtrykin

fern/assets/styles.css

@@ -162,20 +162,51 @@
 /* HEADER */
 .fern-theme-default.fern-container .fern-header,
 .fern-theme-default.fern-container .fern-header-tabs {
-  background-color: light-dark(#fffaea, #0e0e13);
+  background-color: light-dark(#fff, #0e0e13);
 }
 
 /* CARD STYLES */
 .fern-card {
   border-color: light-dark(#d9d3c2, #27272a);
-  background-color: light-dark(#fffaea, #0e0e13);
+  background-color: light-dark(#fff, #0e0e13);
 }
 
 /* SIDEBAR */
 .fern-theme-default.fern-container .fern-sidebar-container {
-  background-color: light-dark(#fffaea, #0e0e13);
+  background-color: light-dark(#fff, #0e0e13);
+  border-right: 1px solid #e0e0e0;
 }
 
 html.dark button[data-highlighted] .fern-api-property-meta {
   color: var(--accent-contrast) !important;
+}
+
+.light .fern-theme-default.fern-container {
+  background-color: #fff !important;
+}
+
+.fern-theme-default.fern-container,
+.fern-theme-default.fern-container > * {
+  margin: 0 !important;
+  padding: 0 !important;
+  max-width: 100vw !important;
+  width: 100vw !important;
+  box-sizing: border-box !important;
+}
+
+#fern-header,
+.fern-header-container,
+.fern-header,
+.fern-header-content {
+  padding: 0 36px 0 8px !important;
+  margin: 0 0px !important;
+  max-width: 100vw !important;
+  width: 100vw !important;
+  box-sizing: border-box !important;
+}
+
+.fern-header-tabs,
+.fern-header-tabs-list {
+  margin: 0px !important;
+  padding: 0px !important;
 }

fern/docs.yml

@@ -20,13 +20,13 @@ logo:
   height: 22
 colors:
   accentPrimary:
-    light: "#62F6B5"
-    dark: "#62F6B5"
+    light: "#12A594"
+    dark: "#12A594"
   background:
-    light: "#FFFAEA"
+    light: "#FFFFFF"
     dark: "#0E0E13"
   header-background:
-    light: "#FFFAEA"
+    light: "#FFFFFF"
     dark: "#0E0E13"
 experimental:
   mdx-components: