From da1a98ebc3382c65e3603f5ac42d070a56d1e2ba Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Thu, 7 Dec 2023 11:50:44 +0300 Subject: [PATCH] Remove visual design in favor of the new upcoming one. --- assets/menu/menu.json | 4 ---- doc/installation/PluginDoc.vue | 5 ++++- doc/theming/CustomThemeDoc.vue | 15 ++------------- pages/landing/FooterSection.vue | 25 +++++++++++-------------- pages/landing/ThemeSection.vue | 1 - 5 files changed, 17 insertions(+), 33 deletions(-) diff --git a/assets/menu/menu.json b/assets/menu/menu.json index e4021cf7a..d754d176c 100644 --- a/assets/menu/menu.json +++ b/assets/menu/menu.json @@ -448,10 +448,6 @@ "name": "Overview", "to": "/theming" }, - { - "name": "Visual Editor", - "href": "https://designer.primevue.org" - }, { "name": "Colors", "to": "/colors" diff --git a/doc/installation/PluginDoc.vue b/doc/installation/PluginDoc.vue index 91b343ef9..038c128e1 100644 --- a/doc/installation/PluginDoc.vue +++ b/doc/installation/PluginDoc.vue @@ -1,6 +1,9 @@ diff --git a/doc/theming/CustomThemeDoc.vue b/doc/theming/CustomThemeDoc.vue index 0f5fecf13..705a95afa 100644 --- a/doc/theming/CustomThemeDoc.vue +++ b/doc/theming/CustomThemeDoc.vue @@ -5,19 +5,8 @@ of the built-in themes so that you may customize an existing theme or create your own. The scss variables used in a theme are available at the SASS API documentation.

- There are 3 alternatives to create your own theme. First option is using the Visual Editor, second one is compiling a theme with command line sass and final alternative is embedding scss files within your project to let your build - environment do the compilation. In all cases, the generated theme file should be imported to your project. We've created a video tutorial that demonstrates all three options. -

- -
- -
- -

Visual Editor

-

- Visual Editor is an easy way to quickly customize an existing theme without dealing with the details of the SASS API. The editor allows changing common settings like primary color for built-in - themes. Once you have completed the design, click the download button to access the generated theme.css file and import it to your project as an asset. In near future, an advanced UI Designer will be available with the ability to - edit all variables and components where you'll also be able to save your themes when accessed with an account. + There are 2 alternatives to create your own theme. First option is compiling a theme with command line sass whereas second option is embedding scss files within your project to let your build environment do the compilation. In all cases, + the generated theme file should be imported to your project.

Theme SCSS

diff --git a/pages/landing/FooterSection.vue b/pages/landing/FooterSection.vue index 086126244..ce7c65245 100644 --- a/pages/landing/FooterSection.vue +++ b/pages/landing/FooterSection.vue @@ -27,6 +27,17 @@ +
+ +
-
- -

diff --git a/pages/landing/ThemeSection.vue b/pages/landing/ThemeSection.vue index e149b0c9e..282836aa2 100644 --- a/pages/landing/ThemeSection.vue +++ b/pages/landing/ThemeSection.vue @@ -6,7 +6,6 @@ - more...