awesome_owl module shows error: A css error occured, using an old style to render this page

[shenhuiqi]

Description: It shows 'hello world' but with error 'A css error occured, using an old style to render this page', when access awesome_owl module in browser.

Setps to reproduce:

1. Add awesome_owl tutorial module in odoo addons
2. Start odoo application
3. Activate awesome_owl module in Apps
4. Type 'http://127.0.0.1:8069/awesome_owl' in browser address
5. Shows 'hello world' with red color error message 'A css error occured, using an old style to render this page' at bottom of the browser

Error message in browser console: scss_error_dialog.js:45 "Error: Undefined variable: "$theme-colors-rgb". on line 92:24 of c:/users/shq/repo/odoo-19.0/odoo/addons/web/static/lib/bootstrap/scss/_utilities.scss from line 3811:9 of stdin values: map-loop($theme-colors-rgb, rgba-css-var, "$key", "focus-ring" -----------------------^ This error occurred while compiling the bundle 'awesome_owl.assets_playground' containing: - /web/static/lib/bootstrap/scss/_functions.scss - /web/static/lib/bootstrap/scss/_mixins.scss - /web/static/src/scss/functions.scss - /web/static/src/scss/mixins_forwardport.scss - /web/static/src/scss/bs_mixins_overrides.scss - /web/static/src/scss/utils.scss - /web/static/src/scss/primary_variables.scss - /html_editor/static/src/scss/html_editor.variables.scss - /web/static/src/core/avatar/avatar.variables.scss - /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss - /web/static/src/core/notifications/notification.variables.scss - /web/static/src/search/control_panel/control_panel.variables.scss - /web/static/src/search/search_bar/search_bar.variables.scss - /web/static/src/search/search_panel/search_panel.variables.scss - /web/static/src/views/fields/statusbar/statusbar_field.variables.scss - /web/static/src/views/fields/translation_button.variables.scss - /web/static/src/views/form/form.variables.scss - /web/static/src/views/kanban/kanban.variables.scss - /web/static/src/webclient/burger_menu/burger_menu.variables.scss - /web/static/src/webclient/navbar/navbar.variables.scss - /onboarding/static/src/scss/onboarding.variables.scss - /mail/static/src/core/common/primary_variables.scss - /mail/static/src/scss/variables/primary_variables.scss - /portal/static/src/scss/primary_variables.scss - /account/static/src/scss/variables.scss - /web/static/src/scss/secondary_variables.scss - /html_editor/static/src/scss/secondary_variables.scss - /web/static/src/scss/pre_variables.scss - /web/static/lib/bootstrap/scss/_variables.scss - /web/static/src/scss/import_bootstrap.scss - /web/static/src/scss/utilities_custom.scss - /web/static/lib/bootstrap/scss/utilities/_api.scss - /web/static/src/scss/bootstrap_review.scss - /web/static/src/core/utils/transitions.scss - /web/static/src/core/action_swiper/action_swiper.scss - /web/static/src/core/autocomplete/autocomplete.scss - /web/static/src/core/avatar/avatar.scss - /web/static/src/core/badge/badge.scss - /web/static/src/core/barcode/barcode_dialog.scss - /web/static/src/core/barcode/crop_overlay.scss - /web/static/src/core/bottom_sheet/bottom_sheet.scss - /web/static/src/core/checkbox/checkbox.scss - /web/static/src/core/color_picker/color_picker.scss - /web/static/src/core/color_picker/custom_color_picker/custom_color_picker.scss - /web/static/src/core/colorlist/colorlist.scss - /web/static/src/core/commands/command_palette.scss - /web/static/src/core/datetime/datetime_picker.scss - /web/static/src/core/debug/debug_menu.scss - /web/static/src/core/dialog/dialog.scss - /web/static/src/core/dropdown/accordion_item.scss - /web/static/src/core/dropdown/dropdown.scss - /web/static/src/core/dropzone/dropzone.scss - /web/static/src/core/effects/rainbow_man.scss - /web/static/src/core/emoji_picker/emoji_picker.dark.scss - /web/static/src/core/emoji_picker/emoji_picker.scss - /web/static/src/core/errors/error_dialog.scss - /web/static/src/core/file_upload/file_upload_progress_bar.scss - /web/static/src/core/file_upload/file_upload_progress_record.scss - /web/static/src/core/file_viewer/file_viewer.dark.scss - /web/static/src/core/file_viewer/file_viewer.scss - /web/static/src/core/ir_ui_view_code_editor/code_editor.scss - /web/static/src/core/model_field_selector/model_field_selector.scss - /web/static/src/core/model_field_selector/model_field_selector_popover.scss - /web/static/src/core/model_selector/model_selector.scss - /web/static/src/core/notebook/notebook.scss - /web/static/src/core/notifications/notification.scss - /web/static/src/core/overlay/overlay_container.scss - /web/static/src/core/pager/pager_indicator.scss - /web/static/src/core/popover/popover.scss - /web/static/src/core/pwa/install_prompt.scss - /web/static/src/core/record_selectors/record_selectors.scss - /web/static/src/core/resizable_panel/resizable_panel.scss - /web/static/src/core/select_menu/select_menu.scss - /web/static/src/core/signature/name_and_signature.scss - /web/static/src/core/tags_list/tags_list.scss - /web/static/src/core/time_picker/time_picker.scss - /web/static/src/core/tooltip/tooltip.scss - /web/static/src/core/tree_editor/tree_editor.scss - /web/static/src/core/ui/block_ui.scss - /web/static/src/core/utils/draggable_hook_builder.scss - /web/static/src/core/utils/nested_sortable.scss" owl.js:5930 Owl is running in 'dev' mode. owl.js:3197 Component 'Playground' does not have a static props description validateProps @ owl.js:3197

Environment: odoo version:19.0 tutorial version:19.0 browser version: MS Edge 141