styling: Fix colored links text hover on dark theme

closes #547 (Text-success hover on dark theme)

resources/assets/themes/theme7.less

@@ -900,27 +900,32 @@ THE SOFTWARE.
 // Typography =================================================================
 
 .text-primary,
-.text-primary:hover {
+.text-primary:hover,
+a.text-primary:hover {
   color: @brand-primary;
 }
 
 .text-success,
-.text-success:hover {
+.text-success:hover,
+a.text-success:hover {
   color: @brand-success;
 }
 
 .text-danger,
-.text-danger:hover {
+.text-danger:hover,
+a.text-danger:hover {
   color: @brand-danger;
 }
 
 .text-warning,
-.text-warning:hover {
+.text-warning:hover,
+a.text-warning:hover {
   color: @brand-warning;
 }
 
 .text-info,
-.text-info:hover {
+.text-info:hover,
+a.text-info:hover {
   color: @brand-info;
 }
 

webpack.config.js

@@ -58,9 +58,7 @@ module.exports = {
       {
         test: /\.(less|css)$/,
         use: [
-          {
+          { loader: MiniCssExtractPlugin.loader },
-            loader: __DEV__ ? 'style-loader' : MiniCssExtractPlugin.loader,
-          },
           { loader: 'css-loader', options: { importLoaders: 1 } },
           { loader: 'less-loader' },
         ]