add color menu

src/styles/components/theme-colors.css

@@ -0,0 +1,37 @@
+/* styles/colors.css */
+
+/* Классы для цвета текста */
+.color-black { color: #000000; }
+.color-yellow { color: #ffc107; }
+.color-blue { color: #2196f3; }
+.color-green { color: #4caf50; }
+.color-red { color: #f44336; }
+.color-orange { color: #ff9800; }
+.color-gray { color: #9e9e9e; }
+.color-indigo { color: #3f51b5; }
+.color-purple { color: #9c27b0; }
+.color-pink { color: #e91e63; }
+.color-teal { color: #009688; }
+.color-cyan { color: #00bcd4; }
+.color-white { color: #ffffff; }
+.color-gray-dark { color: #424242; }
+.color-light { color: #f5f5f5; }
+.color-dark { color: #212121; }
+
+/* Классы для фонов */
+.bg-black { background-color: #000000; }
+.bg-yellow { background-color: #ffc107; }
+.bg-blue { background-color: #2196f3; }
+.bg-green { background-color: #4caf50; }
+.bg-red { background-color: #f44336; }
+.bg-orange { background-color: #ff9800; }
+.bg-gray { background-color: #9e9e9e; }
+.bg-indigo { background-color: #3f51b5; }
+.bg-purple { background-color: #9c27b0; }
+.bg-pink { background-color: #e91e63; }
+.bg-teal { background-color: #009688; }
+.bg-cyan { background-color: #00bcd4; }
+.bg-white { background-color: #ffffff; }
+.bg-gray-dark { background-color: #424242; }
+.bg-light { background-color: #f5f5f5; }
+.bg-dark { background-color: #212121; }

src/styles/global.css

@@ -1,5 +1,8 @@
 @import './reset.css';
 @import './components/ContentGrid.css';
+@import './components/theme-colors.css';
+
+
 
 html{
     font-family: Roboto,sans-serif;
@@ -11,6 +14,14 @@ body {
 	font-size: 18px;
 }
 
+a {
+    text-decoration: none; 
+}
+
+    a:hover {
+    text-decoration: none; 
+    }
+
 .container{
     margin: 0 auto;
     width: 1200px;