chore: auto update samples

HOW-TO.md

@@ -144,15 +144,19 @@ For `liferay-sample-etc-cron` and `liferay-sample-etc-spring-boot` the third typ
 
 - *liferay-sample-theme-css-1*
 
-	Extend a theme's CSS with a CSS that uses `styled` as its base theme.
+	Extend the CSS of the `styled` theme.
 
 - *liferay-sample-theme-css-2*
 
-	Extend a theme's CSS with a CSS that uses `unstyled` as its base theme.
+	Extend the CSS of the `styled` theme and apply it to admin pages.
 
 - *liferay-sample-theme-css-3*
 
-	Extend a theme's CSS with CSS that uses a frontend-token-definition.json file.
+	Extend the CSS of the `unstyled` theme.
+
+- *liferay-sample-theme-css-4*
+
+	Extend the CSS of the `unstyled` theme and provide frontend token definitions.
 
 - *liferay-sample-theme-favicon*
 

liferay-sample-theme-css-4/client-extension.yaml

@@ -0,0 +1,13 @@
+assemble:
+    - from: build/buildTheme/img
+      into: static/img
+    - from: build/buildTheme/images
+      into: static/images
+liferay-sample-theme-css-4:
+    clayRTLURL: css/clay_rtl.css
+    clayURL: css/clay.css
+    frontendTokenDefinitionJSON: src/frontend-token-definition.json
+    mainRTLURL: css/main_rtl.css
+    mainURL: css/main.css
+    name: Liferay Sample Theme CSS 4
+    type: themeCSS

liferay-sample-theme-css-token-definition/client-extension.yaml

@@ -6,7 +6,6 @@ assemble:
 liferay-sample-theme-css-3:
     clayRTLURL: css/clay_rtl.css
     clayURL: css/clay.css
-    frontendTokenDefinitionJSON: src/frontend-token-definition.json
     mainRTLURL: css/main_rtl.css
     mainURL: css/main.css
     name: Liferay Sample Theme CSS 3

liferay-sample-theme-css-token-definition/package.json

@@ -0,0 +1,11 @@
+{
+	"dependencies": {
+		"sassy-inputs": "1.0.6"
+	},
+	"liferayDesignPack": {
+		"baseTheme": "unstyled"
+	},
+	"main": "package.json",
+	"name": "@liferay/liferay-sample-theme-css-3",
+	"version": "0.0.0"
+}

liferay-sample-theme-css-token-definition/src/css/_custom.scss

@@ -0,0 +1,5 @@
+@import 'sassy-inputs/sass/main';
+
+header {
+	background-image: url(../img/header_bg.jpg);
+}

liferay-sample-theme-css-unstyled/client-extension.yaml

@@ -9,4 +9,5 @@ liferay-sample-theme-css-2:
     mainRTLURL: css/main_rtl.css
     mainURL: css/main.css
     name: Liferay Sample Theme CSS 2
+    scope: controlPanel
     type: themeCSS

liferay-sample-theme-css-unstyled/package.json

@@ -1,9 +1,6 @@
 {
-	"dependencies": {
-		"sassy-inputs": "1.0.6"
-	},
 	"liferayDesignPack": {
-		"baseTheme": "unstyled"
+		"baseTheme": "styled"
 	},
 	"main": "package.json",
 	"name": "@liferay/liferay-sample-theme-css-2",

liferay-sample-theme-css-unstyled/src/css/_custom.scss

@@ -1,5 +1,17 @@
-@import 'sassy-inputs/sass/main';
+.control-menu {
+	background: linear-gradient(
+		105deg,
+		#003f5b,
+		#2b4b7d,
+		#5f5195,
+		#98509d,
+		#cc4c91,
+		#f25375,
+		#ff6f4e,
+		#ff9913
+	) !important;
+}
 
-header {
-	background-image: url(../img/header_bg.jpg);
+.control-menu-level-1-heading {
+	color: #fff !important;
 }