Overview

A Dynamic Theme–Appealing to Eyes and Productive to Business!

Arc Backend Theme is a versatile and powerful Odoo Backend theme. It provides an extra working area for users while maintaining a fantastic appearance and feel with the best UX/UI possible. Ksolves give users the option to select distinct operational functions and customize the theme as per their choice.

Odoo Arc Backend Theme by Ksolves is an innovation for making your work productive, flexible, and engaging. Now change the default Odoo backend with our theme to bring progress into your business. Our Arc Backend Theme is suitable for v12, v13, v14, and v15.

Follow this Guide to change the atmosphere of default Odoo with an in-depth introduction of each outstanding feature.

Implementation

Replace the default Odoo Backend with an extremely new look with the Arc Backend Theme!

• After downloading the app from the Odoo store or Ksolves store, add the theme to the custom folder.

• Go to Odoo ERP and search for Arc Backend Theme and install it.

Get ready to change your business with a handsome Arc Backend Theme for Odoo.

1. Work Process Set-Up

When you successfully install the Arc Backend Theme app, you will see that your Odoo App Drawer page will appear like this:

The light/dark mode switcher that you see in the top menu bar is used to change the theme mode.

Convert your theme mode from light to dark or dark to light using the light/dark mode switcher as shown below:

From the Theme Settings button at the top right corner, you can apply the changes to the theme with various standard features.

2. Standout Features (General Settings)

Here in this section, we will discuss each and every feature that we have provided in our theme. These features help a user to customize the Odoo backend as per their requirements and choices.

Let’s begin customizing the Odoo backend with our stylish Arc Backend Theme!

2.1 2-in-1 Theme (Curved and Boxed)

The curved and boxed 2-in-1 theme allows a user to swiftly change the appearance of the theme as curved or rectangular.

Curved

Go to Theme Setting>Display Settings>Theme Styles>Choose Curved and click on the Apply button from the bottom.

Now, open any app from the App Drawer and you will see that all the buttons have been changed to a curved shape.

Boxed

Go to Theme Settings>Display Settings>Theme Styles>Choose Boxed and click on the Apply button from the bottom.

Now you will see the buttons have been changed to the boxed style.

This is the function of a 2-in-1 Theme as it gives two styles in one theme for users to change the button styles as per their choice.

2.2 App Drawer

In our Arc Backend theme, we have given an App Drawer functionality. It helps a user to quickly access the apps they wish to use for progressing their workflow.

• App Drawer consists of an image that is personalized to a user with a greeting of a day.

• A Global Search bar that allows a user to search for a particular app in no time.

• The ‘All’ and ‘Frequent’ features allow a user to search an app quickly.

The ‘All’ app feature will display all the Odoo applications, whereas the ‘Frequent’ app feature which displays the top 12 apps which you use the most for your work.

The main purpose of the App Drawer is to save the time of a user searching for an app with a default lengthy process.

2.3 Favorite Bar

A user may utilize this option to mark/unmark their favorite applications so that they do not have to browse for them every time they open the app.

Go to the ‘Configure Favorite App’ button and mark the applications that you wish to add to the favorite bar. Click on the start button to mark and unmark the applications.

Once you mark your favorite applications, you can find them here as shown in the image below:

Now you can jump from one app to another directly from your favorite bar without investing time in searching for the particular application from the main menu or App Drawer.

Note: This functionality is not present in default Odoo. It is a completely new feature present in our Arc Backend Theme.

2.4 Bookmark Panel

If you visit a page in your Odoo frequently or on a regular basis, you may bookmark that page using the Bookmark Panel function to save valuable time.

For instance, if you have to visit a particular contact on a daily basis, you might follow the lengthy process to visit that contact page. Add that contact page into the Bookmark Panel and redirect to it while working on any app or page.

2.4.1 How to add a page to Bookmark Panel?

If you will see at the bottom right corner of Theme, you will find a button. This is the Bookmark Panel, where you can add the important pages.

Step 1:

Suppose you need to add a contact to the Bookmark Panel. Go to the contact app>select your favorite contact>click on the (+) from the Bookmark Panel.

Once you will click on the (+) sign, you will see that a dialogue box will appear. Select the ‘Done’ button and your important page will be added here as shown below:

Step 2:

Suppose you are on an Inventory app and you need to access your favorite/important contact. Open the Bookmark Panel and from there you can redirect toward your added pages.

