diff --git a/CSS/Components/modal/modal.css b/CSS/Components/modal/modal.css
index 61e465c..5c0f298 100644
--- a/CSS/Components/modal/modal.css
+++ b/CSS/Components/modal/modal.css
@@ -1,5 +1,5 @@
 .modal .card-body {
-    border-bottom: 0.063rem solid black;
+    border-bottom: 0.063rem solid #000000;
 }
 
 .modal .card-action {
diff --git a/CSS/Components/toast/toast.css b/CSS/Components/toast/toast.css
index df8a3b4..c48d9c8 100644
--- a/CSS/Components/toast/toast.css
+++ b/CSS/Components/toast/toast.css
@@ -1,16 +1,16 @@
 .snackbar {
-    background-color: rgb(51, 51, 51);
+    background-color: #333333;
     border-radius: .5rem;
     display: inline-flex;
     align-items: center;
     gap: 1rem;
     padding: .15rem .75rem;
-    color: white;
+    color: #ffffff;
 }
 
 .snackbar a {
     text-decoration: none;
-    color: blueviolet;
+    color: #8a2be2;
 }
 
 .snackbar a, .snackbar i {
@@ -19,7 +19,7 @@
 
 .snackbar a:hover,.snackbar i img:hover {
     cursor: pointer;
-    background-color:rgba(128, 128, 128, 0.26);
+    background-color:#80808042;
 }
 
 .snackbar button {