fix dialog buttons border colors

- Dialogs buttons had an in between border that did not apply the right
 style, this happened because buttons always set a border color status.
- This change always sets a value for button colors,
  using ButtonColor.Dialog

Author: das-tuta

src/common/gui/base/Button.ts

@@ -20,6 +20,7 @@ export const enum ButtonColor {
 	Elevated = "elevated",
 	DrawerNav = "drawernav",
 	Fab = "fab",
+	Dialog = "dialog",
 }
 
 export function getColors(buttonColors: ButtonColor | null | undefined): {
@@ -51,6 +52,11 @@ export function getColors(buttonColors: ButtonColor | null | undefined): {
 				border: getElevatedBackground(),
 			}
 
+		case ButtonColor.Dialog:
+			return {
+				button: theme.content_button,
+				border: theme.content_border,
+			}
 		case ButtonColor.Content:
 		default:
 			return {

src/common/gui/base/Dialog.ts

@@ -11,8 +11,7 @@ import { getElevatedBackground } from "../theme"
 import { px, size } from "../size"
 import { HabReminderImage } from "./icons/Icons"
 import { windowFacade } from "../../misc/WindowFacade"
-import type { ButtonAttrs } from "./Button.js"
-import { Button, ButtonType } from "./Button.js"
+import { Button, ButtonAttrs, ButtonColor, ButtonType } from "./Button.js"
 import type { DialogHeaderBarAttrs } from "./DialogHeaderBar"
 import { DialogHeaderBar } from "./DialogHeaderBar"
 import { TextField, TextFieldType } from "./TextField.js"
@@ -516,7 +515,7 @@ export class Dialog implements ModalComponent {
 					? null
 					: m(
 							".flex-center.dialog-buttons",
-							buttons.map((a) => m(Button, a)),
+							buttons.map((a) => m(Button, { colors: ButtonColor.Dialog, ...a })),
 						),
 			],
 		})