Redesign anime pages

styles/include/config.scarlet

@@ -25,8 +25,8 @@ input-focus-border-color = rgb(248, 165, 130)
 // Button
 button-hover-color = white
 button-hover-background = link-hover-color
-forum-tag-hover-color = #225db5
-// forum-tag-hover-color = rgb(46, 85, 160)
+tab-hover-background = #225db5
+// tab-hover-background = rgb(46, 85, 160)
 
 // Forum
 forum-width = 830px

styles/include/dark.scarlet

@@ -3,12 +3,16 @@ text-color = hsl(0, 0%, 90%)
 bg-color = hsl(0, 0%, 24%)
 link-color = hsl(81, 100%, 56%)
 link-hover-color = hsl(81, 100%, 66%)
-ui-background = hsl(0, 0%, 18%)
+ui-background = hsla(0, 0%, 18%, 0.5)
+tab-hover-background = link-hover-color
+
+theme-white = bg-color
+theme-black = text-color
 
 link-hover-text-shadow = 0 0 8px hsla(81, 100%, 56%, 0.5)
 
 main-color = link-color
 link-active-color = link-hover-color
-button-hover-color = bg-color
-button-hover-background = link-hover-color
+button-hover-color = link-hover-color
+button-hover-background = hsla(0, 0%, 12%, 0.5)
 loading-anim-color = link-color

styles/include/mixins.scarlet

@@ -9,6 +9,10 @@ mixin horizontal-wrap
 	display flex
 	flex-flow row wrap
 
+mixin horizontal-wrap-center
+	horizontal-wrap
+	justify-content center
+
 mixin vertical
 	display flex
 	flex-direction column
@@ -17,6 +21,10 @@ mixin vertical-wrap
 	display flex
 	flex-flow column wrap
 
+mixin vertical-wrap-center
+	horizontal-wrap
+	align-items center
+
 mixin noise-light
 	background-image url("/images/elements/noise-light.png")
 

styles/sidebar.scarlet

@@ -44,7 +44,7 @@ sidebar-spacing-y = 0.7rem
 	
 	&.active
 		.sidebar-button
-			// background forum-tag-hover-color
+			// background tab-hover-background
 			// color white
 			color link-color
 			text-shadow link-hover-text-shadow

styles/status-message.scarlet

@@ -22,4 +22,4 @@
 
 .info-message
 	color white
-	background-color forum-tag-hover-color
+	background tab-hover-background

styles/tabs.scarlet

@@ -14,8 +14,8 @@
 		transform none
 
 	&.active
-		background-color forum-tag-hover-color
-		color white
+		background tab-hover-background
+		color theme-white
 
 	:first-child
 		border-left ui-border