Domain
{isRunning ? (
diff --git a/frontend/src/style.css b/frontend/src/style.css
index d581d2c..7ee2fdc 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -1,6 +1,35 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@theme {
+ --color-primary: #d8fe05;
+ --color-primary-dark: #b0cf01;
+ --color-background: #575757;
+ --color-info: #5dade2;
+ --color-info-dark: #3297da;
+ --color-success: #88d567;
+ --color-warning: #ffd700;
+ --color-error: #c94b55;
+
+ --font-azeret: Azeret;
+}
+
+/*
+ The default border color has changed to `currentcolor` in Tailwind CSS v4,
+ so we've added these compatibility styles to make sure everything still
+ looks the same as it did with Tailwind CSS v3.
+
+ If we ever want to remove these styles, we need to add an explicit border
+ color utility to any element that depends on these defaults.
+*/
+@layer base {
+ *,
+ ::after,
+ ::before,
+ ::backdrop,
+ ::file-selector-button {
+ border-color: var(--color-gray-200, currentcolor);
+ }
+}
@font-face {
font-family: 'Azeret';
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
deleted file mode 100644
index a6ca551..0000000
--- a/frontend/tailwind.config.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
- content: ['./src/**/*.{html,tsx}'],
- theme: {
- extend: {
- colors: {
- primary: '#d8fe05',
- 'primary-dark': '#b0cf01',
- background: '#575757',
-
- info: '#5dade2',
- 'info-dark': '#3297da',
- success: '#88d567',
- warning: '#ffd700',
- error: '#c94b55',
- },
- fontFamily: {
- azeret: ['Azeret'],
- },
- },
- },
- plugins: [],
-};