Merge pull request #261 from storybookjs/style-tweaks

Style tweaks

Author: kylegach

apps/frontpage/components/docs/content.tsx

@@ -19,7 +19,7 @@ export const Content: FC<{ page: PageDataProps }> = ({ page }) => {
           </h1>
           {!page.hideRendererSelector && <Renderers />}
           {page.tabs && page.tabs.length > 0 ? (
-            <div className="flex items-center gap-8 border-b border-zinc-200">
+            <div className="mb-8 flex items-center gap-8 border-b border-zinc-200">
               {page.tabs.map((tab) => {
                 const tabTitle = tab.tab?.title ?? tab.title;
                 const isActive = tab.pathSegment === page.path;

packages/ui/src/mdx/components/headings.tsx

@@ -66,5 +66,5 @@ export const H3: FC<Omit<HeadingProps, 'level'>> = (props) => {
 };
 
 export const H4: FC<Omit<HeadingProps, 'level'>> = (props) => {
-  return <Heading className="ui-mb-4 ui-text-xl" level={4} {...props} />;
+  return <Heading className="ui-mb-4 ui-text-lg" level={4} {...props} />;
 };

packages/ui/src/mdx/themes/firefox-theme-vscode.ts

@@ -523,7 +523,7 @@ export const firefoxThemeLight = {
     {
       scope: "markup.inserted",
       settings: {
-        foreground: "#86DE74",
+        foreground: "#2f8800",
       },
     },
     {