Openbravo Issue Tracking System - POS2
View Issue Details
0050375POS2Corepublic2022-09-29 17:172022-10-13 16:19
dbaz 
migueldejuana 
highmajoralways
closedfixed 
5
 
23Q1 
No
0050375: Primary and Secondary color variables should be revisited
The current situation is:

primary:
*Pay button and primary popup buttons
*Secondary popup buttons label
*Receipt header
*Scrollbar
*Active element selection
*Login spinning
*Grid header
*Label and focused status in inputs
*Checkboxes
*Radio buttons
*Date picker
*Quantity bubble in receipt
*Receipt header in multiselection mode
*Discount bubble
*Payments and proof of payments vertical separation
*Grid selection
*Menu wizard selection

secondary:
*Not primary buttons on toolbars

We plan to move to this situation (already donde in Figma):

primary:
*Receipt header
*Scrollbar
*Active element selection
*Login spinning
*Grid header
*Label and focused status in inputs
*Checkboxes
*Radio buttons
*Date picker
*Quantity bubble in receipt
*Receipt header in multiselection mode
*Discount bubble
*Payments and proof of payments vertical separation
*Grid selection
*Menu wizard selection

secondary:
*Pay button and primary popup buttons
*Secondary popup buttons label

tertiary:
*Not primary buttons on toolbars

Together with this, primary-variant, secondary-variant, background-variant, surface-variant (if exist) should be removed.

Another new colors are needed
*surface-inverse
*on-surface-inverse
(check Figma to see its values in dark theme)


NOTE: Custom modules should be also revisited (ask dbaz)
.
This is just a suggestion of an efficient flow of solving it, but do it as you consider.

Search for "variant" in SCSS and swap them by the no variant class.

Massively replace, in this order:
"--obc2-color-secondary" by "--obc2-color-tertiary"
"--obc2-color-on-secondary" by "--obc2-color-on-tertiary"

Create new variables:
  --obc2-color-tertiary-*
  --obc2-color-on-tertiary-*

Search the componens in charge of the "Pay", "Apply" etc buttons, and the one in charge of the modal popup buttons, and replace the "-primary-" by "-secondary-"
No tags attached.
Issue History
2022-09-29 17:17dbazNew Issue
2022-09-29 17:17dbazAssigned To => migueldejuana
2022-09-29 17:17dbazTriggers an Emergency Pack => No
2022-10-01 14:46dbazDescription Updatedbug_revision_view_page.php?rev_id=24814#r24814
2022-10-01 14:46dbazProposed Solution updated
2022-10-11 16:09dbazProposed Solution updated
2022-10-11 16:11dbazProposed Solution updated
2022-10-13 11:05hgbotNote Added: 0142008
2022-10-13 14:23hgbotNote Added: 0142017
2022-10-13 14:29hgbotNote Added: 0142018
2022-10-13 16:19hgbotResolutionopen => fixed
2022-10-13 16:19hgbotStatusnew => closed
2022-10-13 16:19hgbotNote Added: 0142028
2022-10-13 16:19hgbotFixed in Version => 23Q1
2022-10-13 16:19hgbotNote Added: 0142029
2022-10-13 16:19hgbotNote Added: 0142030
2022-10-13 16:19hgbotNote Added: 0142031
2022-10-13 16:19hgbotNote Added: 0142032
2022-10-13 16:19hgbotNote Added: 0142033

Notes
(0142008)
hgbot   
2022-10-13 11:05   
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/867 [^]
(0142017)
hgbot   
2022-10-13 14:23   
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/1273 [^]
(0142018)
hgbot   
2022-10-13 14:29   
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2.restaurant/-/merge_requests/179 [^]
(0142028)
hgbot   
2022-10-13 16:19   
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/867 [^]
(0142029)
hgbot   
2022-10-13 16:19   
Directly closing issue as related merge request is already approved.

Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2 [^]
Changeset: 3084d3a8698abbfb88fc52e22d57c186c4c063c6
Author: Miguel de Juana <miguel.dejuana@openbravo.com>
Date: 13-10-2022 14:19:12
URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/commit/3084d3a8698abbfb88fc52e22d57c186c4c063c6 [^]

Fixes ISSUE-0050375: Primary and Secondary color variables should be revisited

