Theme

There are multiple themes available for you to choose from in NCAMEO. These themes help you design the UI of the pages in the application for example the button, text, etc. Colors can be changed based on the theme select by you. 

We can choose from Default, Signal, Greyson, Fresca, Darkster, Hello Kiddie or Custom as shown below. In custom you can define your own theme by adding Color codes. 

  1. Web
    1. Generate AI Theme: Automatically creates a visual theme using AI based on the given prompt.
      1. Enter AI Theme Prompt: A descriptive input that guides the AI in generating a matching theme style.
    2. Header Background Color: Sets the background color of the application's header section.
    3. Header Text Color: Defines the text color used in the header area.
    4. Sidebar Background Color: Specifies the background color for the sidebar panel.
    5. Sidebar Text Color: Determines the color of the text displayed in the sidebar.
    6. Select Theme: Allows choosing from predefined theme styles for quick styling.
    7. Font family: Sets the font style used throughout the application.
    8. Body text color: Controls the default text color for the main content/body area.
    9. CSS Templates: Offers ready-made CSS designs that can be applied to the app.
    10. Custom style (CSS): Enables entering custom CSS code for complete style customization.
  2. Mobile
    1. Generate AI Theme: Automatically creates a visual theme using AI based on the given prompt.
      1. Enter AI Theme Prompt: A descriptive input that guides the AI in generating a matching theme style.
    2. Background Color: Sets the overall background color of the application or component.
    3. Text Color: Defines the default color for text across the interface.
    4. Header Background Color: Sets the background color of the application's header section.
    5. Header Text Color: Defines the text color used in the header area.
    6. Sidebar Background Color: Specifies the background color for the sidebar panel.
    7. Sidebar Text Color: Determines the color of the text displayed in the sidebar.
    8. Tab Background Color: Specifies the background color of inactive tabs.
    9. Tab Text Color: Color used for text in inactive tabs.
    10. Tab Active Background Color: Background color for the currently active tab.
    11. Tab Active Text Color: Text color for the active tab label.
    12. Statusbar Background Color: Background color of the status bar (typically at the top of mobile apps or sections).
    13. Select Theme: Allows selection of a predefined visual theme for the UI.
    14. Input Variant: Chooses the style variant for input fields (e.g., outlined, filled, underlined).
    15. Input Label Color: Sets the color of labels attached to input fields.
    16. Input Text Color: Defines the color of text entered into input fields.
    17. Input Icon Color: Sets the color of icons within or next to input fields.
    18. Input Placeholder Color: Color of placeholder text inside input fields.
    19. Input Background Color: Background color of input fields.
    20. Input Border Color: Border color for input fields in normal state.
    21. Input Focus Border Color: Border color when an input field is focused or active.
    22. Input Invalid Border Color: Border color shown when an input contains invalid or error data.
    23. Input Help Text Color: Color for helper/instructional text below input fields.
    24. Input Error Text Color: Color of error messages related to input validation.
    25. Filter Header Background Color: Background color of the filter section header.
    26. Font Weight: Sets the thickness or boldness of text (e.g., normal, bold, light).
    27. Theme Color: The primary color used throughout the app for branding and highlights.
    28. Theme Text Color: Text color used for elements styled with the primary theme color.
    29. Upload Background Image: Option to upload a background image for the UI or section.