Make posts single-color

static/style.css

@@ -16,6 +16,7 @@
 	--background: #0f0f0f;
 	--outside: #1f1f1f;
 	--post: #161616;
+	--panel-border: 1px solid #333;
 	--highlighted: #333;
 	--shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 }
@@ -30,6 +31,7 @@
 		--background: #ddd;
 		--outside: #ececec;
 		--post: #eee;
+		--panel-border: 1px solid #ccc;
 		--highlighted: white;
 		--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	}
@@ -44,6 +46,7 @@
 	--background: #ddd;
 	--outside: #ececec;
 	--post: #eee;
+	--panel-border: 1px solid #ccc;
 	--highlighted: white;
 	--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
@@ -167,7 +170,7 @@ aside {
 }
 
 .post, .panel {
-	border: 1px solid var(--highlighted);
+	border: var(--panel-border);
 }
 
 .dot {
@@ -388,7 +391,7 @@ button.submit:hover > svg { stroke: var(--accent); }
 	background: var(--post);
 	box-shadow: var(--shadow);
 	transition: 0.2s background;
-	border: 1px solid var(--highlighted);
+	border: var(--panel-border);
 	margin-bottom: 20px;
 }
 
@@ -443,7 +446,7 @@ a.search_subreddit:hover {
 			"post_score post_media  post_thumbnail" auto
 			"post_score post_body   post_thumbnail" auto
 			"post_score post_footer post_thumbnail" auto
-			/ minmax(50px, auto) 1fr fit-content(min(20%, 152px));
+			/ minmax(40px, auto) 1fr fit-content(min(20%, 152px));
 }
 
 .post:not(:last-child) { margin-bottom: 10px; }
@@ -458,18 +461,16 @@ a.search_subreddit:hover {
 
 .post_score {
 	padding-top: 20px;
+	font-size: 13px;
+	font-weight: bold;
+	text-align: end;
 	color: var(--accent);
 	grid-area: post_score;
-	text-align: center;
+	text-align: end;
-	background: var(--foreground);
 	border-radius: 5px 0 0 5px;
 	transition: 0.2s background;
 }
 
-.post:hover > .post_score {
-	background: var(--highlighted);
-}
-
 .post_score .label {
 	display: none;
 } 
@@ -569,7 +570,7 @@ a.search_subreddit:hover {
 
 .post_thumbnail {
 	border-radius: 5px;
-	border: 1px solid var(--foreground);
+	border: var(--panel-border);
 	display: grid;
 	overflow: hidden;
 	background-color: var(--background);
@@ -849,7 +850,7 @@ input[type="submit"] {
 	padding: 10px;
 	margin: 4px 0 4px 5px;
 	border-left: 4px solid var(--highlighted);
-	background: var(--outside);
+	background: var(--post);
 }
 
 .md a, .md a * {
@@ -891,13 +892,14 @@ input[type="submit"] {
 
 /* Tables */
 
+table, td, th {	border: var(--panel-border); }
+
 table {
-	border: 3px var(--highlighted) solid;
+	border-width: 3px;
 	border-spacing: 0;
 }
 
 td, th {
-	border: 1px var(--highlighted) solid;
 	padding: 10px;
 }
 
@@ -917,7 +919,6 @@ td, th {
 		background-color: unset;
 		margin: 5px 0px 20px 20px;
 		padding: 0;
-		font-size: 14px;
 	}
 	
 	.compact .post_score {

templates/post.html

@@ -41,7 +41,6 @@
 
 		<!-- POST CONTENT -->
 		<div class="post highlighted">
-			
 			<p class="post_header">
 				<a class="post_subreddit" href="/r/{{ post.community }}">r/{{ post.community }}</a>
 				<span class="dot">&bull;</span>
@@ -73,14 +72,12 @@
 			<div class="post_body">{{ post.body }}</div>
 			<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
 			<div class="post_footer">
-				
 				<ul id="post_links">
 					<li><a href="/{{ post.id }}">permalink</a></li>
 					<li><a href="https://reddit.com/{{ post.id }}">reddit</a></li>
 				</ul>
 				<p>{{ post.upvote_ratio }}% Upvoted</p>
 			</div>
-
 		</div>
 
 		<!-- SORT FORM -->

templates/search.html

@@ -77,7 +77,7 @@
 
 			<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
 			<div class="post_footer">
-				<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} Comments</a>
+				<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} comments</a>
 			</div>
 		</div>
 		{% else %}

templates/subreddit.html

@@ -72,7 +72,7 @@
 
 				<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
 				<div class="post_footer">
-					<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} Comments</a>
+					<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} comments</a>
 				</div>
 			</div>
 			{% endif %}

templates/user.html

@@ -62,7 +62,7 @@
 
 				<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
 				<div class="post_footer">
-					<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} Comments</a>
+					<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} comments</a>
 				</div>
 			</div>
 			{% else %}