diff --git a/dashboard_static/index.html b/dashboard_static/index.html
index e038778..54a6f1b 100644
--- a/dashboard_static/index.html
+++ b/dashboard_static/index.html
@@ -94,9 +94,10 @@
diff --git a/dashboard_static/js/code.js b/dashboard_static/js/code.js
index 8e30902..43be3fd 100644
--- a/dashboard_static/js/code.js
+++ b/dashboard_static/js/code.js
@@ -154,4 +154,4 @@ function sortTweets(tweets, likesDes=null, retweetsDes=null, repliesDes=null, da
tweets.sort(function(a,b){return Date(a.created_at)-Date(b.reply_count)})
}
return tweets
-}
+}
\ No newline at end of file
diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css
index 9f3592a..57726f1 100644
--- a/dashboard_static/style/style.css
+++ b/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,13 +122,13 @@ 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;
}
@@ -141,7 +141,7 @@ body {
.tweet-username {
- color: white;
+ color: var(--main-light);
text-decoration: none;
opacity: 0.8;
}
@@ -224,13 +224,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;
@@ -238,9 +238,9 @@ body {
}
.button {
- color: black;
+ color: var(--main-dark);
cursor: pointer;
- background-color: white;
+ background-color: var(--main-light);
border-radius: 30px;
border: none;
}
@@ -261,7 +261,7 @@ body {
padding: 0;
margin: 0;
margin-left: -8px;
- background-color: white;
+ background-color: var(--main-light);
border-radius: 0 0 16px 16px;
}
@@ -271,10 +271,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;