---
M web-jspack/org.openbravo.core2/src/assets/style/color.scss
M web-jspack/org.openbravo.core2/src/components/AppBar/AppBar.scss
M web-jspack/org.openbravo.core2/src/components/AppBar/UserButton/UserButton.scss
M web-jspack/org.openbravo.core2/src/components/ApprovalDialog/ApprovalDialog.scss
M web-jspack/org.openbravo.core2/src/components/BaseAccordion/stories/BaseAccordion.stories.scss
M web-jspack/org.openbravo.core2/src/components/BaseButton/BaseButton.scss
M web-jspack/org.openbravo.core2/src/components/BaseButtonGroup/BaseButtonGroup.scss
M web-jspack/org.openbravo.core2/src/components/BaseContent/BaseContent.scss
M web-jspack/org.openbravo.core2/src/components/BaseFormInput/BaseFormInput.scss
M web-jspack/org.openbravo.core2/src/components/BaseFormTimePicker/BaseFormTimePicker.scss
M web-jspack/org.openbravo.core2/src/components/BaseTextArea/BaseTextArea.scss
M web-jspack/org.openbravo.core2/src/components/DrawerMenu/DrawerMenu.scss
M web-jspack/org.openbravo.core2/src/components/FractionIncrementalInput/FractionIncrementalInput.scss
M web-jspack/org.openbravo.core2/src/components/Grid/DataGrid/BaseHeaderRender.scss
M web-jspack/org.openbravo.core2/src/components/LoadingCard/LoadingCard.scss
M web-jspack/org.openbravo.core2/src/components/MainApp/MainApp.scss
M web-jspack/org.openbravo.core2/src/components/MultiStepProcess/MultiStepProcessBody/stories/MultiStepProcessBody.stories.scss
M web-jspack/org.openbravo.core2/src/components/MultiStepProcess/MultiStepProcessHeader/MultiStepProcessHeader.scss
M web-jspack/org.openbravo.core2/src/components/MultiStepProcess/MultiStepProcessNextButton/stories/MultiStepProcessNextButton.stories.scss
M web-jspack/org.openbravo.core2/src/components/SettingsButton/SettingItem/stories/SettingItem.stories.scss
M web-jspack/org.openbravo.core2/src/components/StandardButton/StandardButton.scss
M web-jspack/org.openbravo.core2/src/components/StatusBar/ServerStatusButton.scss
---
(0142030)
hgbot   
2022-10-13 16:19   
Directly closing issue as related merge request is already approved.

Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2 [^]
Changeset: 95d0c113efbdf3c540fa2441cc88bd37800f7f54
Author: Miguel de Juana <miguel.dejuana@openbravo.com>
Date: 13-10-2022 14:19:22
URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/commit/95d0c113efbdf3c540fa2441cc88bd37800f7f54 [^]

Fixes ISSUE-0050375: Primary and Secondary color variables should be revisited

