Update styles.css

styles.css

@@ -25,7 +25,7 @@ body {
 
 h2 {
     margin-top: 0;
-    color: #333;
+    color: #000;
 }
 
 /* Бургер-меню */
@@ -40,7 +40,7 @@ h2 {
 .burger-icon {
     font-size: 24px;
     cursor: pointer;
-    background-color: #28a745;
+    background-color: #000;
     color: #fff;
     padding: 10px;
     border-radius: 5px;
@@ -58,6 +58,7 @@ h2 {
     padding: 10px;
     cursor: pointer;
     border-bottom: 1px solid #ddd;
+    color: #000;
 }
 
 .menu-items div:last-child {
@@ -98,7 +99,7 @@ form {
 input {
     padding: 10px;
     font-size: 16px;
-    border: 1px solid #ccc;
+    border: 1px solid #000;
     border-radius: 5px;
     background-color: #fff;
     color: #000;
@@ -107,7 +108,7 @@ input {
 button {
     padding: 10px;
     font-size: 16px;
-    background-color: #28a745;
+    background-color: #000;
     color: #fff;
     border: none;
     border-radius: 5px;
@@ -115,7 +116,7 @@ button {
 }
 
 button:hover {
-    background-color: #218838;
+    background-color: #333;
 }
 
 /* Таблицы */
@@ -128,11 +129,11 @@ table {
 th, td {
     padding: 12px;
     text-align: left;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #000;
 }
 
 th {
-    background-color: #333;
+    background-color: #000;
     color: #fff;
 }
 
@@ -154,30 +155,30 @@ tr:hover {
 }
 
 .add-to-cart-btn {
-    background-color: #17a2b8;
+    background-color: #000;
     color: #fff;
 }
 
 .add-to-cart-btn:hover {
-    background-color: #138496;
+    background-color: #333;
 }
 
 .add-stock-btn {
-    background-color: #ffc107;
-    color: #000;
+    background-color: #000;
+    color: #fff;
 }
 
 .add-stock-btn:hover {
-    background-color: #e0a800;
+    background-color: #333;
 }
 
 .delete-btn {
-    background-color: #dc3545;
+    background-color: #000;
     color: #fff;
 }
 
 .delete-btn:hover {
-    background-color: #c82333;
+    background-color: #333;
 }
 
 /* Корзина */
@@ -187,11 +188,11 @@ tr:hover {
 
 #sellCartBtn {
     margin-top: 10px;
-    background-color: #28a745;
+    background-color: #000;
 }
 
 #sellCartBtn:hover {
-    background-color: #218838;
+    background-color: #333;
 }
 
 /* Стили для контейнера скидки */
@@ -204,12 +205,13 @@ tr:hover {
 
 .discount-container label {
     font-weight: bold;
+    color: #000;
 }
 
 .discount-container input {
     padding: 10px;
     font-size: 16px;
-    border: 1px solid #ccc;
+    border: 1px solid #000;
     border-radius: 5px;
     background-color: #fff;
     color: #000;
@@ -258,6 +260,7 @@ tr:hover {
     right: 10px;
     font-size: 24px;
     cursor: pointer;
+    color: #000;
 }
 
 .modal-content h2 {
@@ -272,12 +275,12 @@ tr:hover {
 
 #receiptTable th, #receiptTable td {
     padding: 8px;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #000;
     text-align: left;
 }
 
 #receiptTable th {
-    background-color: #333;
+    background-color: #000;
     color: #fff;
 }
 
@@ -288,22 +291,14 @@ tr:hover {
     border-radius: 5px;
     cursor: pointer;
     font-size: 16px;
-}
-
-#confirmSaleBtn {
-    background-color: #28a745;
+    background-color: #000;
     color: #fff;
 }
 
 #confirmSaleBtn:hover {
-    background-color: #218838;
-}
-
-#cancelSaleBtn {
-    background-color: #dc3545;
-    color: #fff;
+    background-color: #333;
 }
 
 #cancelSaleBtn:hover {
-    background-color: #c82333;
+    background-color: #333;
 }