From 7f8f229286d2af20af15bae8c98865c4b3450c15 Mon Sep 17 00:00:00 2001
From: "byte[]" <byteslice@airmail.cc>
Date: Fri, 1 May 2020 22:00:29 -0400
Subject: [PATCH] untangle stylesheet inclusion mess

---
 assets/css/common/base.scss       |   9 +-
 assets/css/common/dimensions.scss |  29 ++++
 assets/css/common/global.scss     | 218 ---------------------------
 assets/css/themes/dark.scss       | 238 ++++++++++++++++-------------
 assets/css/themes/default.scss    | 177 +++++++++++++++++++++-
 assets/css/themes/red.scss        | 240 +++++++++++++++++-------------
 6 files changed, 483 insertions(+), 428 deletions(-)
 create mode 100644 assets/css/common/dimensions.scss

diff --git a/assets/css/common/base.scss b/assets/css/common/base.scss
index 5153976b..ef3b7f30 100644
--- a/assets/css/common/base.scss
+++ b/assets/css/common/base.scss
@@ -2,13 +2,10 @@
  * This file contains base styles that are overridden by custom stylesheets. These stylesheets need
  * to be placed in this directory, and they are imported at the bottom of the file.
  *
- * Define rules that are not supposed to be overridden after the @import at the bottom of the file.
- *
- * NOTE: do not enable require_self and require_tree because it imports things the wrong way around!
- * = require_self
- * = require_tree .
-*/
+ * Define rules that are not supposed to be overridden after the @imports at the bottom of the file.
+ */
 
+@import "dimensions";
 @import "global";
 
 // Because FA is a SPECIAL SNOWFLAKE.