Step 3:

If you right-click on any of the bookmarked icons, you will get three options:

• Rename: You can rename the bookmark page name for ease of access.

• Delete: If you wish that you no longer need that icon/page, you can remove it using the delete option.

• Move-Up If you have bookmarked 5+ pages, you can move their positions as per their priority.

The Bookmark Panel is used to save clicks and time for the user.

2.5 List-View Density Options

The 3 List-View Density Options give a user a smooth view for comfortable reading.

Go to Theme Settings button>General Settings>Display Density

Here you will find three options. Let’s see the functionality of each of these 3 options.

2.5.1 Default

Theme Settings>General Settings>Display Density>Default

This will keep your view in the default settings. You can see from the given image how your page will view after selecting the default settings.

2.5.2 Comfortable

Theme Settings>General Settings>Display Density>Comfortable

This will convert your default view into a more spacious and wider view. It helps a user to read the data comfortably and easily.

2.5.3 Attachments

Theme Settings>General Settings>Display Density>Attachments

You do not need to open every record and look for the attachments for your further use. Using this feature in our Arc Backend Theme, you can easily find records with important attachments.

If you click on the attachment, you can view it while staying on the same screen. You do not need to open the record/data for viewing the attachment.

The attachment will display on the screen as given below:

Note: It let’s you view the files with the attachments so that you can access them from the list-view screen itself.

2.6 RTL Support

Our amazing Arc Backend Theme supports RTL, For users that follow the Right-to-Left language pattern. One can change the default view to the RTL for working in their language-oriented theme.

It supports 12 languages with RTL (Arabic, Aramaic, Azeri, Divehi/Maldivian, Hebrew, Kurdish (Sorani), Persian/Farsi, Urdu, Hausa, Khowar, Pashto, & Yiddish)

Note: In default Odoo, you have to follow the lengthy process of activating a language. You have to use multiple steps to switch from one language to another. However, with our theme, you can switch from the default language to RTL or any other language of your choice.

You can select the activated languages from here:

This is how quickly you can switch to an RTL language.

2.7.1 Quick Light/Dark Mode

A user can quickly change the Odoo backend from light to dark or dark to light from the light/dark mode switcher as shown below:

Initially, it is turned OFF or in the light mode.

When you turn it ON it will covert the background into dark mode.

2.7.1 Quick Light/Dark Mode

A user can quickly change the Odoo backend from light to dark or dark to light from the light/dark mode switcher as shown below:

Initially, it is turned OFF or in the light mode.

When you turn it ON it will covert the background into dark mode.

2.7.2 Auto Mode

It allows a user to set the time for switching the background theme from light to dark mode.

Theme Settings>General Settings>Enable/Disable Dark Mode

When you turn it ON, you will find the Auto Dark Mode option as well.

To set the Auto Dark Mode, Go to User>Preferences

A window will appear as given below, where you have to set the Sunrise and Sunset Time.

The Sunrise and Sunset Time refers to the start and end of Dark Mode respectively.

To save time on regularly changing the light/dark mode theme manually, set the Auto Dark Mode as per your working hours.

2.8.1 Magnifier

For better readability, enlarge the part of your screen so that you can see the words and images clearly.

Click on the magnifier button as shown in the given image:

Zoom in and Zoom out the view without disturbing the interface easily.

Using the reset button option you can bring your view to the default.

2.8.1 Magnifier

For better readability, enlarge the part of your screen so that you can see the words and images clearly.

Click on the magnifier button as shown in the given image:

Zoom in and Zoom out the view without disturbing the interface easily.

Using the reset button option you can bring your view to the default.

2.8.2 Fullscreen Option

If you wish to view your data in fullscreen mode, use the fullscreen option as shown below:

Once you click on the fullscreen mode button, you UI of your view will change like this:

2.9 Horizontal & Vertical menu

Arc Backend theme gives options to switch the menu bar from Horizontal (default) to the vertical or vice-versa.

The menu bar stays in the horizontal position as a default.

To change the default view of the menu bar, go to Theme Settings>General Settings>Menu Bar>Vertical>Apply

Once you click apply, you will find that the position of the menu bar has been shifted from horizontal to vertical.

2.10 Progressive Web Apps (PWA)

You may make a shortcut to your ERP on your mobile without investing a lot of money or effort in developing a mobile application.

