adjust styles for dark mode ??

mydea · mydea · commit e19709ab5916 · 2025-01-23T09:08:23.000+01:00
diff --git a/app/globals.css b/app/globals.css
@@ -63,9 +63,6 @@
   --flame7: #edcf9e;
   --flame8: #ffefae;
 
-  /* Desaturated oranges */
-  --desatFlame8: #fefbe9;
-
   /* A range of desaturated purples */
   --desatPurple0: #0f0a1f;
   --desatPurple1: #231c3d;
diff --git a/src/components/alert/styles.scss b/src/components/alert/styles.scss
@@ -2,7 +2,6 @@
   margin-bottom: 1rem;
   padding: 0.5rem 1rem;
   border-radius: 6px;
-  color: var(--gray-500);
   display: flex;
   flex-direction: row;
   gap: 0.7em;
@@ -42,8 +41,8 @@
 }
 
 .alert-info {
-  --alert-highlight-color: var(--desatPurple5);
-  background: var(--desatPurple15);
+  --alert-highlight-color: var(--accent-12);
+  background: var(--accent-2);
 }
 
 .alert-success {
@@ -53,6 +52,6 @@
 }
 
 .alert-warning {
-  --alert-highlight-color: var(--flame0);
-  background: var(--desatFlame8);
+  --alert-highlight-color: var(--amber-10);
+  background: var(--amber-2);
 }

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,6 @@`
`2`	`2`	`margin-bottom: 1rem;`
`3`	`3`	`padding: 0.5rem 1rem;`
`4`	`4`	`border-radius: 6px;`
`5`		`- color: var(--gray-500);`
`6`	`5`	`display: flex;`
`7`	`6`	`flex-direction: row;`
`8`	`7`	`gap: 0.7em;`
`@@ -42,8 +41,8 @@`
`42`	`41`	`}`
`43`	`42`
`44`	`43`	`.alert-info {`
`45`		`- --alert-highlight-color: var(--desatPurple5);`
`46`		`- background: var(--desatPurple15);`
	`44`	`+ --alert-highlight-color: var(--accent-12);`
	`45`	`+ background: var(--accent-2);`
`47`	`46`	`}`
`48`	`47`
`49`	`48`	`.alert-success {`
`@@ -53,6 +52,6 @@`
`53`	`52`	`}`
`54`	`53`
`55`	`54`	`.alert-warning {`
`56`		`- --alert-highlight-color: var(--flame0);`
`57`		`- background: var(--desatFlame8);`
	`55`	`+ --alert-highlight-color: var(--amber-10);`
	`56`	`+ background: var(--amber-2);`
`58`	`57`	`}`