css variables

dashboard_static/style/style.css

@@ -22,7 +22,7 @@ body {
 
 .container {
 	background-color: var(--main-bg);
-	color: white;
+	color: var(--main-dark);
 	padding: 16px 48px;
 	display: flex;
 	flex-direction: column;
@@ -68,7 +68,7 @@ body {
 	height: 30px;
 	padding: 4px;
 	margin-right: 8px;
-	border: 1px solid white;
+	border: 1px solid var(--main-light);
 	border-radius: 100px;
 	cursor: pointer;
 }
@@ -122,19 +122,19 @@ body {
 }
 
 .tweet-nickname {
-	color: white;
+	color: var(--main-light);
 	text-decoration: none;
 	font-weight: bold;
 }
 
 .tweet-nickname:active {
-	color: white;
+	color: var(--main-light);
 	text-decoration: underline;
 	font-weight: bold;
 }
 
 .tweet-username {
-	color: white;
+	color: var(--main-light);
 	text-decoration: none;
 	opacity: 0.8;
 }
@@ -217,13 +217,13 @@ body {
 }
 
 
-.searchbar {
+.searchbar, .blockedwords {
 	width: 100%;
 }
 
-.searchbar, .button {
+.searchbar, .button, .blockedwords {
 	font-weight: bold;
-	font-size: 24px;
+	font-size: 22px;
 	border-radius: 50px;
 	padding: 8px;
 	margin: 4px 8px;
@@ -231,9 +231,9 @@ body {
 }
 
 .button {
-	color: black;
+	color: var(--main-dark);
 	cursor: pointer;
-	background-color: white;
+	background-color: var(--main-light);
 	border-radius: 30px;
 	border: none;
 }
@@ -254,7 +254,7 @@ body {
     padding: 0;
     margin: 0;
 	margin-left: -8px;
-	background-color: white;
+	background-color: var(--main-light);
 	border-radius: 0 0 16px 16px;
 }
 
@@ -264,10 +264,6 @@ body {
 	padding: 0 8px;
 }
 
-.sort-dropdown-list li:hover {
-	background-color: #dddddd;
-}
-
 .radius-bottom {
 	border-bottom-left-radius: 16px;
 	border-bottom-right-radius: 16px;