Change input and alert style

src/components/Alert/alert.css

@@ -1,5 +1,5 @@
 .alert {
-  border-top: 2px solid rgb(var(--codex-alert-color));
+  border-bottom: 2px solid rgb(var(--codex-alert-color));
   background-color: rgba(var(--codex-alert-color), 0.1);
   color: 1px solid var(--codex-alert-color);
   border-radius: var(--codex-border-radius);
@@ -17,17 +17,14 @@
   }
 
   span {
-    background: rgba(var(--codex-alert-color), 0.2);
+    height: 20px;
-    border-radius: 75px;
+    min-width: 20px;
-    height: 1.75rem;
-    min-width: 1.75rem;
     display: flex;
     justify-content: center;
     align-items: center;
 
     span {
       display: flex;
-      width: 1rem;
       color: rgb(var(--codex-alert-color));
     }
   }
@@ -38,5 +35,7 @@
 
   &.alert--warning {
     --codex-alert-color: var(--codex-color-warning);
+    background-color: #fbc64b33;
+    border-color: #ffc800;
   }
 }

src/components/Input/input.css

@@ -8,7 +8,7 @@
   }
 
   input {
-    background-color: var(--codex-input-background);
+    background-color: #14141499;
     color: white;
     border-radius: var(--codex-border-radius);
     border: 1px solid var(--codex-input-border-color);

src/components/Upload/upload.css

@@ -1,9 +1,6 @@
 .upload {
   border: 1px dashed var(--codex-border-color);
-  background-color: var(
+  background-color: #14141499;
-    --codex-upload-background,
-    var(--codex-background-secondary)
-  );
   min-height: 150px;
   border-radius: var(--codex-border-radius);
   justify-content: space-between;