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")