---
M web-jspack/org.openbravo.pos2/src/components/ButtonBar3/ButtonBar3.scss
M web-jspack/org.openbravo.pos2/src/components/Cashup/CashupProcess/stories/CashupProcessStories.scss
M web-jspack/org.openbravo.pos2/src/components/Cashup/CashupSteps/CountPaymentMethodsStep/stories/CountPaymentMethodsStepStories.scss
M web-jspack/org.openbravo.pos2/src/components/Cashup/CashupSteps/SelectDrawerStep/render/SelectDrawerStepStatusCellRender.scss
M web-jspack/org.openbravo.pos2/src/components/Cashup/CountingToolDialog/CountingTool/AddRowPopover/AddRowPopover.scss
M web-jspack/org.openbravo.pos2/src/components/Cashup/CountingToolDialog/CountingTool/AddRowPopover/stories/AddRowPopover.stories.scss
M web-jspack/org.openbravo.pos2/src/components/Cashup/CountingToolDialog/stories/CountingToolDialog.stories.scss
M web-jspack/org.openbravo.pos2/src/components/InitialCountWindow/stories/InitialCountWindow.stories.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/KeyMapEditor.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/KeymapEditorCurrentIndicator/KeymapEditorCurrentIndicator.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/KeymapEditorEditButton/KeymapEditorEditButton.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/KeymapEditorNewCategoryDialog/KeymapEditorCategoryDialog.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/steps/KeyMapEditorLayout/KeyMapProductsGrid/KeyMapProductsGrid.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/steps/KeyMapEditorLayout/KeymapEditorCategoryLayoutPopover/KeymapEditorCategoryLayoutPopover.scss
M web-jspack/org.openbravo.pos2/src/components/KeyMapEditor/steps/KeyMapEditorLayout/KeymapEditorProductPopover/KeymapEditorColorPicker/KeymapEditorColorPicker.scss
M web-jspack/org.openbravo.pos2/src/components/Payments/PaymentList/PaymentName.scss
M web-jspack/org.openbravo.pos2/src/components/Payments/PaymentMethods/PaymentMethodCategoryButton.scss
M web-jspack/org.openbravo.pos2/src/components/Payments/PaymentMethods/PaymentMethodsHighVolumePanel/PaymentMethodsHighVolumePanel.scss
M web-jspack/org.openbravo.pos2/src/components/ProductButton/ProductButton.scss
M web-jspack/org.openbravo.pos2/src/components/ProductButton/ProductButtonContent/ProductButtonContent.scss
M web-jspack/org.openbravo.pos2/src/components/ProductButton/ProductButtonContent/ProductButtonContentImg.scss
M web-jspack/org.openbravo.pos2/src/components/ProductButton/ProductCrossStockPopup/ProductCrossStockList/render/CrossStockInfoCellRender.scss
M web-jspack/org.openbravo.pos2/src/components/ProductCategoryButton/ProductCategoryButton.scss
M web-jspack/org.openbravo.pos2/src/components/ProductModifier/ProductModifierItemRender/ProductModifierItemRender.scss
M web-jspack/org.openbravo.pos2/src/components/ProductScan/ProductScanProductInfo/ProductScanProductInfo.scss
M web-jspack/org.openbravo.pos2/src/components/ProductSearch/AvailableProductFilterButtonContent/AvailableProductFilterButtonContent.scss
M web-jspack/org.openbravo.pos2/src/components/ProductSearch/AvailableProductFilterList/AvailableProductFilterList.scss
M web-jspack/org.openbravo.pos2/src/components/ProductSearch/FilteredProductsKeymap/FilteredProductsKeymap.scss
M web-jspack/org.openbravo.pos2/src/components/ProductSearch/ProductSorting/ProductSorting.scss
M web-jspack/org.openbravo.pos2/src/components/SchemaSelectorButton/SchemaSelectorButton.scss
M web-jspack/org.openbravo.pos2/src/components/TerminalSchedule/TerminalSchedule.scss
M web-jspack/org.openbravo.pos2/src/components/TerminalSchedule/TerminalScheduleWeekdays/TerminalScheduleWeekdays.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketBPAddressButton/TicketBPAddressButton.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketBPButton/TicketBPButtonGeneric.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketHeader/TicketHeaderDeliveryButton/TicketHeaderDeliveryButton.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketHeader/TicketHeaderDocumentnoButton/TicketHeaderDocumentnoButton.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketHeader/TicketHeaderIssueInvoiceChip/TicketHeaderIssueInvoiceChip.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLineDeliveryControlVisual/TicketLineDeliveryControlVisual.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLineNote/CurrentTicketLineNote/CurrentTicketLineNote.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLinePopover/stories/TicketLinePopover.stories.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/StandardProductConfigurationItem.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/TicketLineSchemaLabel/TicketLineSchemaLabel.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/TicketLineUnitConsumption.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/TicketLines.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/stories/CustomProductConfigurationItem.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/stories/MockAdvancedTicketLine.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketLines/stories/TicketLineUnitConsumption.stories.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketPopover/stories/TicketPopover.stories.scss
M web-jspack/org.openbravo.pos2/src/components/Ticket/TicketTypeStatus.scss
M web-jspack/org.openbravo.pos2/src/components/TicketList/TicketListRemoteGrid/render/TicketRemoteStoreCellRender.scss
---
(0142031)
hgbot   
2022-10-13 16:19   
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/1273 [^]
(0142032)
hgbot   
2022-10-13 16:19   
Directly closing issue as related merge request is already approved.

Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2.restaurant [^]
Changeset: 89a5a06a9995e3e480095a196d0040900b954f03
Author: miguel.dejuana <miguel.dejuana@openbravo.com>
Date: 13-10-2022 14:29:03
URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2.restaurant/-/commit/89a5a06a9995e3e480095a196d0040900b954f03 [^]

Fixes ISSUE-0050375: Primary and Secondary color variables should be revisited

---
M web-jspack/org.openbravo.pos2.restaurant/src/components/MenuWizard/MenuWizardCategoryKeymapLayout/MenuWizardCategoryButton/MenuWizardCategoryButton.jsx
M web-jspack/org.openbravo.pos2.restaurant/src/components/MenuWizard/MenuWizardCategoryKeymapLayout/MenuWizardCategoryButton/MenuWizardCategoryButton.scss
M web-jspack/org.openbravo.pos2.restaurant/src/components/TicketMenuLine/TicketMenuInProgressLineHeader/stories/TicketMenuInProgressLineHeader.stories.scss
M web-jspack/org.openbravo.pos2.restaurant/src/components/TicketMenuLine/TicketMenuInProgressLineItem/TicketMenuInProgressLineItem.scss
M web-jspack/org.openbravo.pos2.restaurant/src/components/TicketMenuLine/TicketMenuInProgressLineItems/TicketMenuInProgressLineItems.scss
M web-jspack/org.openbravo.pos2.restaurant/src/components/TicketMenuLine/TicketMenuLineItems/TicketMenuLineItems.scss
---
(0142033)
hgbot   
2022-10-13 16:19   
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2.restaurant/-/merge_requests/179 [^]