Merge pull request #3 from themeselection/design-update

Merging: design-update branch to main branch

Author: Vatsal6288

README.md

@@ -1,6 +1,6 @@
 <p align="center">
    <a href="https://themeselection.com/item/materio-free-bootstrap-html-admin-template/" target="_blank">
-      <img src="https://user-images.githubusercontent.com/64475785/158384184-1fe44a59-6b68-40f5-b860-d14c51f0ce5d.svg" alt="materio-logo" width="60px" height="auto">
+      <img src="https://cdn.themeselection.com/ts-assets/materio/logo/logo.png" alt="materio-logo" width="40px" height="auto">
    </a>
 </p>
 
@@ -12,9 +12,9 @@
 
 <p align="center">Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers!</p>
 
-![GitHub](https://img.shields.io/github/license/themeselection/materio-bootstrap-html-aspnet-core-mvc-admin-template-free) ![GitHub release (latest by date)](https://img.shields.io/github/v/release/themeselection/materio-bootstrap-html-aspnet-core-mvc-admin-template-free) ![GitHub issues](https://img.shields.io/github/issues/themeselection/materio-bootstrap-html-aspnet-core-mvc-admin-template-free) ![GitHub closed issues](https://img.shields.io/github/issues-closed/themeselection/materio-bootstrap-html-aspnet-core-mvc-admin-template-free) ![Twitter Follow](https://img.shields.io/twitter/follow/Theme_Selection?style=social)
+![GitHub](https://img.shields.io/github/license/themeselection/materio-bootstrap-html-admin-template-free) ![GitHub release (latest by date)](https://img.shields.io/github/v/release/themeselection/materio-bootstrap-html-admin-template-free) ![GitHub issues](https://img.shields.io/github/issues/themeselection/materio-bootstrap-html-admin-template-free) ![GitHub closed issues](https://img.shields.io/github/issues-closed/themeselection/materio-bootstrap-html-admin-template-free) ![Twitter Follow](https://img.shields.io/twitter/follow/Theme_Selection?style=social)
 
-[![Materio - Bootstrap 5 HTML Admin Template Demo Screenshot](https://cdn.jsdelivr.net/gh/themeselection/ts-assets/materio/materio-bootstrap-html-admin-template-free/banner/materio-html-free.png)](https://themeselection.com/item/materio-free-bootstrap-html-admin-template/)
+[![Materio - Bootstrap 5 HTML Admin Template Demo Screenshot](https://cdn.themeselection.com/ts-assets/materio/materio-bootstrap-html-admin-template-free/banner/banner.png)](https://themeselection.com/item/materio-free-bootstrap-html-admin-template/)
 
 ## Introduction 🚀
 
@@ -51,7 +51,7 @@ Please [visit](https://demos.themeselection.com/materio-bootstrap-html-admin-tem
 - Extended UI
   - Perfect Scrollbar
   - Text Divider
-- Material Design Icons (MDI)
+- Remix Icons (RI)
 - Form Elements
   - Basic Inputs
   - Input Groups
@@ -169,22 +169,22 @@ For free products, enjoy community support via GitHub issues. Upgrade to Premium
 
 **[ThemeSelection](https://themeselection.com/)** provides Selected high quality, modern design, professional and easy-to-use **Fully Coded Dashboard Templates & UI Kits** to create your applications faster!
 
-- [Bootstrap Admin Templates](https://themeselection.com/products/category/bootstrap-admin-templates/)
-- [VueJS Admin Templates](https://themeselection.com/products/category/vuejs-admin-templates/)
-- [Laravel Admin Templates](https://themeselection.com/products/category/laravel-admin-templates/)
+- [Bootstrap Admin Templates](https://themeselection.com/item/category/bootstrap-admin-template/)
+- [VueJS Admin Templates](https://themeselection.com/item/category/vuejs-admin-templates/)
+- [Laravel Admin Templates](https://themeselection.com/item/category/laravel-admin-templates/)
 - [Django Admin Templates](https://themeselection.com/item/category/django-admin-template/)
 - [React (NextJS) Admin Templates](https://themeselection.com/item/category/next-js-admin-template/)
 - [ASP.Net Core Admin Templates](https://themeselection.com/item/category/asp-net-dashboard/)
-- [Free UI Kits](https://themeselection.com/products/category/free-ui-kits/)
+- [Free UI Kits](https://themeselection.com/item/category/free-ui-kits/) 
 
-If you want to [Download Free Admin Templates](https://themeselection.com/products/category/download-free-admin-templates/) like Materio then do visit [ThemeSelection](https://themeselection.com/).
+If you want to [Download Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/) like Materio then do visit [ThemeSelection](https://themeselection.com/).
 
 ## Useful Links 🎁
 
-- [Freebies](https://themeselection.com/products/category/download-free-admin-templates/)
-- [Download Free Admin Templates](https://themeselection.com/products/category/download-free-admin-templates/)
-- [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
 - [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)
+- [Freebies](https://themeselection.com/item/category/free-admin-templates/)
+- [Download Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/)
+- [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
 
 ## Social Media :earth_africa:
 

assets/css/demo.css

@@ -20,6 +20,10 @@
   font-size: 1.25rem;
 }
 
+.authentication-wrapper .app-brand-text.demo {
+  font-size: 1.5rem;
+  text-transform: capitalize;
+}
 /* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
 .layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
   padding-top: 64px !important;

assets/img/icons/misc/aviato.png

@@ -8,23 +8,23 @@
 'use strict';
 
 // JS global variables
-let config = {
+window.config = {
   colors: {
-    primary: '#9055fd',
+    primary: '#8c57ff',
     secondary: '#8a8d93',
     success: '#56ca00',
     info: '#16b1ff',
     warning: '#ffb400',
     danger: '#ff4c51',
     dark: '#4b4b4b',
-    black: '#3a3541',
+    black: '#2e263d',
     white: '#fff',
     cardColor: '#fff',
     bodyBg: '#f4f5fa',
-    bodyColor: '#89868d',
-    headingColor: '#544f5a',
-    textMuted: '#b4b2b7',
-    borderColor: '#e7e7e8',
+    bodyColor: '#6D6777',
+    headingColor: '#433C50',
+    textMuted: '#ABA8B1',
+    borderColor: '#E6E5E8',
     chartBgColor: '#F0F2F8'
   }
 };

assets/img/icons/misc/bitbank.png

@@ -70,6 +70,9 @@
         }
       },
       xaxis: {
+        axisTicks: { show: false },
+        crosshairs: { opacity: 0 },
+        axisBorder: { show: false },
         categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
         tickPlacement: 'on',
         labels: {
@@ -92,7 +95,7 @@
             return parseInt(val) + 'K';
           },
           style: {
-            fontSize: '0.75rem',
+            fontSize: '13px',
             fontFamily: 'Inter',
             colors: labelColor
           }

assets/img/icons/misc/zipcar.png

@@ -117,12 +117,14 @@ let menu, animate;
     return new bootstrap.Tooltip(tooltipTriggerEl);
   });
 
-  // Accordion active class
+  // Accordion active class and previous-active class
   const accordionActiveFunction = function (e) {
     if (e.type == 'show.bs.collapse' || e.type == 'show.bs.collapse') {
       e.target.closest('.accordion-item').classList.add('active');
+      e.target.closest('.accordion-item').previousElementSibling?.classList.add('previous-active');
     } else {
       e.target.closest('.accordion-item').classList.remove('active');
+      e.target.closest('.accordion-item').previousElementSibling?.classList.remove('previous-active');
     }
   };