started erable theme

config/sync/core.extension.yml

@@ -105,4 +105,6 @@ module:
 theme:
   seven: 0
   adminimal_theme: 0
+  stark: 0
+  erabletheme: 0
 profile: figli_starter_kit

config/sync/system.theme.yml

@@ -1,4 +1,5 @@
 _core:
   default_config_hash: TpdA4rsOBAawnqeon9A-Ooht_4VO3hHKib79xyHcTyg
-admin: adminimal_theme
 langcode: fr
+admin: adminimal_theme
+default: erabletheme

web/themes/erabletheme/erabletheme.info.yml

@@ -0,0 +1,21 @@
+name: erabletheme
+type: theme
+base theme: stark
+description: A flexible theme with a responsive, mobile-first layout.
+package: Custom
+core: 8.x
+core_version_requirement: ^8 || ^9 || ^10
+libraries:
+  - erabletheme/global
+regions:
+  header: 'Header'
+  primary_menu: 'Primary menu'
+  secondary_menu: 'Secondary menu'
+  page_top: 'Page top'
+  page_bottom: 'Page bottom'
+  featured: 'Featured'
+  breadcrumb: 'Breadcrumb'
+  content: 'Content'
+  sidebar_first: 'Sidebar first'
+  sidebar_second: 'Sidebar second'
+  footer: 'Footer'

web/themes/erabletheme/erabletheme.libraries.yml

@@ -0,0 +1,7 @@
+# Main theme library.
+global:
+  js:
+    js/erabletheme.js: {}
+  css:
+    theme:
+      css/styles.css: {}

web/themes/erabletheme/erabletheme.theme

@@ -0,0 +1,27 @@
+<?php
+
+/**
+ * @file
+ * Functions to support theming in the erabletheme theme.
+ */
+
+/**
+ * Implements hook_preprocess_HOOK() for html.html.twig.
+ */
+function erabletheme_preprocess_html(&$variables) {
+
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for page.html.twig.
+ */
+function erabletheme_preprocess_page(&$variables) {
+
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for node.html.twig.
+ */
+function erabletheme_preprocess_node(&$variables) {
+
+}

web/themes/erabletheme/js/erabletheme.js

@@ -0,0 +1,17 @@
+/**
+ * @file
+ * erabletheme behaviors.
+ */
+(function (Drupal) {
+
+  'use strict';
+
+  Drupal.behaviors.erabletheme = {
+    attach: function (context, settings) {
+
+      console.log('It works!');
+
+    }
+  };
+
+} (Drupal));

web/themes/erabletheme/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60">
+  <rect x="3" y="3" rx="10" ry="10" width="94" height="54" style="stroke: #187bb8; fill: #f5f5ff;"/>
+  <text x="50%" y="50%" text-anchor="middle" alignment-baseline="middle" style="font-family: Arial, 'Helvetica Neue', Helvetica; fill: #187bb8;">erabletheme logo</text>
+</svg>

web/themes/erabletheme/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "erabletheme",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "sass": "node-sass -w scss/ -o css/"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "node-sass": "^9.0.0"
+  }
+}

web/themes/erabletheme/scss/styles.scss

@@ -0,0 +1,3 @@
+body{
+  // background-color: red;
+}