fix

app/code/JTool/toolbar/Plugin/Catalog/Block/Toolbar.php

+<?php
+namespace JTool\toolbar\Plugin\Catalog\Block;
+class Toolbar
+{
+    public function aroundSetCollection(\Magento\Catalog\Block\Product\ProductList\Toolbar $subject,
+                                        \Closure $proceed, $collection)
+    {
+        //ordered_qty
+        $currentOrder = $subject->getCurrentOrder();
+        $this->_collection = $collection;
+        $result = $proceed($collection);
+        if($currentOrder)
+        {
+            if($currentOrder == 'high_to_low')
+            {
+                $subject->getCollection()->setOrder('price', 'desc');
+            }
+            elseif ($currentOrder == 'low_to_high')
+            {
+                $subject->getCollection()->setOrder('price', 'asc');
+            }
+            elseif ($currentOrder == 'new_arrivals')
+            {
+                $this->_collection->getSelect()->order('e.created_at DESC');
+            }
+
+        }
+        return $result;
+    }
+}
\ No newline at end of file

app/code/JTool/toolbar/Plugin/Catalog/Model/Config.php

+<?php
+
+namespace JTool\toolbar\Plugin\Catalog\Model;
+
+class Config
+{
+    public function afterGetAttributeUsedForSortByArray(\Magento\Catalog\Model\Config $catalogConfig, $options)
+    {
+        $options['new_arrivals'] = __('New Arrivals');
+        $options['low_to_high'] = __('Price Low To High');
+        $options['high_to_low'] = __('Price High To Low');
+
+        unset($options['price']);
+        return $options;
+    }
+}
\ No newline at end of file

app/code/JTool/toolbar/etc/di.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <type name="Magento\Catalog\Block\Product\ProductList\Toolbar">
+        <plugin name="custom_custom_block_toolbar" type="JTool\toolbar\Plugin\Catalog\Block\Toolbar"/>
+    </type>
+    <type name="Magento\Catalog\Model\Config">
+        <plugin name="custom_catalog_model_config" type="JTool\toolbar\Plugin\Catalog\Model\Config"/>
+    </type>
+</config>
\ No newline at end of file

app/code/JTool/toolbar/etc/module.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
+    <module name="JTool_toolbar" setup_version="1.0.0"/>
+</config>
\ No newline at end of file

app/code/JTool/toolbar/registration.php

+<?php
+\Magento\Framework\Component\ComponentRegistrar::register(\Magento\Framework\Component\ComponentRegistrar::MODULE,
+    'JTool_toolbar',
+    __DIR__
+);
\ No newline at end of file

app/code/Magento/Swatches/view/base/web/js/swatch-renderer.js

@@ -577,12 +577,12 @@ define([
                     // Color
                     // Color
                     html += '<div class="' + optionClass + ' color" ' + attr +
                     html += '<div class="' + optionClass + ' color" ' + attr +
                         ' style="background: ' + value +
                         ' style="background: ' + value +
-                        ' no-repeat center; background-size: initial;">' + '' +
+                        ' no-repeat center; background-size: cover;">' + '' +
                         '</div>';
                         '</div>';
                 } else if (type === 2) {
                 } else if (type === 2) {
                     // Image
                     // Image
                     html += '<div class="' + optionClass + ' image" ' + attr +
                     html += '<div class="' + optionClass + ' image" ' + attr +
-                        ' style="background: url(' + value + ') no-repeat center; background-size: initial;width:' +
+                        ' style="background: url(' + value + ') no-repeat center; background-size: cover;width:' +
                         swatchImageWidth + 'px; height:' + swatchImageHeight + 'px">' + '' +
                         swatchImageWidth + 'px; height:' + swatchImageHeight + 'px">' + '' +
                         '</div>';
                         '</div>';
                 } else if (type === 3) {
                 } else if (type === 3) {

app/design/frontend/Joshine/breeze/etc/view.xml

@@ -95,6 +95,11 @@
                 <height>110</height>
                 <height>110</height>
             </image>
             </image>
 
 
+            <image id="swatch_image" type="swatch_image">
+                <width>40</width>
+                <height>50</height>
+            </image>
+
             <!-- These lists use category_page_grid fallback. Not need to declare srcset for them -->
             <!-- These lists use category_page_grid fallback. Not need to declare srcset for them -->
             <image id="related_products_list" type="small_image">
             <image id="related_products_list" type="small_image">
                 <width>300</width>
                 <width>300</width>