feat: consistent highlight colors

AbhineetJain · AbhineetJain · commit 8ee3dd9790bb · 2022-06-02T15:52:55.000Z
diff --git a/site/src/components/BuildsTable/BuildsTable.tsx b/site/src/components/BuildsTable/BuildsTable.tsx
@@ -106,7 +106,7 @@ const useStyles = makeStyles((theme) => ({
     },
 
     "&:focus": {
-      outline: `1px solid ${theme.palette.primary.dark}`,
+      outline: `1px solid ${theme.palette.secondary.dark}`,
     },
   },
 }))
diff --git a/site/src/components/NavbarView/NavbarView.tsx b/site/src/components/NavbarView/NavbarView.tsx
@@ -116,7 +116,7 @@ const useStyles = makeStyles((theme) => ({
         content: `" "`,
         bottom: 0,
         left: theme.spacing(3),
-        background: "#C16800",
+        background: theme.palette.secondary.dark,
         right: theme.spacing(3),
         height: 2,
         position: "absolute",
diff --git a/site/src/components/TabSidebar/TabSidebar.tsx b/site/src/components/TabSidebar/TabSidebar.tsx
@@ -68,7 +68,7 @@ const useStyles = makeStyles((theme) => ({
       color: theme.palette.text.primary,
     },
     "&.active": {
-      color: theme.palette.primary.dark,
+      color: theme.palette.secondary.dark,
     },
 
     "&.active, &:hover": {
diff --git a/site/src/components/UserDropdownContent/UserDropdownContent.tsx b/site/src/components/UserDropdownContent/UserDropdownContent.tsx
@@ -127,7 +127,7 @@ const useStyles = makeStyles((theme) => ({
     margin: theme.spacing(0.5),
   },
   chipRoot: {
-    backgroundColor: "#7057FF",
+    backgroundColor: theme.palette.secondary.dark,
   },
   link: {
     textDecoration: "none",
diff --git a/site/src/theme/palettes.ts b/site/src/theme/palettes.ts
@@ -11,6 +11,7 @@ export const darkPalette: PaletteOptions = {
   secondary: {
     main: "#008510",
     contrastText: "#f8f8f8",
+    dark: "#7057FF",
   },
   background: {
     default: "#1F1F1F",
