ok

coder · aslilac · Dec 20, 2023 · Dec 18, 2023 · Dec 18, 2023 · Dec 18, 2023
commit ee81c62b72df88eef6d87d0d6ff043f9d07c005f
diff --git a/site/src/components/Dialogs/Dialog.tsx b/site/src/components/Dialogs/Dialog.tsx
@@ -58,7 +58,7 @@ export const DialogActionButtons: React.FC<DialogActionButtonsProps> = ({
           disabled={disabled}
           type="submit"
           css={[
-            type === "delete" && styles.warningButton,
+            type === "delete" && styles.dangerButton,
             type === "success" && styles.successButton,
           ]}
         >
@@ -70,7 +70,7 @@ export const DialogActionButtons: React.FC<DialogActionButtonsProps> = ({
 };
 
 const styles = {
-  warningButton: (theme) => ({
+  dangerButton: (theme) => ({
     "&.MuiButton-contained": {
       backgroundColor: theme.experimental.roles.danger.fill,
       borderColor: theme.experimental.roles.danger.outline,

diff --git a/site/src/components/Form/Form.tsx b/site/src/components/Form/Form.tsx
@@ -120,13 +120,7 @@ export const FormSection: FC<
         }}
         className={classes.sectionInfo}
       >
-        <h2
-          css={[
-            styles.formSectionInfoTitle,
-            alpha && styles.formSectionInfoTitleAlpha,
-          ]}
-          className={classes.infoTitle}
-        >
+        <h2 css={styles.formSectionInfoTitle} className={classes.infoTitle}>
           {title}
           {alpha && <AlphaBadge />}
           {deprecated && <DeprecatedBadge />}
@@ -149,19 +143,18 @@ export const FormFields: FC<PropsWithChildren> = ({ children }) => {
 
 const styles = {
   formSectionInfoTitle: (theme) => ({
+    display: "flex",
+    gap: 6,
     fontSize: 20,
     color: theme.palette.text.primary,
     fontWeight: 400,
     margin: 0,
     marginBottom: 8,
-  }),
-
-  formSectionInfoTitleAlpha: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center",
     gap: 12,
-  },
+  }),
 
   formSectionInfoDescription: (theme) => ({
     fontSize: 14,

diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.stories.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.stories.tsx
@@ -1,8 +1,10 @@
-import LicensesSettingsPageView from "./LicensesSettingsPageView";
+import { chromatic } from "testHelpers/chromatic";
 import { MockLicenseResponse } from "testHelpers/entities";
+import LicensesSettingsPageView from "./LicensesSettingsPageView";
 
 export default {
   title: "pages/DeploySettingsPage/LicensesSettingsPageView",
+  parameters: { chromatic },
   component: LicensesSettingsPageView,
 };
 

diff --git a/site/src/pages/HealthPage/storybook.tsx b/site/src/pages/HealthPage/storybook.tsx
@@ -1,17 +1,18 @@
+import type { Meta } from "@storybook/react";
 import { useQueryClient } from "react-query";
 import {
   reactRouterParameters,
   reactRouterOutlet,
   RouteDefinition,
 } from "storybook-addon-react-router-v6";
+import { chromatic } from "testHelpers/chromatic";
 import {
   MockBuildInfo,
   MockEntitlements,
   MockExperiments,
   MockHealth,
   MockHealthSettings,
 } from "testHelpers/entities";
-import { Meta } from "@storybook/react";
 import { HEALTH_QUERY_KEY, HEALTH_QUERY_SETTINGS_KEY } from "api/queries/debug";
 import { DashboardProvider } from "components/Dashboard/DashboardProvider";
 import { HealthLayout } from "./HealthLayout";
@@ -26,6 +27,7 @@ export const generateMeta = ({ element, path, params }: MetaOptions): Meta => {
   return {
     render: HealthLayout,
     parameters: {
+      chromatic,
       layout: "fullscreen",
       reactRouter: reactRouterParameters({
         location: { pathParams: params },

diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx
@@ -1,9 +1,11 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { TemplateInsightsPageView } from "./TemplateInsightsPage";
+import { chromatic } from "testHelpers/chromatic";
 import { MockEntitlementsWithUserLimit } from "testHelpers/entities";
+import { TemplateInsightsPageView } from "./TemplateInsightsPage";
 
 const meta: Meta<typeof TemplateInsightsPageView> = {
   title: "pages/TemplatePage/TemplateInsightsPageView",
+  parameters: { chromatic },
   component: TemplateInsightsPageView,
 };
 

diff --git a/site/src/theme/dark/experimental.ts b/site/src/theme/dark/experimental.ts
@@ -51,7 +51,7 @@ export default {
     danger: {
       background: colors.orange[950],
       outline: colors.orange[500],
-      fill: colors.orange[600],
+      fill: colors.orange[700],
       text: colors.orange[50],
       disabled: {
         background: colors.orange[950],