Css changes (var)

src/components/composer.module.css

@@ -40,7 +40,7 @@
 
 .new {
   text-align: center;
-  background-color: #191919;
+  background-color: var(--dark-color);
   border-radius: 3px;
   cursor: pointer;
   margin: 8px;

src/components/newsEntry.module.css

@@ -61,7 +61,7 @@
 }
 
 .newsRoot {
-  background-color: #191919;
+  background-color: var(--dark-color);
   margin-left: 8px;
   margin-right: 8px;
   margin-bottom: 16px;

src/data/tabs.json

@@ -11,6 +11,10 @@
     "href": "/allQuestions",
     "text": "Kérdések és tárgyak"
   },
+  "userFiles": {
+    "href": "/userFiles",
+    "text": "StudyDocs"
+  },
   "contribute": {
     "href": "/contribute",
     "text": "Teendők"

src/defaultStyles.css

@@ -4,6 +4,7 @@
   --bright-color: #f2f2f2;
   --background-color: #222426;
   --hoover-color: #393939;
+  --dark-color: #191919;
 }
 
 @import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
@@ -40,8 +41,8 @@ textarea {
 input {
   color: var(--text-color);
   background-color: var(--background-color);
-  border: 0px solid #444;
+  border: 1px solid #444;
-  width: 100%;
+  width: 98%;
 }
 
 input:focus {

src/pages/index.module.css

@@ -81,7 +81,7 @@
 
 .loadMoreButton {
   text-align: center;
-  background-color: #191919;
+  background-color: var(--dark-color);
   margin-left: 8px;
   margin-right: 8px;
   margin-bottom: 16px;