diff --git a/assets/css/common/dimensions.scss b/assets/css/common/dimensions.scss
new file mode 100644
index 00000000..d9a43ccf
--- /dev/null
+++ b/assets/css/common/dimensions.scss
@@ -0,0 +1,29 @@
+/*
+ * Shared layout properties, not unique to any theme
+ */
+
+$border: 1px solid $border_color;
+
+$font_family_base: verdana, arial, helvetica, sans-serif;
+$font_family_monospace: "Droid Sans Mono", monospace;
+
+$max_px_width_for_limited_desktop_layout: 1150px;
+$min_px_width_for_desktop_layout: 800px;
+$min_px_width_for_desktop_thumb: 700px;
+
+$limited_layout_width: 980px;
+$medium_layout_width: 1330px;
+$centered_layout_side_margin: 24px;
+$layout_side_margin: 12px;
+
+$header_height: 36px;
+$header_field_height: 28px;
+$header_sub_height: 32px;
+$header_font_size: 16px;
+$header_spacing: 12px;
+$header_field_spacing: 8px;
+$header_field_vertical_spacing: ($header_height - $header_field_height) / 2;
+$block_header_height: 32px;
+$block_header_sub_height: 26px;
+$block_spacing: 6px;
+$media_box_header_height: 22px;
diff --git a/assets/css/common/global.scss b/assets/css/common/global.scss
index b33377bd..c23f1d37 100644
--- a/assets/css/common/global.scss
+++ b/assets/css/common/global.scss
@@ -1,221 +1,3 @@
-/*
- * This file defines:
- * 1) main colors, 2) main colors variations, 3) dimensions and other shared properties, 4) mixins
- * Custom themes ('themes/default' and 'themes/dark') may override some or all of these settings.
- *
- * Note that individual stylesheets ('common/buttons') may have local properties.
- * Those can be overridden in themes as well (see 'themes/dark' for an example of that).
- */
-
-// ///////////////////////////////////
-// ///// SECTION 1 - MAIN COLORS /////
-// ///////////////////////////////////
-
-$background_color: #ffffff !default;
-$page_background_color: #f8fafc !default;
-$foreground_color: #333333 !default;
-
-$base_color: #62a7d9 !default;
-
-$primary_color: #c1e4f9 !default;
-$success_color: #bde9a3 !default; /* tag added, currently banned, view post history--added */
-$danger_color: #ebc0bb !default; /* tag removed, currently not banned, view post history--deleted */
-$warning_color: #eee9bc !default; /* NSFW streams, image spoilered, things like that */
-
-$link_color: #419cd9 !default;
-$link_hover_color: #9273d0 !default;
-
-$fave_color: #c4b246 !default;
-$vote_up_color: #67af2b !default;
-$vote_down_color: #cf0001 !default;
-$hide_color: #cf0001 !default;
-
-$destroyed_content_color: #ffdcdc !default;
-
-$assistant_color: #eeceed !default;
-
-$tag_normal_color: #6f8f0e !default;
-$tag_category_rating_color: #267ead !default;
-$tag_category_spoiler_color: #c24523 !default;
-$tag_category_origin_color: #393f85 !default;
-$tag_category_oc_color: #9852a3 !default;
-$tag_category_error_color: #ad263f !default;
-$tag_category_character_color: #2d8677 !default;
-$tag_category_content_official_color: #998e1a !default;
-$tag_category_content_fanmade_color: #bb5496 !default;
-$tag_category_species_color: #8b552f !default;
-
-$commission_category_color: #986f3d !default;
-
-$image_overlay_color: #ffffff !default;
-$image_overlay_background_color: #000000 !default;
-
-// //////////////////////////////////////
-// ///// SECTION 2 - DERIVED COLORS /////
-// //////////////////////////////////////
-
-$text_light_color: $background_color !default;
-
-$meta_color: mix($foreground_color, $background_color, 5%) !default;
-$meta_border_color: mix($foreground_color, $meta_color, 30%) !default;
-
-$header_color: darken($base_color, 9%) !default;
-$header_hover_color: darken($base_color, 16%) !default;
-$header_field_color: $base_color !default;
-$header_field_hover_color: darken($base_color, 7%) !default;
-$header_secondary_color: desaturate(lighten($base_color, 30%), 25%) !default;
-$header_secondary_hover_color: darken($header_secondary_color, 7%) !default;
-
-$header_admin_color: mix($vote_down_color, $background_color, 16%) !default;
-$header_admin_hover_color: mix($vote_down_color, $background_color, 30%) !default;
-
-$block_header_color: lighten($base_color, 28%) !default;
-$block_header_hover_color: desaturate(lighten($base_color, 20%), 5%) !default;
-$block_header_link_text_color: saturate(darken($header_color, 5%), 6%) !default;
-$block_header_link_text_hover_color: darken($header_color, 15%) !default;
-
-$block_header_light_color: desaturate(lighten($base_color, 31%), 16%) !default;
-$block_header_light_hover_color: lighten($header_secondary_hover_color, 2%) !default;
-$block_header_light_link_text_color: darken($block_header_light_color, 42%) !default;
-$block_header_light_link_text_hover_color: darken($block_header_light_color, 52%) !default;
-
-$border_color: darken($block_header_light_color, 3%) !default;
-
-$media_box_color: desaturate($block_header_light_color, 10%) !default;
-$media_box_hover_color: saturate(darken($media_box_color, 6%), 6%) !default;
-$media_box_header_link_text_color: $link_color !default;
-$media_box_header_link_text_hover_color: darken($media_box_header_link_text_color, 10%) !default;
-
-$primary_light_color: lighten($primary_color, 5%) !default;
-$success_light_color: lighten($success_color, 7%) !default;
-$danger_light_color: lighten($danger_color, 4%) !default;
-$warning_light_color: lighten($warning_color, 6%) !default;
-
-$link_dark_color: darken($link_color, 20%) !default; //used in the tag table, amongst other things
-$link_hover_dark_color: darken($link_hover_color, 20%) !default;
-
-$image_show_link_color: $link_color;
-$image_show_link_hover_color: $link_hover_color;
-
-/* In default theme, except odd color to be darker! */
-$background_odd_color: lighten($base_color, 35%) !default; //also used as 'alt background color' in various places
-$background_even_color: $background_color !default;
-/* Depending on the theme, you may want to swap even and odd colors */
-$success_odd_color: saturate(darken($success_light_color, 3%), 8%) !default;
-$success_even_color: lighten($success_color, 13%) !default;
-$warning_odd_color: saturate(darken($warning_light_color, 7%), 10%) !default;
-$warning_even_color: lighten($warning_color, 5%) !default;
-$danger_odd_color: saturate(darken($danger_light_color, 1%), 12%) !default;
-$danger_even_color: desaturate(lighten($danger_color, 7%), 10%) !default;
-
-$foreground_half_color: mix($foreground_color, $background_color) !default; //used for weird h's (on image pages like Metadata Editing and Information) and also footer text color
-
-$sparkline_color: lighten($base_color, 5%) !default;
-
-$assistant_border_color: darken($assistant_color, 8%) !default;
-
-$admin_links_color: mix($vote_down_color, $background_color, 17%) !default;
-$admin_links_hover_color: mix($vote_down_color, $background_color, 48%) !default;
-
-$input_text_color: $foreground_color !default;
-$input_color: $meta_color !default;
-$input_border: $meta_border_color !default;
-$input_color_active: desaturate(lighten($base_color, 30%), 16%) !default;
-$input_border_active: lighten($base_color, 10%) !default;
-
-$tag_normal_background: desaturate(lighten($tag_normal_color, 44%), 28%) !default;
-$tag_normal_border: darken($tag_normal_background, 16%) !default;
-$tag_category_rating_background: desaturate(lighten($tag_category_rating_color, 41%), 25%) !default;
-$tag_category_rating_border: darken($tag_category_rating_background, 10%) !default;
-$tag_category_spoiler_background: lighten($tag_category_spoiler_color, 41%) !default;
-$tag_category_spoiler_border: darken($tag_category_spoiler_background, 8%) !default;
-$tag_category_origin_background: lighten($tag_category_origin_color, 43%) !default;
-$tag_category_origin_border: darken($tag_category_origin_background, 10%) !default;
-$tag_category_oc_background: lighten($tag_category_oc_color, 35%) !default;
-$tag_category_oc_border: darken($tag_category_oc_background, 9%) !default;
-$tag_category_error_background: lighten($tag_category_error_color, 40%) !default;
-$tag_category_error_border: darken($tag_category_error_background, 8%) !default;
-$tag_category_character_background: desaturate(lighten($tag_category_character_color, 44%), 10%) !default;
-$tag_category_character_border: lighten($tag_category_character_color, 22%) !default;
-$tag_category_content_official_background: lighten($tag_category_content_official_color, 41%) !default;
-$tag_category_content_official_border: lighten($tag_category_content_official_color, 18%) !default;
-$tag_category_content_fanmade_background: lighten($tag_category_content_fanmade_color, 36%) !default;
-$tag_category_content_fanmade_border: lighten($tag_category_content_fanmade_color, 18%) !default;
-$tag_category_species_background: lighten($tag_category_species_color, 44%) !default;
-$tag_category_species_border: lighten($tag_category_species_color, 25%) !default;
-
-$commission_category_background: saturate(lighten($commission_category_color, 40%), 12%) !default;
-$commission_category_border: lighten($commission_category_color, 20%) !default;
-
-$site_notice_color: darken($base_color, 32%) !default;
-$site_notice_link_color: $block_header_light_color !default;
-$site_notice_link_hover_color: $block_header_hover_color !default;
-
-// /////////////////////////////////////////
-// ///// SECTION 3 - SHARED PROPERTIES /////
-// /////////////////////////////////////////
-
-$border: 1px solid $border_color !default;
-
-$font_family_base: verdana, arial, helvetica, sans-serif !default;
-$font_family_monospace: "Droid Sans Mono", monospace !default;
-
-$max_px_width_for_limited_desktop_layout: 1150px !default;
-$min_px_width_for_desktop_layout: 800px !default;
-$min_px_width_for_desktop_thumb: 700px !default;
-
-$limited_layout_width: 980px;
-$medium_layout_width: 1330px;
-$centered_layout_side_margin: 24px;
-$layout_side_margin: 12px;
-
-$header_height: 36px;
-$header_field_height: 28px;
-$header_sub_height: 32px;
-$header_font_size: 16px;
-$header_spacing: 12px;
-$header_field_spacing: 8px;
-$header_field_vertical_spacing: ($header_height - $header_field_height) / 2;
-$block_header_height: 32px;
-$block_header_sub_height: 26px;
-$block_spacing: 6px;
-$media_box_header_height: 22px;
-
-$button_text_color: $foreground_color !default;
-$button_background_color: rgba($meta_color, 0.2) !default;
-$button_hover_background_color: $input_color_active !default;
-$button_hover_border_color: $input_border_active !default;
-$button_border_color: $meta_border_color !default;
-
-$button_primary_background_color: $primary_light_color !default;
-$button_success_background_color: $success_light_color !default;
-$button_warning_background_color: $warning_light_color !default;
-$button_danger_background_color: $danger_light_color !default;
-
-$button_primary_border_color: darken($primary_color, 8%) !default;
-$button_success_border_color: darken($success_color, 10%) !default;
-$button_warning_border_color: darken($warning_color, 11%) !default;
-$button_danger_border_color: darken($danger_color, 8%) !default;
-
-$button_primary_hover_background: darken($button_primary_background_color, 5%);
-$button_primary_hover_border: darken($button_primary_border_color, 5%);
-$button_success_hover_background: darken($button_success_background_color, 5%);
-$button_success_hover_border: darken($button_success_border_color, 5%);
-$button_warning_hover_background: darken($button_warning_background_color, 6%);
-$button_warning_hover_border: darken($button_warning_border_color, 6%);
-$button_danger_hover_background: darken($button_danger_background_color, 5%);
-$button_danger_hover_border: darken($button_danger_border_color, 5%);
-
-$downvote_disabled_color: mix($vote_down_color, $block_header_light_color, 30%);
-$dnp_warning_hover_color: lighten($vote_down_color, 10%);
-$poll_form_label_background: lighten($border_color, 8);
-$tag_dropdown_hover_background: darken($meta_color, 4%);
-
-
-// //////////////////////////////
-// ///// SECTION 4 - MIXINS /////
-// //////////////////////////////
-
 @mixin even-odd {
   &:nth-child(odd) {
     background: $background_odd_color;
diff --git a/assets/css/themes/dark.scss b/assets/css/themes/dark.scss
index f1017115..da2619b2 100644
--- a/assets/css/themes/dark.scss
+++ b/assets/css/themes/dark.scss
@@ -6,146 +6,184 @@
 // ///// SECTION 1 - MAIN COLORS /////
 // ///////////////////////////////////
 
-$background_color: #1d242f !default;
-$page_background_color: #141a24 !default;
-$foreground_color: #e0e0e0 !default;
+$background_color: #1d242f;
+$page_background_color: #141a24;
+$foreground_color: #e0e0e0;
 
-$base_color: #546c99 !default;
+$base_color: #546c99;
 
-$primary_light_color: #1a4c6b !default;
-$success_light_color: #144714 !default;
-$danger_light_color: #66211f !default;
-$warning_light_color: #7d4825 !default;
+$primary_light_color: #1a4c6b;
+$success_light_color: #144714;
+$danger_light_color: #66211f;
+$warning_light_color: #7d4825;
 
-$destroyed_content_color: #382c2f !default;
+$destroyed_content_color: #382c2f;
 
-$meta_color: #191f2a !default;
+$meta_color: #191f2a;
 
-$header_color: #284371 !default;
-$header_field_color: #1c3252 !default;
-$header_secondary_color: #1d2b44 !default;
-$header_admin_color: #3b1d1d !default;
+$header_color: #284371;
+$header_field_color: #1c3252;
+$header_secondary_color: #1d2b44;
+$header_admin_color: #3b1d1d;
 
-$block_header_color: #2e3a52 !default;
-$block_header_link_text_color: #4f95db !default;
+$block_header_color: #2e3a52;
+$block_header_link_text_color: #4f95db;
 
-$block_header_light_color: #252d3c !default;
-$block_header_light_link_text_color: #6198c2 !default;
+$block_header_light_color: #252d3c;
+$block_header_light_link_text_color: #6198c2;
 
-$border_color: #2d3649 !default;
+$border_color: #2d3649;
 
-$media_box_color: #3d4657 !default;
+$media_box_color: #3d4657;
 
-$link_color: #478acc !default;
-$link_hover_color: #b099dd !default;
+$link_color: #478acc;
+$link_hover_color: #b099dd;
 
-$fave_color: #a18e27 !default;
-$vote_up_color: #5b9b26 !default;
-$vote_down_color: #da3412 !default;
-$hide_color: #da3412 !default;
+$fave_color: #a18e27;
+$vote_up_color: #5b9b26;
+$vote_down_color: #da3412;
+$hide_color: #da3412;
 
-$assistant_color: #511b4e !default;
+$assistant_color: #511b4e;
 
-$tag_normal_color: #4aa158 !default;
-$tag_category_rating_color: #418dd9 !default;
-$tag_category_spoiler_color: #d49b39 !default;
-$tag_category_origin_color: #6f66d6 !default;
-$tag_category_oc_color: #b157b7 !default;
-$tag_category_error_color: #d45460 !default;
-$tag_category_character_color: #4aaabf !default;
-$tag_category_content_official_color: #b9b541 !default;
-$tag_category_content_fanmade_color: #cc8eb5 !default;
-$tag_category_species_color: #b16b50 !default;
+$tag_normal_color: #4aa158;
+$tag_category_rating_color: #418dd9;
+$tag_category_spoiler_color: #d49b39;
+$tag_category_origin_color: #6f66d6;
+$tag_category_oc_color: #b157b7;
+$tag_category_error_color: #d45460;
+$tag_category_character_color: #4aaabf;
+$tag_category_content_official_color: #b9b541;
+$tag_category_content_fanmade_color: #cc8eb5;
+$tag_category_species_color: #b16b50;
 
-$commission_category_color: #e07b27 !default;
+$commission_category_color: #e07b27;
 
-$site_notice_color: #07070a !default;
+$site_notice_color: #07070a;
+
+$image_overlay_color: #ffffff;
+$image_overlay_background_color: #000000;
 
 // //////////////////////////////////////
 // ///// SECTION 2 - DERIVED COLORS /////
 // //////////////////////////////////////
 
-$text_light_color: $foreground_color !default;
+$text_light_color: $foreground_color;
 
-$primary_color: saturate(lighten($primary_light_color, 5%), 4%) !default;
-$success_color: lighten($success_light_color, 4%) !default;
-$danger_color: lighten($danger_light_color, 5%) !default;
-$warning_color: lighten($warning_light_color, 6%) !default;
+$meta_color: mix($foreground_color, $background_color, 5%);
+$meta_border_color: mix($foreground_color, $meta_color, 30%);
 
-$header_hover_color: darken($header_color, 8%) !default;
-$header_field_hover_color: darken($header_hover_color, 4%) !default;
-$header_secondary_hover_color: darken($header_secondary_color, 4%) !default;
+$primary_color: saturate(lighten($primary_light_color, 5%), 4%);
+$success_color: lighten($success_light_color, 4%);
+$danger_color: lighten($danger_light_color, 5%);
+$warning_color: lighten($warning_light_color, 6%);
 
-$header_admin_hover_color: darken($header_admin_color, 5%) !default;
+$header_hover_color: darken($header_color, 8%);
+$header_field_hover_color: darken($header_hover_color, 4%);
+$header_secondary_hover_color: darken($header_secondary_color, 4%);
 
-$block_header_hover_color: adjust_hue(saturate(darken($block_header_color, 4%), 4%), -3deg) !default;
-$block_header_link_text_hover_color: adjust_hue(desaturate(darken($block_header_link_text_color, 3%), 20%), 6deg) !default;
+$header_admin_hover_color: darken($header_admin_color, 5%);
 
-$block_header_light_hover_color: adjust_hue(saturate(darken($block_header_light_color, 4%), 10%), -4deg) !default;
-$block_header_light_link_text_hover_color: adjust_hue(desaturate(darken($block_header_light_link_text_color, 2%), 10%), 8deg) !default;
+$block_header_hover_color: adjust_hue(saturate(darken($block_header_color, 4%), 4%), -3deg);
+$block_header_link_text_hover_color: adjust_hue(desaturate(darken($block_header_link_text_color, 3%), 20%), 6deg);
 
-$media_box_hover_color: darken($media_box_color, 4%) !default;
-$media_box_header_link_text_hover_color: desaturate(darken($link_color, 3%), 18%) !default;
+$block_header_light_hover_color: adjust_hue(saturate(darken($block_header_light_color, 4%), 10%), -4deg);
+$block_header_light_link_text_hover_color: adjust_hue(desaturate(darken($block_header_light_link_text_color, 2%), 10%), 8deg);
 
-$link_dark_color: mix($link_color, $foreground_color, 70%) !default;
-$link_dark_hover_color: mix($link_hover_color, $foreground_color, 70%) !default;
+$media_box_hover_color: darken($media_box_color, 4%);
+$media_box_header_link_text_hover_color: desaturate(darken($link_color, 3%), 18%);
+$media_box_header_link_text_color: $link_color;
+$media_box_header_link_text_hover_color: darken($media_box_header_link_text_color, 10%);
+
+$link_dark_color: mix($link_color, $foreground_color, 70%);
+$link_dark_hover_color: mix($link_hover_color, $foreground_color, 70%);
 
 $image_show_link_color: $link_dark_color;
 $image_show_link_hover_color: $link_dark_hover_color;
 
-$image_overlay_color: $foreground_color !default;
-$image_overlay_background: darken($background_color, 30%) !default;
+$image_overlay_color: $foreground_color;
+$image_overlay_background: darken($background_color, 30%);
 
-$assistant_border_color: lighten($assistant_color, 8%) !default;
+$assistant_border_color: lighten($assistant_color, 8%);
 
-$background_odd_color: darken($background_color, 3%) !default;
-$background_even_color: $background_color !default;
+$admin_links_color: mix($vote_down_color, $background_color, 17%);
+$admin_links_hover_color: mix($vote_down_color, $background_color, 48%);
 
-$success_odd_color: desaturate(darken($success_color, 9%), 2%) !default;
-$success_even_color: saturate(darken($success_light_color, 2%), 2%) !default;
-$warning_odd_color: saturate(darken($warning_color, 19%), 10%) !default;
-$warning_even_color: saturate(darken($warning_light_color, 7%), 7%) !default;
-$danger_odd_color: desaturate(darken($danger_color, 16%), 2%) !default;
-$danger_even_color: darken($danger_light_color, 6%) !default;
+$background_odd_color: darken($background_color, 3%);
+$background_even_color: $background_color;
 
-$input_color_active: lighten($meta_color, 5%) !default;
-$input_border_active: desaturate(lighten($base_color, 2%), 10%) !default;
+$success_odd_color: desaturate(darken($success_color, 9%), 2%);
+$success_even_color: saturate(darken($success_light_color, 2%), 2%);
+$warning_odd_color: saturate(darken($warning_color, 19%), 10%);
+$warning_even_color: saturate(darken($warning_light_color, 7%), 7%);
+$danger_odd_color: desaturate(darken($danger_color, 16%), 2%);
+$danger_even_color: darken($danger_light_color, 6%);
 
-$tag_normal_background: darken($tag_normal_color, 29%) !default;
-$tag_normal_border: darken($tag_normal_color, 18%) !default;
-$tag_category_rating_background: darken($tag_category_rating_color, 35%) !default;
-$tag_category_rating_border: desaturate(darken($tag_category_rating_color, 20%), 10%) !default;
-$tag_category_spoiler_background: darken($tag_category_spoiler_color, 34%) !default;
-$tag_category_spoiler_border: darken($tag_category_spoiler_color, 23%) !default;
-$tag_category_origin_background: darken($tag_category_origin_color, 40%) !default;
-$tag_category_origin_border: desaturate(darken($tag_category_origin_color, 22%), 28%) !default;
-$tag_category_oc_background: darken($tag_category_oc_color, 33%) !default;
-$tag_category_oc_border: darken($tag_category_oc_color, 15%) !default;
-$tag_category_error_background: desaturate(darken($tag_category_error_color, 38%), 6%) !default;
-$tag_category_error_border: darken($tag_category_error_color, 22%) !default;
-$tag_category_character_background: darken($tag_category_character_color, 33%) !default;
-$tag_category_character_border: darken($tag_category_character_color, 20%) !default;
-$tag_category_content_official_background: desaturate(darken($tag_category_content_official_color, 29%), 2%) !default;
-$tag_category_content_official_border: darken($tag_category_content_official_color, 20%) !default;
-$tag_category_content_fanmade_background: darken($tag_category_content_fanmade_color, 40%) !default;
-$tag_category_content_fanmade_border: desaturate(darken($tag_category_content_fanmade_color, 20%), 10%) !default;
-$tag_category_species_background: darken($tag_category_species_color, 35%) !default;
-$tag_category_species_border: desaturate(darken($tag_category_species_color, 20%), 10%) !default;
+$foreground_half_color: mix($foreground_color, $background_color);
 
-$commission_category_background: darken($commission_category_color, 36%) !default;
-$commission_category_border: darken($commission_category_color, 25%) !default;
+$sparkline_color: lighten($base_color, 5%);
 
-$site_notice_link_color: desaturate(lighten($block_header_link_text_color, 8%), 20%) !default;
-$site_notice_link_hover_color: darken($site_notice_link_color, 8%) !default;
+$input_text_color: $foreground_color;
+$input_color: $meta_color;
+$input_border: $meta_border_color;
+$input_color_active: lighten($meta_color, 5%);
+$input_border_active: desaturate(lighten($base_color, 2%), 10%);
 
-/* Import 'common/global' to initialize the remaining properties.
- * Override the ones that do not satisfy the theme below the declaration. */
+$tag_normal_background: darken($tag_normal_color, 29%);
+$tag_normal_border: darken($tag_normal_color, 18%);
+$tag_category_rating_background: darken($tag_category_rating_color, 35%);
+$tag_category_rating_border: desaturate(darken($tag_category_rating_color, 20%), 10%);
+$tag_category_spoiler_background: darken($tag_category_spoiler_color, 34%);
+$tag_category_spoiler_border: darken($tag_category_spoiler_color, 23%);
+$tag_category_origin_background: darken($tag_category_origin_color, 40%);
+$tag_category_origin_border: desaturate(darken($tag_category_origin_color, 22%), 28%);
+$tag_category_oc_background: darken($tag_category_oc_color, 33%);
+$tag_category_oc_border: darken($tag_category_oc_color, 15%);
+$tag_category_error_background: desaturate(darken($tag_category_error_color, 38%), 6%);
+$tag_category_error_border: darken($tag_category_error_color, 22%);
+$tag_category_character_background: darken($tag_category_character_color, 33%);
+$tag_category_character_border: darken($tag_category_character_color, 20%);
+$tag_category_content_official_background: desaturate(darken($tag_category_content_official_color, 29%), 2%);
+$tag_category_content_official_border: darken($tag_category_content_official_color, 20%);
+$tag_category_content_fanmade_background: darken($tag_category_content_fanmade_color, 40%);
+$tag_category_content_fanmade_border: desaturate(darken($tag_category_content_fanmade_color, 20%), 10%);
+$tag_category_species_background: darken($tag_category_species_color, 35%);
+$tag_category_species_border: desaturate(darken($tag_category_species_color, 20%), 10%);
 
-@import "common/global";
+$commission_category_background: darken($commission_category_color, 36%);
+$commission_category_border: darken($commission_category_color, 25%);
 
-$button_primary_border_color: saturate(lighten($primary_light_color, 14%), 22%) !default;
-$button_success_border_color: saturate(lighten($success_light_color, 9%), 10%) !default;
-$button_warning_border_color: saturate(lighten($warning_light_color, 12%), 10%) !default;
-$button_danger_border_color: saturate(lighten($danger_light_color, 18%), 6%) !default;
+$site_notice_link_color: desaturate(lighten($block_header_link_text_color, 8%), 20%);
+$site_notice_link_hover_color: darken($site_notice_link_color, 8%);
+
+$button_text_color: $foreground_color;
+$button_background_color: rgba($meta_color, 0.2);
+$button_hover_background_color: $input_color_active;
+$button_hover_border_color: $input_border_active;
+$button_border_color: $meta_border_color;
+
+$button_primary_background_color: $primary_light_color;
+$button_success_background_color: $success_light_color;
+$button_warning_background_color: $warning_light_color;
+$button_danger_background_color: $danger_light_color;
+
+$button_primary_border_color: saturate(lighten($primary_light_color, 14%), 22%);
+$button_success_border_color: saturate(lighten($success_light_color, 9%), 10%);
+$button_warning_border_color: saturate(lighten($warning_light_color, 12%), 10%);
+$button_danger_border_color: saturate(lighten($danger_light_color, 18%), 6%);
+
+$button_primary_hover_background: darken($button_primary_background_color, 5%);
+$button_primary_hover_border: darken($button_primary_border_color, 5%);
+$button_success_hover_background: darken($button_success_background_color, 5%);
+$button_success_hover_border: darken($button_success_border_color, 5%);
+$button_warning_hover_background: darken($button_warning_background_color, 6%);
+$button_warning_hover_border: darken($button_warning_border_color, 6%);
+$button_danger_hover_background: darken($button_danger_background_color, 5%);
+$button_danger_hover_border: darken($button_danger_border_color, 5%);
+
+$downvote_disabled_color: mix($vote_down_color, $block_header_light_color, 30%);
+$dnp_warning_hover_color: lighten($vote_down_color, 10%);
+$poll_form_label_background: lighten($border_color, 8);
+$tag_dropdown_hover_background: darken($meta_color, 4%);
 
 @import "common/base";
diff --git a/assets/css/themes/default.scss b/assets/css/themes/default.scss
index 1017f57c..fe3bfe76 100644
--- a/assets/css/themes/default.scss
+++ b/assets/css/themes/default.scss
@@ -1,8 +1,179 @@
-@import "common/global";
-
 /*
  * Default theme - the same colors they've been for years
- * Represents the properties from 'common/global'; does not override any of them.
  */
 
+// ///////////////////////////////////
+// ///// SECTION 1 - MAIN COLORS /////
+// ///////////////////////////////////
+
+$background_color: #ffffff;
+$page_background_color: #f8fafc;
+$foreground_color: #333333;
+
+$base_color: #62a7d9;
+
+$primary_color: #c1e4f9;
+$success_color: #bde9a3; /* tag added, currently banned, view post history--added */
+$danger_color: #ebc0bb; /* tag removed, currently not banned, view post history--deleted */
+$warning_color: #eee9bc; /* NSFW streams, image spoilered, things like that */
+
+$link_color: #419cd9;
+$link_hover_color: #9273d0;
+
+$fave_color: #c4b246;
+$vote_up_color: #67af2b;
+$vote_down_color: #cf0001;
+$hide_color: #cf0001;
+
+$destroyed_content_color: #ffdcdc;
+
+$assistant_color: #eeceed;
+
+$tag_normal_color: #6f8f0e;
+$tag_category_rating_color: #267ead;
+$tag_category_spoiler_color: #c24523;
+$tag_category_origin_color: #393f85;
+$tag_category_oc_color: #9852a3;
+$tag_category_error_color: #ad263f;
+$tag_category_character_color: #2d8677;
+$tag_category_content_official_color: #998e1a;
+$tag_category_content_fanmade_color: #bb5496;
+$tag_category_species_color: #8b552f;
+
+$commission_category_color: #986f3d;
+
+$image_overlay_color: #ffffff;
+$image_overlay_background_color: #000000;
+
+// //////////////////////////////////////
+// ///// SECTION 2 - DERIVED COLORS /////
+// //////////////////////////////////////
+
+$text_light_color: $background_color;
+
+$meta_color: mix($foreground_color, $background_color, 5%);
+$meta_border_color: mix($foreground_color, $meta_color, 30%);
+
+$header_color: darken($base_color, 9%);
+$header_hover_color: darken($base_color, 16%);
+$header_field_color: $base_color;
+$header_field_hover_color: darken($base_color, 7%);
+$header_secondary_color: desaturate(lighten($base_color, 30%), 25%);
+$header_secondary_hover_color: darken($header_secondary_color, 7%);
+
+$header_admin_color: mix($vote_down_color, $background_color, 16%);
+$header_admin_hover_color: mix($vote_down_color, $background_color, 30%);
+
+$block_header_color: lighten($base_color, 28%);
+$block_header_hover_color: desaturate(lighten($base_color, 20%), 5%);
+$block_header_link_text_color: saturate(darken($header_color, 5%), 6%);
+$block_header_link_text_hover_color: darken($header_color, 15%);
+
+$block_header_light_color: desaturate(lighten($base_color, 31%), 16%);
+$block_header_light_hover_color: lighten($header_secondary_hover_color, 2%);
+$block_header_light_link_text_color: darken($block_header_light_color, 42%);
+$block_header_light_link_text_hover_color: darken($block_header_light_color, 52%);
+
+$border_color: darken($block_header_light_color, 3%);
+
+$media_box_color: desaturate($block_header_light_color, 10%);
+$media_box_hover_color: saturate(darken($media_box_color, 6%), 6%);
+$media_box_header_link_text_color: $link_color;
+$media_box_header_link_text_hover_color: darken($media_box_header_link_text_color, 10%);
+
+$primary_light_color: lighten($primary_color, 5%);
+$success_light_color: lighten($success_color, 7%);
+$danger_light_color: lighten($danger_color, 4%);
+$warning_light_color: lighten($warning_color, 6%);
+
+$link_dark_color: darken($link_color, 20%); //used in the tag table, amongst other things
+$link_hover_dark_color: darken($link_hover_color, 20%);
+
+$image_show_link_color: $link_color;
+$image_show_link_hover_color: $link_hover_color;
+
+/* In default theme, except odd color to be darker! */
+$background_odd_color: lighten($base_color, 35%); //also used as 'alt background color' in various places
+$background_even_color: $background_color;
+/* Depending on the theme, you may want to swap even and odd colors */
+$success_odd_color: saturate(darken($success_light_color, 3%), 8%);
+$success_even_color: lighten($success_color, 13%);
+$warning_odd_color: saturate(darken($warning_light_color, 7%), 10%);
+$warning_even_color: lighten($warning_color, 5%);
+$danger_odd_color: saturate(darken($danger_light_color, 1%), 12%);
+$danger_even_color: desaturate(lighten($danger_color, 7%), 10%);
+
+$foreground_half_color: mix($foreground_color, $background_color); //used for weird h's (on image pages like Metadata Editing and Information) and also footer text color
+
+$sparkline_color: lighten($base_color, 5%);
+
+$assistant_border_color: darken($assistant_color, 8%);
+
+$admin_links_color: mix($vote_down_color, $background_color, 17%);
+$admin_links_hover_color: mix($vote_down_color, $background_color, 48%);
+
+$input_text_color: $foreground_color;
+$input_color: $meta_color;
+$input_border: $meta_border_color;
+$input_color_active: desaturate(lighten($base_color, 30%), 16%);
+$input_border_active: lighten($base_color, 10%);
+
+$tag_normal_background: desaturate(lighten($tag_normal_color, 44%), 28%);
+$tag_normal_border: darken($tag_normal_background, 16%);
+$tag_category_rating_background: desaturate(lighten($tag_category_rating_color, 41%), 25%);
+$tag_category_rating_border: darken($tag_category_rating_background, 10%);
+$tag_category_spoiler_background: lighten($tag_category_spoiler_color, 41%);
+$tag_category_spoiler_border: darken($tag_category_spoiler_background, 8%);
+$tag_category_origin_background: lighten($tag_category_origin_color, 43%);
+$tag_category_origin_border: darken($tag_category_origin_background, 10%);
+$tag_category_oc_background: lighten($tag_category_oc_color, 35%);
+$tag_category_oc_border: darken($tag_category_oc_background, 9%);
+$tag_category_error_background: lighten($tag_category_error_color, 40%);
+$tag_category_error_border: darken($tag_category_error_background, 8%);
+$tag_category_character_background: desaturate(lighten($tag_category_character_color, 44%), 10%);
+$tag_category_character_border: lighten($tag_category_character_color, 22%);
+$tag_category_content_official_background: lighten($tag_category_content_official_color, 41%);
+$tag_category_content_official_border: lighten($tag_category_content_official_color, 18%);
+$tag_category_content_fanmade_background: lighten($tag_category_content_fanmade_color, 36%);
+$tag_category_content_fanmade_border: lighten($tag_category_content_fanmade_color, 18%);
+$tag_category_species_background: lighten($tag_category_species_color, 44%);
+$tag_category_species_border: lighten($tag_category_species_color, 25%);
+
+$commission_category_background: saturate(lighten($commission_category_color, 40%), 12%);
+$commission_category_border: lighten($commission_category_color, 20%);
+
+$site_notice_color: darken($base_color, 32%);
+$site_notice_link_color: $block_header_light_color;
+$site_notice_link_hover_color: $block_header_hover_color;
+
+$button_text_color: $foreground_color;
+$button_background_color: rgba($meta_color, 0.2);
+$button_hover_background_color: $input_color_active;
+$button_hover_border_color: $input_border_active;
+$button_border_color: $meta_border_color;
+
+$button_primary_background_color: $primary_light_color;
+$button_success_background_color: $success_light_color;
+$button_warning_background_color: $warning_light_color;
+$button_danger_background_color: $danger_light_color;
+
+$button_primary_border_color: darken($primary_color, 8%);
+$button_success_border_color: darken($success_color, 10%);
+$button_warning_border_color: darken($warning_color, 11%);
+$button_danger_border_color: darken($danger_color, 8%);
+
+$button_primary_hover_background: darken($button_primary_background_color, 5%);
+$button_primary_hover_border: darken($button_primary_border_color, 5%);
+$button_success_hover_background: darken($button_success_background_color, 5%);
+$button_success_hover_border: darken($button_success_border_color, 5%);
+$button_warning_hover_background: darken($button_warning_background_color, 6%);
+$button_warning_hover_border: darken($button_warning_border_color, 6%);
+$button_danger_hover_background: darken($button_danger_background_color, 5%);
+$button_danger_hover_border: darken($button_danger_border_color, 5%);
+
+$downvote_disabled_color: mix($vote_down_color, $block_header_light_color, 30%);
+$dnp_warning_hover_color: lighten($vote_down_color, 10%);
+$poll_form_label_background: lighten($border_color, 8);
+$tag_dropdown_hover_background: darken($meta_color, 4%);
+
 @import "common/base";
diff --git a/assets/css/themes/red.scss b/assets/css/themes/red.scss
index b3c7d138..0ae9ae87 100644
--- a/assets/css/themes/red.scss
+++ b/assets/css/themes/red.scss
@@ -1,5 +1,5 @@
 /*
- * Darker theme
+ * Red-yellow theme
  */
 
 // ///////////////////////////////////
@@ -7,148 +7,186 @@
 // ///////////////////////////////////
 
 $text_color: #eeeeee;
-$link_color: #dbdb00 !default;
-$link_hover_color: #fff3bd !default;
+$link_color: #dbdb00;
+$link_hover_color: #fff3bd;
 $grey: #3b3b3b;
 
-$background_color: #412121 !default;
-$page_background_color: $background_color !default;
-$foreground_color: #e0e0e0 !default;
+$background_color: #412121;
+$page_background_color: $background_color;
+$foreground_color: #e0e0e0;
 
-$base_color: #995454 !default;
+$base_color: #995454;
 
-$primary_light_color: #641f1f !default;
-$success_light_color: #2e4e2e !default;
-$danger_light_color: #7b3b00 !default;
-$warning_light_color: #5b5b00 !default;
+$primary_light_color: #641f1f;
+$success_light_color: #2e4e2e;
+$danger_light_color: #7b3b00;
+$warning_light_color: #5b5b00;
 
-$destroyed_content_color: #412f2f !default;
+$destroyed_content_color: #412f2f;
 
-$meta_color: #411d1d !default;
+$meta_color: #411d1d;
 
-$header_color: #923131 !default;
-$header_field_color: #5e2727 !default;
-$header_secondary_color: #7a2d2d !default;
-$header_admin_color: $grey !default;
+$header_color: #923131;
+$header_field_color: #5e2727;
+$header_secondary_color: #7a2d2d;
+$header_admin_color: $grey;
 
-$block_header_color: #812d2d !default;
-$block_header_link_text_color: $link_color !default;
+$block_header_color: #812d2d;
+$block_header_link_text_color: $link_color;
 
-$block_header_light_color: #7a3030 !default;
-$block_header_light_link_text_color: $link_color !default;
+$block_header_light_color: #7a3030;
+$block_header_light_link_text_color: $link_color;
 
-$border_color: #7c2424 !default;
+$border_color: #7c2424;
 
-$media_box_color: #7c2424 !default;
+$media_box_color: #7c2424;
 
 
-$fave_color: #a18e27 !default;
-$vote_up_color: #5b9b26 !default;
-$vote_down_color: #da3412 !default;
-$hide_color: #da3412 !default;
+$fave_color: #a18e27;
+$vote_up_color: #5b9b26;
+$vote_down_color: #da3412;
+$hide_color: #da3412;
 
-$assistant_color: #511b4e !default;
+$assistant_color: #511b4e;
 
-$tag_normal_color: #d16767 !default;
-$tag_category_rating_color: #9dc3e9 !default;
-$tag_category_spoiler_color: #ddcf53 !default;
-$tag_category_origin_color: #bbb6eb !default;
-$tag_category_oc_color: #dd7ee4 !default;
-$tag_category_error_color: #ff5566 !default;
-$tag_category_character_color: #82d0e2 !default;
-$tag_category_content_official_color: #d1cf84 !default;
-$tag_category_content_fanmade_color: #ebb1d6 !default;
-$tag_category_species_color: #d2b48c !default;
+$tag_normal_color: #d16767;
+$tag_category_rating_color: #9dc3e9;
+$tag_category_spoiler_color: #ddcf53;
+$tag_category_origin_color: #bbb6eb;
+$tag_category_oc_color: #dd7ee4;
+$tag_category_error_color: #ff5566;
+$tag_category_character_color: #82d0e2;
+$tag_category_content_official_color: #d1cf84;
+$tag_category_content_fanmade_color: #ebb1d6;
+$tag_category_species_color: #d2b48c;
 
-$commission_category_color: #e02727 !default;
+$commission_category_color: #e02727;
 
-$site_notice_color: $grey !default;
+$site_notice_color: $grey;
+
+$image_overlay_color: #ffffff;
+$image_overlay_background_color: #000000;
 
 // //////////////////////////////////////
 // ///// SECTION 2 - DERIVED COLORS /////
 // //////////////////////////////////////
 
-$text_light_color: $foreground_color !default;
+$text_light_color: $foreground_color;
 
-$primary_color: saturate(lighten($primary_light_color, 5%), 4%) !default;
-$success_color: lighten($success_light_color, 4%) !default;
-$danger_color: lighten($danger_light_color, 5%) !default;
-$warning_color: lighten($warning_light_color, 6%) !default;
+$meta_color: mix($foreground_color, $background_color, 5%);
+$meta_border_color: mix($foreground_color, $meta_color, 30%);
 
-$header_hover_color: darken($header_color, 8%) !default;
-$header_field_hover_color: darken($header_hover_color, 4%) !default;
-$header_secondary_hover_color: darken($header_secondary_color, 4%) !default;
+$primary_color: saturate(lighten($primary_light_color, 5%), 4%);
+$success_color: lighten($success_light_color, 4%);
+$danger_color: lighten($danger_light_color, 5%);
+$warning_color: lighten($warning_light_color, 6%);
 
-$header_admin_hover_color: darken($header_admin_color, 5%) !default;
+$header_hover_color: darken($header_color, 8%);
+$header_field_hover_color: darken($header_hover_color, 4%);
+$header_secondary_hover_color: darken($header_secondary_color, 4%);
 
-$block_header_hover_color: adjust_hue(saturate(darken($block_header_color, 4%), 4%), -3deg) !default;
-$block_header_link_text_hover_color: adjust_hue(desaturate(darken($block_header_link_text_color, 3%), 20%), 6deg) !default;
+$header_admin_hover_color: darken($header_admin_color, 5%);
 
-$block_header_light_hover_color: adjust_hue(saturate(darken($block_header_light_color, 4%), 10%), -4deg) !default;
-$block_header_light_link_text_hover_color: adjust_hue(desaturate(darken($block_header_light_link_text_color, 2%), 10%), 8deg) !default;
+$block_header_hover_color: adjust_hue(saturate(darken($block_header_color, 4%), 4%), -3deg);
+$block_header_link_text_hover_color: adjust_hue(desaturate(darken($block_header_link_text_color, 3%), 20%), 6deg);
 
-$media_box_hover_color: darken($media_box_color, 4%) !default;
-$media_box_header_link_text_hover_color: desaturate(darken($link_color, 3%), 18%) !default;
+$block_header_light_hover_color: adjust_hue(saturate(darken($block_header_light_color, 4%), 10%), -4deg);
+$block_header_light_link_text_hover_color: adjust_hue(desaturate(darken($block_header_light_link_text_color, 2%), 10%), 8deg);
 
-$link_dark_color: mix($link_color, $foreground_color, 70%) !default;
-$link_dark_hover_color: mix($link_hover_color, $foreground_color, 70%) !default;
+$media_box_hover_color: darken($media_box_color, 4%);
+$media_box_header_link_text_hover_color: desaturate(darken($link_color, 3%), 18%);
+$media_box_header_link_text_color: $link_color;
+$media_box_header_link_text_hover_color: darken($media_box_header_link_text_color, 10%);
+
+$link_dark_color: mix($link_color, $foreground_color, 70%);
+$link_dark_hover_color: mix($link_hover_color, $foreground_color, 70%);
 
 $image_show_link_color: $link_dark_color;
 $image_show_link_hover_color: $link_dark_hover_color;
 
-$image_overlay_color: $foreground_color !default;
-$image_overlay_background: darken($background_color, 30%) !default;
+$image_overlay_color: $foreground_color;
+$image_overlay_background: darken($background_color, 30%);
 
-$assistant_border_color: lighten($assistant_color, 8%) !default;
+$assistant_border_color: lighten($assistant_color, 8%);
 
-$background_odd_color: darken($background_color, 3%) !default;
-$background_even_color: $background_color !default;
+$admin_links_color: mix($vote_down_color, $background_color, 17%);
+$admin_links_hover_color: mix($vote_down_color, $background_color, 48%);
 
-$success_odd_color: desaturate(darken($success_color, 9%), 2%) !default;
-$success_even_color: saturate(darken($success_light_color, 2%), 2%) !default;
-$warning_odd_color: saturate(darken($warning_color, 19%), 10%) !default;
-$warning_even_color: saturate(darken($warning_light_color, 7%), 7%) !default;
-$danger_odd_color: desaturate(darken($danger_color, 16%), 2%) !default;
-$danger_even_color: darken($danger_light_color, 6%) !default;
+$background_odd_color: darken($background_color, 3%);
+$background_even_color: $background_color;
 
-$input_color_active: lighten($meta_color, 5%) !default;
-$input_border_active: desaturate(lighten($base_color, 2%), 10%) !default;
+$success_odd_color: desaturate(darken($success_color, 9%), 2%);
+$success_even_color: saturate(darken($success_light_color, 2%), 2%);
+$warning_odd_color: saturate(darken($warning_color, 19%), 10%);
+$warning_even_color: saturate(darken($warning_light_color, 7%), 7%);
+$danger_odd_color: desaturate(darken($danger_color, 16%), 2%);
+$danger_even_color: darken($danger_light_color, 6%);
 
-$tag_normal_background: darken($tag_normal_color, 29%) !default;
-$tag_normal_border: darken($tag_normal_color, 18%) !default;
-$tag_category_rating_background: darken($tag_category_rating_color, 35%) !default;
-$tag_category_rating_border: desaturate(darken($tag_category_rating_color, 20%), 10%) !default;
-$tag_category_spoiler_background: darken($tag_category_spoiler_color, 34%) !default;
-$tag_category_spoiler_border: darken($tag_category_spoiler_color, 23%) !default;
-$tag_category_origin_background: darken($tag_category_origin_color, 30%) !default;
-$tag_category_origin_border: desaturate(darken($tag_category_origin_color, 22%), 28%) !default;
-$tag_category_oc_background: darken($tag_category_oc_color, 33%) !default;
-$tag_category_oc_border: darken($tag_category_oc_color, 15%) !default;
-$tag_category_error_background: desaturate(darken($tag_category_error_color, 38%), 6%) !default;
-$tag_category_error_border: darken($tag_category_error_color, 22%) !default;
-$tag_category_character_background: darken($tag_category_character_color, 33%) !default;
-$tag_category_character_border: darken($tag_category_character_color, 20%) !default;
-$tag_category_content_official_background: desaturate(darken($tag_category_content_official_color, 29%), 2%) !default;
-$tag_category_content_official_border: darken($tag_category_content_official_color, 20%) !default;
-$tag_category_content_fanmade_background: darken($tag_category_content_fanmade_color, 40%) !default;
-$tag_category_content_fanmade_border: desaturate(darken($tag_category_content_fanmade_color, 20%), 10%) !default;
-$tag_category_species_background: darken($tag_category_species_color, 40%) !default;
-$tag_category_species_border: desaturate(darken($tag_category_species_color, 20%), 10%) !default;
+$foreground_half_color: mix($foreground_color, $background_color);
 
-$commission_category_background: darken($commission_category_color, 36%) !default;
-$commission_category_border: darken($commission_category_color, 25%) !default;
+$sparkline_color: lighten($base_color, 5%);
 
-$site_notice_link_color: desaturate(lighten($block_header_link_text_color, 8%), 20%) !default;
-$site_notice_link_hover_color: darken($site_notice_link_color, 8%) !default;
+$input_text_color: $foreground_color;
+$input_color: $meta_color;
+$input_border: $meta_border_color;
+$input_color_active: lighten($meta_color, 5%);
+$input_border_active: desaturate(lighten($base_color, 2%), 10%);
 
-/* Import 'common/global' to initialize the remaining properties.
- * Override the ones that do not satisfy the theme below the declaration. */
+$tag_normal_background: darken($tag_normal_color, 29%);
+$tag_normal_border: darken($tag_normal_color, 18%);
+$tag_category_rating_background: darken($tag_category_rating_color, 35%);
+$tag_category_rating_border: desaturate(darken($tag_category_rating_color, 20%), 10%);
+$tag_category_spoiler_background: darken($tag_category_spoiler_color, 34%);
+$tag_category_spoiler_border: darken($tag_category_spoiler_color, 23%);
+$tag_category_origin_background: darken($tag_category_origin_color, 30%);
+$tag_category_origin_border: desaturate(darken($tag_category_origin_color, 22%), 28%);
+$tag_category_oc_background: darken($tag_category_oc_color, 33%);
+$tag_category_oc_border: darken($tag_category_oc_color, 15%);
+$tag_category_error_background: desaturate(darken($tag_category_error_color, 38%), 6%);
+$tag_category_error_border: darken($tag_category_error_color, 22%);
+$tag_category_character_background: darken($tag_category_character_color, 33%);
+$tag_category_character_border: darken($tag_category_character_color, 20%);
+$tag_category_content_official_background: desaturate(darken($tag_category_content_official_color, 29%), 2%);
+$tag_category_content_official_border: darken($tag_category_content_official_color, 20%);
+$tag_category_content_fanmade_background: darken($tag_category_content_fanmade_color, 40%);
+$tag_category_content_fanmade_border: desaturate(darken($tag_category_content_fanmade_color, 20%), 10%);
+$tag_category_species_background: darken($tag_category_species_color, 40%);
+$tag_category_species_border: desaturate(darken($tag_category_species_color, 20%), 10%);
 
-@import "common/global";
+$commission_category_background: darken($commission_category_color, 36%);
+$commission_category_border: darken($commission_category_color, 25%);
 
-$button_primary_border_color: saturate(lighten($primary_light_color, 14%), 22%) !default;
-$button_success_border_color: saturate(lighten($success_light_color, 9%), 10%) !default;
-$button_warning_border_color: saturate(lighten($warning_light_color, 12%), 10%) !default;
-$button_danger_border_color: saturate(lighten($danger_light_color, 18%), 6%) !default;
+$site_notice_link_color: desaturate(lighten($block_header_link_text_color, 8%), 20%);
+$site_notice_link_hover_color: darken($site_notice_link_color, 8%);
+
+$button_text_color: $foreground_color;
+$button_background_color: rgba($meta_color, 0.2);
+$button_hover_background_color: $input_color_active;
+$button_hover_border_color: $input_border_active;
+$button_border_color: $meta_border_color;
+
+$button_primary_background_color: $primary_light_color;
+$button_success_background_color: $success_light_color;
+$button_warning_background_color: $warning_light_color;
+$button_danger_background_color: $danger_light_color;
+
+$button_primary_border_color: saturate(lighten($primary_light_color, 14%), 22%);
+$button_success_border_color: saturate(lighten($success_light_color, 9%), 10%);
+$button_warning_border_color: saturate(lighten($warning_light_color, 12%), 10%);
+$button_danger_border_color: saturate(lighten($danger_light_color, 18%), 6%);
+
+$button_primary_hover_background: darken($button_primary_background_color, 5%);
+$button_primary_hover_border: darken($button_primary_border_color, 5%);
+$button_success_hover_background: darken($button_success_background_color, 5%);
+$button_success_hover_border: darken($button_success_border_color, 5%);
+$button_warning_hover_background: darken($button_warning_background_color, 6%);
+$button_warning_hover_border: darken($button_warning_border_color, 6%);
+$button_danger_hover_background: darken($button_danger_background_color, 5%);
+$button_danger_hover_border: darken($button_danger_border_color, 5%);
+
+$downvote_disabled_color: mix($vote_down_color, $block_header_light_color, 30%);
+$dnp_warning_hover_color: lighten($vote_down_color, 10%);
+$poll_form_label_background: lighten($border_color, 8);
+$tag_dropdown_hover_background: darken($meta_color, 4%);
 
 @import "common/base";