Enjoy the app-like experience for the faster, reliable, and engaging version of the theme.

We have given an option to change the PWA icon, name, and color of your choice.

Step 1: Odoo App Menu>Settings>Enable PWA Setting

Step 2: After selecting the name, icon, background color, and theme color, click on the Save button.

Step 3: Once done, you can click on the icon in section 3 and convert your webpage into a native PWA app.

Most of the time it also happens that you have to develop applications for different operating systems (platforms). With PWA, you can create a light application without investing money and time for different versions of the application.

2.11 Split Screen

Using this feature of our Arc Backend Theme, a user can keep the list view and detail view on the same screen. It means that on a single screen a user will have access to all the data.

Let’s see how with the given images:

If you click on the split-screen button, you will see three options.

• No Split

No Split is the default functionality in which the data will be visible like this:

• Vertical Split

If you choose the Vertical Split, your view will split into two sections, where your list view will be on the left side and the detail view will open on the right side.

You can resize the two split screens as well as per your choice.

• Horizontal Split

If you choose the Horizontal Split, your view will split into two sections, where your list view will be on the above side and the detail view will open on the bottom side.

2.12 Global Search Bar

Without performing the multiple steps of visiting a page in Odoo, you can search your page using the global search bar.
This feature is available on the App Drawer. You can search for anything you need directly and save valuable time.

For example:

2.13 Auto-Hide Menu Bar

Many users have a habit of hiding their menu bars in order to have a smooth and simple view. In our Arc Backend theme, we have given options to hide your Menu Bar and Favorite App Bar.

Doing so will give a broader view of the screen for comfortable readability.

You can change the settings from Theme Settings>General Settings>Menu Bar>Auto Hide and click on the Apply button.

After enabling the Auto Bar, the Menu Bar and Favorite Bar will only be visible when you hover your mouse over them.

2.14 Chatbox Layout Switch

Chatbox is an essential part of any business. Many times you need to discuss the important part of the order. Especially, the Sales Executive of a company has to spend most of their time on the chatbox.

Our Arc Backend Theme allows a user to switch the position of the chatbox either right or bottom.

Go to Theme Settings>General Settings>Chatter> Select one position of your choice and click Apply.

If you choose the right position, your chatter-box will look like this and you can resize it as well:

3.1 Google Font Styles

Now you can change the Font Style from the given Google Inspired font styles.

A user can switch from one font style to another for easy readability.

3.1 Google Font Styles

Now you can change the Font Style from the given Google Inspired font styles.

A user can switch from one font style to another for easy readability.

3.2 Font Size

For a comfortable view, the user can change the font size from the four given options.

3.3 Button Styles

Why work with the default button styles when you have amazing 5 button options to choose from. Change the button styles as per your choice and give your Odoo backend theme a new design.

Original Button style:

Stylish Button Style:

3.4 Predefined Colour theme

Change the Odoo view with the six predefined color themes that are appealing to your eyes.

As you can see in the given image, earlier the theme was set to a green tone.

After switching, you will see that on every page you visit, the theme will be changed to blue (or as chosen by you).

3.5 Separator Styles

One of our Arc Backend Theme's best-kept secrets is the five Separator Style. The Separator Style is required to distinguish a heading from the text in the Odoo view.

We have given five separate styles to help you customize your Odoo backend with a variety of choices.

This is how the separators will change the look of the entire Odoo view.

3.6 Tab Styles

Here in this theme, you have five unique tab styles. You can change the tab style for the Display Settings and choose any one of the styles you like.

Original Tab Style:

New Tab Style:

3.7 Checkbox Styles

Implementing the checkbox styles to Odoo view will make your backend theme stand out from default.

Go to Theme Settings>Display Settings>Checkbox Styles>Choose any one of them and click on the Apply button.

The original checkbox style:

This is the newly applied checkbox style:

3.8 Loaders

We have the opportunity to alter the loading GIF animation in this theme.

Arc Backend Theme has more than 7 attractive, well-crafted loader designs. You may select it from the Display Settings for your theme.

3.9 Pop-up Animation

The Page Animation function is intended to provide that additional touch to pop-up or wizard in the Odoo View. A user may choose the finest animation from the available alternatives and have an enjoyable browsing experience.

3.10 Radio Button Styles

5 well-crafted radio button styles are available for users to choose from as per their comfort.

