diff --git a/zero.Core/Entities/Modules/Module.cs b/zero.Core/Entities/Modules/Module.cs
new file mode 100644
index 00000000..3cbbf91a
--- /dev/null
+++ b/zero.Core/Entities/Modules/Module.cs
@@ -0,0 +1,42 @@
+using System;
+
+namespace zero.Core.Entities
+{
+ ///
+ /// A module can consist of unlimited properties and be rendered as you wish
+ /// The backoffice rendering is done by an IRenderer
+ ///
+ public class Module : IModule
+ {
+ ///
+ public string Id { get; set; }
+
+ ///
+ public uint Sort { get; set; }
+
+ ///
+ public bool IsActive { get; set; }
+
+ ///
+ public string ModuleTypeAlias { get; set; }
+ }
+
+
+ public interface IModule : IZeroIdEntity
+ {
+ ///
+ /// Sort order
+ ///
+ uint Sort { get; set; }
+
+ ///
+ /// Whether the module is visible in the frontend
+ ///
+ bool IsActive { get; set; }
+
+ ///
+ /// Alias of the used module type
+ ///
+ string ModuleTypeAlias { get; set; }
+ }
+}
\ No newline at end of file
diff --git a/zero.Debug/Renderers/modules/text.module.js b/zero.Debug/Renderers/modules/text.module.js
new file mode 100644
index 00000000..93e76a12
--- /dev/null
+++ b/zero.Debug/Renderers/modules/text.module.js
@@ -0,0 +1,30 @@
+export default {
+ alias: 'text.module',
+
+ // define layouts users can switch between
+ layouts: [
+ {
+ label: 'Default',
+ preview: '/images/rte-layout1.png'
+ },
+ {
+ label: 'Big',
+ preview: '/images/rte-layout2.png'
+ },
+ ],
+
+ // define a preview which is rendered in the overview
+ preview: {
+ template: '
'
+ },
+
+ fields: [
+ {
+ field: 'text',
+ display: 'rte',
+ label: 'Text',
+ description: 'Enter rich-text',
+ required: true
+ }
+ ]
+};
\ No newline at end of file
diff --git a/zero.Web.UI/App/editor/editor-component.vue b/zero.Web.UI/App/editor/editor-component.vue
index e4e10106..b4bee49e 100644
--- a/zero.Web.UI/App/editor/editor-component.vue
+++ b/zero.Web.UI/App/editor/editor-component.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/zero.Web.UI/App/pages/pages/page.vue b/zero.Web.UI/App/pages/pages/page.vue
index fcc5fe9d..4a197b01 100644
--- a/zero.Web.UI/App/pages/pages/page.vue
+++ b/zero.Web.UI/App/pages/pages/page.vue
@@ -6,7 +6,7 @@
-
+
diff --git a/zero.Web.UI/Sass/Core/_settings.scss b/zero.Web.UI/Sass/Core/_settings.scss
index cb32007d..5560dad1 100644
--- a/zero.Web.UI/Sass/Core/_settings.scss
+++ b/zero.Web.UI/Sass/Core/_settings.scss
@@ -133,6 +133,7 @@
}
+
// theme-agnostic colors
:root
{