Revert light mode error changes to original styling

ScottLogic · Jul 18, 2024 · 0ad57a5 · 0ad57a5
1 parent 7e1a581
commit 0ad57a5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -3,11 +3,11 @@
 @tailwind utilities;
 
 input.ng-invalid.ng-touched {
-  @apply tce-border-error-red tce-border-2 tce-m-[-1px]
+  @apply tce-border-red-600 dark:tce-border-red-700 tce-border-2 tce-m-[-1px]
 }
 
 .tce-error-box {
-  @apply tce-text-white tce-bg-error-red tce-p-1 tce-rounded dark:tce-border dark:tce-border-white
+  @apply tce-text-red-600 dark:tce-text-white dark:tce-bg-red-700 tce-p-1 tce-rounded dark:tce-border dark:tce-border-white
 }
 
 .tce-note {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,5 @@
 import { isolateInsideOfContainer, scopedPreflightStyles } from 'tailwindcss-scoped-preflight';
 import form from '@tailwindcss/forms';
-import { red } from 'tailwindcss/colors';
 
 export default {
   content: ['./src/**/*.{html,ts}'],
@@ -9,9 +8,6 @@ export default {
       fontFamily: {
         sans: ['objektiv-mk1', 'sans-serif'],
       },
-      colors: {
-        'error-red': red['700'],
-      },
     },
   },
   plugins: [