Some admin related appearance tweaks. For working on #1904

web/components/BanUserButton.tsx

@@ -72,6 +72,7 @@ export const BanUserButton: FC<BanUserButtonProps> = ({ user, isEnabled, label,
 
   return (
     <Button
+      type="primary"
       onClick={confirmBlockAction}
       size="small"
       icon={isEnabled ? <StopTwoTone twoToneColor="#ff4d4f" /> : null}

web/components/MainLayout.tsx

@@ -217,7 +217,6 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
       key: 'viewer-info',
     },
     !chatDisabled && {
-      key: 'chat-config',
       label: <Link href="/admin/viewer-info">Chat &amp; Users</Link>,
       icon: <MessageOutlined />,
       children: chatMenu,

web/components/ModeratorUserButton.tsx

@@ -75,6 +75,7 @@ export const ModeratorUserButton: FC<ModeratorUserButtonProps> = ({ user, onClic
 
   return (
     <Button
+      type="primary"
       onClick={confirmBlockAction}
       size="small"
       icon={

web/public/styles/admin/main-layout.css

@@ -128,3 +128,7 @@
   margin-left: 0.5em;
   line-height: 1;
 }
+
+.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+	background-color: var(--theme-color-components-form-field-background);
+}

web/styles/ant-overrides.scss

@@ -26,7 +26,7 @@ BUTTONS
   color: currentColor;
   border-width: 2px;
   border-color: transparent;
-  border-radius: 0.15rem;
+  border-radius: var(--theme-rounded-corners);
   background-color: rgba(0, 0, 0, 0.1);
   &:hover,
   &:focus {
@@ -195,3 +195,18 @@ DROPDOWN
 .ant-modal-close:hover {
   color: var(--theme-color-components-modal-header-text);
 }
+
+.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: unset;
+}
+
+td.ant-table-column-sort,
+.ant-table-thead th.ant-table-column-sort {
+  background-color: unset;
+}
+
+th {
+  color: var(--theme-color-components-modal-header-text);
+  font-family: var(--theme-text-display-font-family);
+  font-weight: 700 !important;
+}