cuba-platform / helium-theme-editor Goto Github PK

Wait before theme properties creation will be supported in Studio

See cuba-platform/helium-theme#14

Select any --primary-color, e.g. #204fff

AR:

--primary-dim-color is darker even than --primary-color-shade-2 (#002bc7)

ER:

--primary-dim-color is lighter than --primary-color

Problem

The editor is actual for the particular version of the Helium add-on (latest release). For earlier versions there may be some discrepancies e.g. in variable names which will confuse users.

Suggested solution

Display version of the Helium which is currently used in editor. Potentially leave instruction how to run editor for previous versions

Solution

STR

• Change primary color.
• Switch to dark preset.
• Press ok in warning dialog.

Also primary color is not cleared to preset's one.

When configuring the buttons, I used the built-in Cuba platform styles: primary, default, danger, secondary
I configured colors according to these styles (screen 1), uploaded and added variables to the project (see screen 2, they are already filled in the demo stand)
on the 3rd screen the register button has a disabled class. Style for disabled button are not applied

Please check a issue.

1280x1024:

Environment

Browser: Firefox 75.0

Description of the bug or enhancement

1. Click on the All Components
2. Scroll to the PickerFiald groupbox
3. Open lookup screen to select a related entity

A.R. Access denied error message occurs.
Error appears for all Pickerfield in the PickerField groupbox that have "Open lookup screen" button

Also, Bug reproduce for LookupPickerField

Generic functionality, extract cobalt from theme

Browser: Microsoft Edge

Currently list of variables is placed in web/VAADIN/scss/helium-ext-variables.scss

1. Click All Components
2. Go to Dialogs
3. Click Show Input Dialog

E.R. Message opened
A.R. Access denied

It's not obvious that after inserting theme variable we need to lose focus from the text area in order to make the Apply button active.

It seems that HeliumThemeVariantsManager#loadUserAppThemeModeSettingOrDefault should be used here:

// ComponentSandbox
protected void initSizeField() {
    sizeField.setOptionsList(variantsManager.getAppThemeSizeList());
    sizeField.setValue(variantsManager.loadUserAppThemeSizeSetting());
}

Environment

Browser: Firefox 75.0

Description of the bug or enhancement

1. Select the dark Color Preset
2. Set the custom color for the --background-color
3. Set the other custom color for the border-color
   
4. Reset --background-color

AR: The --border-color property was assigned to the color --background-color, and the Color Preset property was not changed to a dark value

Also, child value incorrectly reset for the other properties.

There is no ability to specify color via rgb, hsl, etc.

For now unexpected error occurred: