fix: prevent dark mode styles from being used when using light mode

[pzhlkj6612]

Fix #81.

The AI told me to make this fix, then I tried and it worked. Let me try explaining it:

We have @import "dark-mode.less" in "hux-blog.less":

hibikilogy.github.io/less/hux-blog.less

Lines 1 to 5 in 492a71c

	@import "variables.less";
	@import "mixins.less";
	@import "sidebar.less";
	@import "side-catalog.less";
	@import "dark-mode.less";

In "variables.less" we have @disabled-bg: @light-disabled-bg, while in "dark-mode.less" we have @disabled-bg: @dark-disabled-bg:

hibikilogy.github.io/less/variables.less

Lines 22 to 23 in 492a71c

	@disabled-bg: @light-disabled-bg;
	@disabled-text: @light-disabled-text;

hibikilogy.github.io/less/dark-mode.less

Lines 16 to 17 in 492a71c

	@disabled-bg: @dark-disabled-bg;
	@disabled-text: @dark-disabled-text;

Later @imports overrides earlier defined variable. As a result, we got the wrong background color here:

hibikilogy.github.io/less/hux-blog.less

Lines 861 to 873 in 492a71c

	.disabled {
	>a,
	>a:hover,
	>a:focus,
	>span {
	color: @gray;
	background-color: @disabled-bg;
	cursor: not-allowed;
	pointer-events: none;
	}
	}
	}

That's why we couldn't see !important in the wrong style of these buttons in light mode.

We don't need to import "dark-mode" style into "hux-blog" style because:

1. the dark mode CSS has already been loaded by "head.html":

   hibikilogy.github.io/_includes/head.html

   Lines 28 to 32 in 492a71c

   	<!-- Custom CSS -->
   	<link rel="stylesheet" href="{{ "/css/hux-blog.min.css" | prepend: site.baseurl }}">
   	<!-- Dark Mode CSS -->
   	<link rel="stylesheet" href="{{ "/css/dark-mode.css" | prepend: site.baseurl }}">

2. That looks really like a bug.

.