diff --git a/src/components/Alert/alert.css b/src/components/Alert/alert.css index cec483e..2aa0a03 100644 --- a/src/components/Alert/alert.css +++ b/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); - border-radius: 75px; - height: 1.75rem; - min-width: 1.75rem; + height: 20px; + min-width: 20px; 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; } } diff --git a/src/components/Input/input.css b/src/components/Input/input.css index 42c0104..5462cac 100644 --- a/src/components/Input/input.css +++ b/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); diff --git a/src/components/Upload/upload.css b/src/components/Upload/upload.css index 3b71340..791c793 100644 --- a/src/components/Upload/upload.css +++ b/src/components/Upload/upload.css @@ -1,9 +1,6 @@ .upload { border: 1px dashed var(--codex-border-color); - background-color: var( - --codex-upload-background, - var(--codex-background-secondary) - ); + background-color: #14141499; min-height: 150px; border-radius: var(--codex-border-radius); justify-content: space-between;