This is the original radio button style:

Go to Theme Settings>Display Settings>Choose the Radio Button Style as per your choice.

This is the newly changed radio button style:

3.11 App Drawer Background

Change the App Drawer Background color, and image, or set the transparency.

Changed App Drawer Background:

This is how easily you can change the background of the App Drawer to give it a new touch of design.

3.12 Refresh Button

You may use this functionality to refresh a single view rather than the full browser. It will help you save valuable time.

You may update the data on any View by just using the refresh button without having to reload the entire page.

3.13 Double Click Edit option

When you have to edit anything in any Form View, you click on the Edit button, make the changes, and click on the Save button.

But with the Double Click Edit option, you only have to double click on the screen anywhere and the entire Form View will convert into an editable mode.

3.14 Add a Company Logo

An authorized user can add or change the company logo easily.

Go to Theme Settings>Global Settings>General Settings>and choose the Company Logo option and click on the Apply button.

You will see two options:

• Upload Standard Logo–The standard logo setting is suitable when your menu bar is set to horizontal.

• Upload Small Logo–The small logo setting is suitable when your menu bar is set to vertical.

• Set the Company Logo:

  

• In the Horizontal menu bar, the logo will appear like this:

  

• In the Vertical Menu Bar, the logo will appear like this:

  

3.15 Change Body Background

A user can change the background of the theme with an interactive image and set the transparency as per the choice.

Follow the steps as mention in the given image to change the body background.

This is how the changed and new body background will look:

Note: If you keep the transparency of the body background to a minimum, the image would not be visible properly. Thus, try to keep the background in the middle or near to maximum.

4. Global Settings

There are a few settings that we have given access to the Admin level user. This is to secure the safety and prevent the usability of the customized Odoo backend theme.

4.1 Login Page Design

The default Odoo Login page is basic. Now you can give a new style and design to your login page with different themes, background colors, and background images, and set the logo of your company.

Note: This access is only available for the Admin level person.

Go to Theme Settings>Global Settings>Login Page Designs

The Login Page designs will appear as shown below, where you can make the changes as per your requirements.

Add Company Logo to Login Page

Adding a company logo on the login page is necessary, as it helps your user to know to which company page they have logged in.

Using the above-mentioned settings, you can set the logo of your company on the login page as per your choice.

For instance, your logo will be displayed on the login page like this:

4.2 Customizable Color Theme

We have given 6 pre-defined color themes, but a user can customize the theme as per his/her choice.

Note: This access is only available for the Admin level person.

If you want to create your own theme, we have given an option for the user to personalize the theme of their choice.

Go to Theme Settings>Global Settings>Display Settings and click on the (+) to add the new theme.

Give a name and add which colors you like for which part of the Odoo backend. Click on the ‘save as new’ button to add your customized theme to the options.

Now you will see that your newly created theme has been added to the list. You can use it and give the new version of colors to your Odoo backend.

4.3 Breadcrumb Styles

Create a huge impact on your Odoo ERP with our 7 enticing breadcrumb styles.

Note: This access is only available for the Admin level person.

Breadcrumb style 1:

Breadcrumb style 2:

5. User-access Management/Access Control

Arc Backend Theme offers some User-access features that are controlled by the individually authorized people. These features help a user to set limits for its workforce for customizing the Odoo backend.

In User-access Management, we have given three options User, Company, and Global to configure each feature’s applicability.

User Level: The user-level assigned features can be added, edited, or changed by individual users for their backend experience.

For instance, the ‘Theme Style’ feature is provided at the user level. A user can change the theme style or color as per his/her choice. All the changes made will reflect differently in every individual user experience.

Company Level: The company-level assigned features can be added, edited, or changed by the company for their individual user experience.

For instance, the feature ‘Menu Bar’ is assigned at the company level. All the changes made by the company will reflect in every one of its users’ Odoo ERP.

Global Level: A person having global-level access to functionality can only decide what will be applicable for the whole organization experience.

For instance, the ‘Webpage Title, Company Logo, and Enterprise App’ features are assigned at the Global level. It can only be customized by the person having Global Level access. Global Level changes will reflect on all the Odoo users.

Things to Note: Arc Backend Theme for Odoo is an interactive way to customize the look and feel of the Vanilla Odoo. Be ready to give new life to your Odoo with our outstanding backend theme.