Removed the custom.js and custom.css files from the theme

assets/css/custom.css

@@ -1 +0,0 @@
-/* Custom CSS */

assets/js/custom.js

@@ -1,14 +0,0 @@
-var btn = $('#back-to-top');
-
-$(window).scroll(function() {
-  if ($(window).scrollTop() > 300) {
-    btn.addClass('show');
-  } else {
-    btn.removeClass('show');
-  }
-});
-
-btn.on('click', function(e) {
-  e.preventDefault();
-  $('html, body').animate({scrollTop:0}, '300');
-});

future2021.php

@@ -4,11 +4,34 @@ namespace Grav\Theme;
 use Grav\Common\Grav;
 use Grav\Common\Theme;
 
+/**
+ * Future2021 Theme
+ *
+ * Class Future2021
+ *
+ * @category Extensions
+ * @package  Grav\Theme
+ * @author   Pedro Moreno <https://github.com/pmoreno-rodriguez>
+ * @license  http://www.opensource.org/licenses/mit-license.html MIT License
+ * @link     https://github.com/pmoreno-rodriguez/grav-theme-future2021
+ */
+
+
 class Future2021 extends Theme
 {
-    public function onThemeInitialized()
+    public function onTwigSiteVariables ()
     {
+        $themeConfig = $this->config->get('themes.future2021');
 
+        // Add custom.css and custom.js assets if they exists
+
+        if (isset($themeConfig['custom_css']) && $themeConfig['custom_css'] && file_exists(__DIR__ . '/assets/css/custom.css')) {
+            $this->grav['assets']->addCss('theme://assets/css/custom.css', ['priority' => 5]);
+        }
+
+        if (isset($themeConfig['custom_js']) && $themeConfig['custom_js'] && file_exists(__DIR__ . '/assets/js/custom.js')) {
+            $this->grav['assets']->addJs('theme://assets/js/custom.js', ['group' => 'bottom', 'priority' => 15]);
+        }
     }
 
     // Add images to twig template paths to allow inclusion of SVG files

languages.yaml

@@ -16,6 +16,10 @@ en:
         TYPE_LOGO_HEADER_TEXT: Text
         TYPE_LOGO_HEADER_BOTH: Both
         SLOGAN: Slogan
+        CUSTOM_CSS: Load Custom CSS
+        CUSTOM_CSS_HELP: Load custom CSS styles from theme://assets/css/custom.css
+        CUSTOM_JS: Load Custom JS
+        CUSTOM_JS_HELP: Load custom JS from theme://assets/css/custom.js
         MENU:
           TITLE: Top Menu Configuration
           LANGSWITCHER: Enable Langswitcher icon
@@ -299,6 +303,10 @@ de:
         TYPE_LOGO_HEADER_TEXT: Text
         TYPE_LOGO_HEADER_BOTH: Beide
         SLOGAN: Motto
+        CUSTOM_CSS: Benutzerdefiniertes CSS laden
+        CUSTOM_CSS_HELP: Benutzerdefinierte CSS-Stile aus theme://assets/css/custom.css laden
+        CUSTOM_JS: Benutzerdefiniertes JS laden
+        CUSTOM_JS_HELP: Benutzerdefiniertes JS aus theme://assets/css/custom.js laden
         MENU:
           TITLE: Menü-Konfiguration
           LANGSWITCHER: Sprachauswahl aktivieren
@@ -579,6 +587,10 @@ es:
         TYPE_LOGO_HEADER_TEXT: Texto
         TYPE_LOGO_HEADER_BOTH: Ambos
         SLOGAN: Slogan
+        CUSTOM_CSS: Cargar CSS personalizado
+        CUSTOM_CSS_HELP: Carga los estilos CSS personalizados desde theme://assets/css/custom.css
+        CUSTOM_JS: Cargar JS personalizado
+        CUSTOM_JS_HELP: Carga JS personalizado desde theme://assets/css/custom.js
         MENU:
           TITLE: Configuración del Menú Superior
           LANGSWITCHER: Habilitar icono Idioma
@@ -862,6 +874,10 @@ nl:
         TYPE_LOGO_HEADER_TEXT: Tekst
         TYPE_LOGO_HEADER_BOTH: Beide
         SLOGAN: Leuze
+        CUSTOM_CSS: Aangepaste CSS laden
+        CUSTOM_CSS_HELP: Laad aangepaste CSS-stijlen van theme://assets/css/custom.css
+        CUSTOM_JS: Aangepaste JS laden
+        CUSTOM_JS_HELP: Laad aangepaste JS van theme://assets/css/custom.js
         MENU:
           TITLE: Topmenuconfiguratie
           LANGSWITCHER: Icoon taalkeuze inschakelen