+ Advanced search option
+ +Advanced searching option for App menus.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/backend_theme_odoo12/static/description/theme_screenshot.jpg b/backend_theme_odoo12/static/description/theme_screenshot.jpg
new file mode 100644
index 000000000..26d23fc88
Binary files /dev/null and b/backend_theme_odoo12/static/description/theme_screenshot.jpg differ
diff --git a/backend_theme_odoo12/static/src/js/search_apps.js b/backend_theme_odoo12/static/src/js/search_apps.js
new file mode 100644
index 000000000..c6768a809
--- /dev/null
+++ b/backend_theme_odoo12/static/src/js/search_apps.js
@@ -0,0 +1,34 @@
+/** @odoo-module **/
+
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { patch } from "@web/core/utils/patch";
+import { useRef, onMounted } from "@odoo/owl";
+
+patch(NavBar.prototype, {
+ setup() {
+ super.setup();
+
+ // Attach a ref for the root element
+ this.sideRoot = useRef("side_root");
+
+ // Ensure that DOM manipulation happens after mounting
+ onMounted(this.handleMounted.bind(this));
+ },
+
+ handleMounted() {
+ // Access the DOM element for the sidebar panel
+ if (!this.sideRoot.el) {
+ console.error("sideRoot.el is not defined. Check the template structure.");
+ return;
+ }
+
+ this.$searchContainer = this.sideRoot.el.querySelector(".search-container");
+ this.$searchInput = this.sideRoot.el.querySelector(".search-input");
+ this.$searchResults = this.sideRoot.el.querySelector(".search-results");
+ this.$appMenu = this.sideRoot.el.querySelector(".app-menu");
+
+ if (!this.$searchContainer || !this.$searchInput) {
+ console.error("Required elements not found in the DOM.");
+ }
+ },
+});
diff --git a/backend_theme_odoo12/static/src/js/sidebar_menu.js b/backend_theme_odoo12/static/src/js/sidebar_menu.js
new file mode 100644
index 000000000..ffd4c37e3
--- /dev/null
+++ b/backend_theme_odoo12/static/src/js/sidebar_menu.js
@@ -0,0 +1,33 @@
+/** @odoo-module **/
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { patch } from "@web/core/utils/patch";
+
+// Patch NavBar for adding new sidebar functionality
+patch(NavBar.prototype, {
+ setup() {
+ super.setup();
+ },
+
+ // Toggle sidebar on click
+ openSidebar(ev) {
+ const sidebarPanel = ev.target.closest('header').querySelector('#sidebar_panel');
+ const actionManager = document.body.querySelector('.o_action_manager');
+
+ if (!ev.target.classList.contains('opened')) {
+ sidebarPanel.style.display = 'block';
+ ev.target.classList.toggle('opened');
+ actionManager.style.marginLeft = '320px';
+ actionManager.style.transition = 'all .1s linear';
+ } else {
+ sidebarPanel.style.display = 'none';
+ ev.target.classList.toggle('opened');
+ actionManager.style.marginLeft = '0px';
+ }
+ },
+ clickSidebar(ev) {
+ const sidebarPanel = ev.target.closest('header').querySelector('#sidebar_panel');
+ const actionManager = document.body.querySelector('.o_action_manager');
+ sidebarPanel.style.display = 'none';
+ actionManager.style.marginLeft = '0px';
+ },
+});
diff --git a/backend_theme_odoo12/static/src/scss/theme_style.scss b/backend_theme_odoo12/static/src/scss/theme_style.scss
new file mode 100644
index 000000000..78498225d
--- /dev/null
+++ b/backend_theme_odoo12/static/src/scss/theme_style.scss
@@ -0,0 +1,118 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+body {
+ font-size: 14px;
+ font-family: lato, sans-serif
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ font-family: poppins, sans-serif
+}
+
+p {
+ font-family: lato, sans-serif;
+ font-size: 15px;
+ line-height: 26px;
+ color: #444;
+ margin-bottom: 0
+}
+
+p img {
+ margin: 0
+}
+
+a, a:visited {
+ text-decoration: none;
+ transition: all .3s ease-in-out;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ -o-transition: all .3s ease-in-out;
+ outline: 0;
+ font-family: poppins, sans-serif
+}
+
+a:hover {
+ text-decoration: none
+}
+
+a:focus {
+ text-decoration: none;
+ outline: 0
+}
+
+p a, p a:visited {
+ line-height: inherit;
+ outline: 0
+}
+
+ul, ol {
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0
+}
+
+ul {
+ margin: 0;
+ list-style-type: none
+}
+
+ol {
+ list-style: decimal
+}
+
+ol, ul.square, ul.circle, ul.disc {
+ margin-left: 0
+}
+
+ul.square {
+ list-style: square outside
+}
+
+ul.circle {
+ list-style: circle outside
+}
+
+ul.disc {
+ list-style: disc outside
+}
+
+ul ul, ul ol, ol ol, ol ul {
+ margin: 0
+}
+
+ul ul li, ul ol li, ol ol li, ol ul li {
+ margin-bottom: 0
+}
+
+button {
+ cursor: pointer;
+ outline: none !important;
+ letter-spacing: 0
+}
+
+blockquote {
+ padding: 60px;
+ position: relative;
+ background: #853bfa
+}
+
+blockquote:before {
+ content: '\f10d';
+ font-family: fontawesome;
+ color: #fff;
+ font-size: 32px;
+ position: absolute;
+ left: 16px;
+ top: 46px
+}
+
+blockquote p {
+ font-size: 17px;
+ color: #fff
+}
+
+.blockquote-footer {
+ color: #fff
+}
+
+
diff --git a/backend_theme_odoo12/static/src/scss/theme_style_backend.scss b/backend_theme_odoo12/static/src/scss/theme_style_backend.scss
new file mode 100644
index 000000000..97c27c074
--- /dev/null
+++ b/backend_theme_odoo12/static/src/scss/theme_style_backend.scss
@@ -0,0 +1,1272 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+
+body {
+ font-size: 14px;
+ font-family: lato, sans-serif
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ font-family: poppins, sans-serif
+}
+
+p {
+ font-family: lato, sans-serif;
+ font-size: 15px;
+ line-height: 26px;
+ color: #444;
+ margin-bottom: 0
+}
+
+p img {
+ margin: 0
+}
+
+a, a:visited {
+ text-decoration: none;
+ transition: all .3s ease-in-out;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ -o-transition: all .3s ease-in-out;
+ outline: 0;
+ font-family: poppins, sans-serif
+}
+
+a:hover {
+ text-decoration: none
+}
+
+a:focus {
+ text-decoration: none;
+ outline: 0
+}
+
+a {
+ color: #000000 !important;
+}
+
+a:hover {
+ color: #4336fb;
+}
+
+p a, p a:visited {
+ line-height: inherit;
+ outline: 0
+}
+
+ul, ol {
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0
+}
+
+ul {
+ margin: 0;
+ list-style-type: none
+}
+
+ol {
+ list-style: decimal
+}
+
+ol, ul.square, ul.circle, ul.disc {
+ margin-left: 0
+}
+
+ul.square {
+ list-style: square outside
+}
+
+ul.circle {
+ list-style: circle outside
+}
+
+ul.disc {
+ list-style: disc outside
+}
+
+ul ul, ul ol, ol ol, ol ul {
+ margin: 0
+}
+
+ul ul li, ul ol li, ol ol li, ol ul li {
+ margin-bottom: 0
+}
+
+input {
+ font-size: 14px !important;
+ border: 1px solid rgba(170, 170, 170, .3) !important;
+ padding: 10.72px 12.8px;
+ padding: .67rem .8rem;
+ display: block;
+ width: 100%;
+// height: 37px !important;
+ padding: 2.375rem .75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ color: #495057 !important;
+ background-color: #fff !important;
+ background-clip: padding-box;
+ border: 0px solid #ced4da !important;
+ border-radius: 0 !important;
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+
+button {
+ cursor: pointer;
+ outline: none !important;
+ letter-spacing: 0
+}
+
+blockquote {
+ padding: 60px;
+ position: relative;
+ background: #853bfa
+}
+
+blockquote:before {
+ content: '\f10d';
+ font-family: fontawesome;
+ color: #fff;
+ font-size: 32px;
+ position: absolute;
+ left: 16px;
+ top: 46px
+}
+
+blockquote p {
+ font-size: 17px;
+ color: #fff
+}
+
+.blockquote-footer {
+ color: #fff
+}
+
+/*Menu Bar*/
+.o_main_navbar .cybro-main-menu {
+ max-height: 100vh;
+ min-width: 100%;
+ overflow: auto;
+ margin-top: 0;
+ z-index: 99;
+ height: 100vh;
+ width: 280px;
+ overflow-y: scroll;
+ background: #30363F;
+ box-shadow: 2px 0 32px rgba(0, 0, 0, .05);
+ -webkit-transition: all .3s ease 0s;
+ transition: all .3s ease 0s;
+ transform: none !important;
+ border: none;
+}
+
+i.fa.fa-th-large {
+ font-size: 26px !important;
+ color: #4336fb !important;
+ margin-top: 10px;
+}
+
+.cybro-main-menu a.dropdown-item.o_app {
+ position: relative;
+ display: block;
+ color: #8d97ad !important;
+ font-size: 15px;
+ text-transform: capitalize;
+ padding: 15px !important;
+ letter-spacing: 0;
+ font-weight: 400;
+ padding-left: 32px !important;
+}
+
+.cybro-main-menu a.dropdown-item.o_app:hover {
+ color: #ffffff !important;
+}
+
+.cybro-main-menu a:hover {
+ color: #fff !important;
+ background: #343942 !important;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+ color: #fff !important;
+ background: #343942;
+}
+
+img.cybro-menuicon {
+ width: 28px;
+ margin-right: 10px;
+}
+
+/*//Menu Bar*/
+/*Top bar*/
+.o_main_navbar {
+ position: relative;
+ height: 70px;
+ padding-top: 15px;
+ border-bottom: 1px solid #d8e3e7;
+ background-color: #ffffff !important;
+ color: #333 !important;
+}
+
+.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label {
+ height: 46px;
+ padding: 0 10px;
+ color: #333 !important;
+ line-height: 46px;
+ transition: .3s all ease;
+}
+
+.o_main_navbar > ul > li > a:hover, .o_main_navbar > ul > li > label:hover {
+ background: none !important;
+ border: none;
+ color: #4336fb !important;
+}
+
+.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus {
+ background: none;
+ color: inherit;
+ color: #4336fb !important;
+}
+
+.o_main_navbar .show .dropdown-toggle {
+ background-color: #ffffff !important;
+ color: #4336fb;
+}
+
+li.o_user_menu a.dropdown-toggle {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ background: -webkit-linear-gradient(left, #8914fe 0%, #8063f5 100%);
+ background: linear-gradient(to right, #8914fe 0%, #8063f5 100%);
+ padding: 17px 38px;
+ color: #fff !important;
+ height: 70px;
+ font-size: 16px;
+ font-family: poppins, sans-serif;
+ margin-top: -15px;
+}
+
+.o_user_menu a.dropdown-toggle:hover {
+ border: none;
+ color: #020202 !important;
+ background: linear-gradient(to right, #8914fe 0%, #8063f5 100%) !important;
+}
+
+.o_main_navbar .o_user_menu .oe_topbar_avatar {
+ height: 45px;
+ transform: translateY(-2px);
+ margin-right: 9px;
+}
+
+.dropdown-menu a:hover {
+ color: #4336fb !important;
+ background: #ffffff !important;
+}
+
+.cybro-main-menu a:hover {
+ color: #fff !important;
+ background: #343942 !important;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #4336fb;
+ border-color: #4336fb;
+}
+
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ user-select: none;
+ border: 1px solid transparent;
+// padding: 1rem 1.5rem;
+ font-size: 1.08333333rem;
+ line-height: 1.5;
+ border-radius: 0px;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: auto;
+ bottom: auto;
+ right: -10px;
+ border-top: 19px solid transparent;
+ border-bottom: 23px solid transparent;
+ border-right: none;
+ border-left: 11px solid white;
+ transition: border 0.2s ease 0s;
+ -moz-transform: scale(0.9999);
+}
+
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled {
+ color: #4336fb;
+ font-size: 11px;
+ background-color: #e9ecef;
+ cursor: default;
+}
+
+.o_control_panel {
+ border-bottom: 1px solid #d8e3e7;
+}
+
+.o_form_view .o_form_statusbar {
+ border-bottom: 1px solid #d8e3e7;
+}
+
+.o_mail_systray_item .o_notification_counter {
+ background: #4336fb;
+}
+
+.o_MessagingMenu .o_MessagingMenu_counter {
+ background: #4336fb;
+ color: white;
+}
+
+.o_searchview .o_searchview_facet .o_searchview_facet_label {
+ background-color: #4336fb !important;
+}
+.o_filter_menu .fa-filter{
+ color: #4336fb !important;
+}
+.o_group_by_menu .oi-group{
+ color: #4336fb !important;
+}
+.o_searchview .o_searchview_input {
+ border: none !important;
+ padding: 4px 0 0 0;
+}
+
+.o_searchview {
+ width: 96%;
+ border-radius: 33px;
+ border: none;
+// height: 40px;
+ padding-left: 20px;
+ padding-right: 40px;
+ letter-spacing: 0;
+ background: #f3eeff !important;
+ margin-top: 5px;
+}
+
+.o_searchview button.btn-link {
+ color: #4336fb !important;
+}
+
+.o_searchview_input_container input {
+ background: #f3eeff !important;
+ height: 34px;
+ color: #b1a7a7 !important;
+}
+
+.o_searchview .o_searchview_more {
+ position: absolute;
+ top: 11px;
+ left: auto;
+ bottom: auto;
+ right: 14px;
+ color: #b1a7a7;
+}
+
+.ui-autocomplete .ui-menu-item > a, .show .dropdown-menu .dropdown-item, .show .dropdown-menu .dropdown-header, .navbar-nav .show .dropdown-menu .dropdown-item, .navbar-nav .show .dropdown-menu .dropdown-header {
+ transition: 0s !important;
+}
+
+.ui-autocomplete .ui-menu-item > a:hover {
+ display: block;
+ color: #ffffff !important;
+}
+.o_input_dropdown .ui-autocomplete .ui-menu-item > a:hover {
+color:#4336fb !important;
+}
+
+.o_searchview_facet {
+ border-radius: 30px;
+ border: none !important;
+ margin: 6px 3px 6px 0 !important;
+}
+
+.o_facet_values {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 30px !important;
+ background: #fff;
+ border-top-left-radius: 0px !important;
+ border-bottom-left-radius: 0px !important;
+}
+
+span.o_searchview_facet_label {
+ border-radius: 30px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ padding: 3px 12px !important;
+}
+
+.o_facet_values span {
+ padding: 0 2px 0 0px;
+ font-size: 12px;
+}
+
+/*controll panel*/
+
+.o_control_panel {
+ display: flex;
+ flex-flow: row wrap;
+// border-bottom: 1px solid darken($o-control-panel-background-color, 20%);
+ @include o-webclient-padding($top: 10px, $bottom: 10px);
+// background-color: $o-control-panel-background-color;
+
+ > .breadcrumb {
+ width: 50%;
+ }
+
+ &.o_breadcrumb_full > .breadcrumb {
+ width: 100%;
+ }
+
+ > .o_cp_searchview {
+ width: 40%;
+// min-height: $o-cp-breadcrumb-height;
+ }
+ > .o_cp_left {
+ display: flex;
+ justify-content: space-between;
+ width: 50%;
+ margin-top: 5px;
+ }
+ > .o_cp_right {
+ display: flex;
+ width: 60%;
+ margin-top: 5px;
+ }
+}
+
+.o_control_panel hr {
+ flex-basis: 100%;
+ background: #f0f4f5;
+}
+
+.o_dropdown_menu .o_menu_item > .dropdown-item:hover {
+ color: #4336fb !important;
+}
+
+.o_control_panel span.o_pager_counter {
+ font-size: 12px;
+}
+
+.o_control_panel nav.o_cp_pager span.btn-group {
+ font-size: 12px !important;
+}
+
+.o_control_panel button.fa.fa-chevron-left.btn.btn-secondary.o_pager_previous {
+ font-size: 12px;
+ padding-right: 4px;
+ padding-left: 5px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+}
+
+.o_control_panel button.fa.fa-chevron-right.btn.btn-secondary.o_pager_next {
+ font-size: 12px;
+ padding-left: 5px;
+ padding-right: 5px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+}
+
+.o_cp_bottom button.btn.btn-secondary.fa {
+ padding: 11px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+
+}
+
+.o_cp_bottom button.btn.btn-link {
+ color: #4336fb;
+}
+
+.o_cp_bottom button.btn.btn-link:hover {
+ color: #d45741;
+}
+
+.o_cp_bottom button.o_dropdown_toggler_btn.btn.btn-secondary {
+ box-shadow: 1px 3px 12px 1px #e5e0f3d4;
+ margin-right: 8px;
+ padding: .8rem 1rem;
+ font-size: 12px;
+}
+
+.o_control_panel .o_cp_left {
+ justify-content: flex-end;
+}
+
+.o_control_panel button.btn.btn-secondary.o_button_import {
+ border: 1px solid #4336fb;
+}
+
+.o_control_panel .btn-secondary:not(:disabled):not(.disabled):active, .o_control_panel .btn-secondary:not(:disabled):not(.disabled).active, .o_control_panel .show > .btn-secondary.dropdown-toggle {
+ color: #4336fb;
+ background-color: #ffffff;
+ border-color: #4336fb;
+}
+
+.o_control_panel .btn-secondary:hover {
+ color: #4336fb;
+ background-color: #ffffff;
+ border-color: #4336fb;
+}
+
+/*//Controll panel*/
+.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-active {
+ background: none;
+ background-color: #4336fb;
+ color: white;
+}
+
+.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-default:hover {
+ background: none;
+ background-color: rgb(133, 53, 252);
+ border-color: #7C7BAD;
+ color: white;
+}
+
+/*form header*/
+.o_control_panel.o_breadcrumb_full .o_cp_right {
+ order: 2;
+ width: auto;
+}
+
+.o_control_panel.o_breadcrumb_full hr {
+ flex-basis: 0;
+}
+
+.o_control_panel.o_breadcrumb_full ol.breadcrumb {
+ order: 1;
+}
+
+.o_control_panel.o_breadcrumb_full .o_cp_left {
+ order: 3;
+ width: 58%;
+ justify-content: space-between;
+}
+
+.o_control_panel.o_breadcrumb_full {
+ justify-content: space-between;
+}
+
+.o_control_panel.o_breadcrumb_full .o_cp_buttons {
+ order: 2;
+}
+
+.o_control_panel.o_breadcrumb_full aside.o_cp_sidebar {
+ order: 1;
+}
+
+/*//Form Header*/
+.ui-autocomplete .ui-menu-item.ui-state-focus {
+ background-color: #4336fb;
+ color: #fff !important;
+}
+
+.btn-group.o_date_range_buttons.d-none.d-md-inline-flex.float-right {
+ float: left !important;
+ margin-bottom: 5px;
+}
+
+.btn-group.d-none.d-md-inline-block.float-right {
+ float: left !important;
+}
+
+a.btn.btn-primary {
+ color: #fff !important;
+}
+
+.btn-primary:hover {
+ background: #8255f7 !important;
+ border-color: #8255f7;
+}
+
+.oe_kanban_card.oe_kanban_global_click.o_kanban_record {
+ box-shadow: 1px 3px 12px 1px #d2c9eab5;
+ margin-right: 8px;
+ padding: .8rem 1rem;
+ font-size: 12px;
+ border: none !important;
+}
+
+.o_view_controller {
+ background: #fff;
+}
+
+.o_field_widget.badge.badge-primary {
+ background: #4336fb;
+ padding: 5px 8px;
+ border-radius: 0px !important;
+}
+
+.clearfix.o_form_sheet {
+ box-shadow: 1px 3px 12px 1px #d2c9eab5;
+ border: none !important;
+}
+
+.o_form_sheet_bg {
+ background: #ffffff !important;
+}
+
+ul.nav.nav-tabs li.nav-item a {
+ padding: 1rem 1rem;
+}
+
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+ color: #4336fb !important;
+ background-color: #ffffff;
+ border: 1px solid #4336fb;
+ border-bottom: 0;
+}
+
+.o_form_view .o_horizontal_separator {
+ color: #000000 !important;
+ font-weight: 500 !important;
+}
+
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ background-color: #F5F5F5;
+}
+
+::-webkit-scrollbar {
+ width: 12px;
+ background-color: #F5F5F5;
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+ background-color: #555;
+}
+
+.o_Discuss_content .o_ThreadView .o_Discuss_thread {
+ background: #f3eeff;
+}
+
+.o_MessageList {
+ background: #f3eeff;;
+}
+
+.o_Message {
+ background: #f3eeff;;
+}
+
+.o_widget_Discuss .o_Discuss .o_DiscussSidebar {
+ border-top: 1px solid #cccccc;
+}
+.o_Discuss .o_Discuss_content {
+ background-color: white;
+}
+
+.o_Discuss .o_DiscussSidebar {
+ background-color: #ffffff;
+ width: 300px;
+ color: #000000;
+ box-shadow: 13px 9px 21px 20px #f1f1f1;
+ box-shadow: 12px 0px 4px 6px black;
+}
+
+.o_DiscussSidebarItem.o-active {
+ background-color: #ffffff;
+ box-shadow: 1px 3px 12px 1px #e5e0f3d4;
+}
+
+.o_DiscussSidebar_item {
+ padding: 1rem 16px !important;
+ margin-bottom: 2px;
+}
+
+.o_DiscussSidebarItem:hover {
+ background-color: #fff;
+ color: #4336fb;
+}
+
+.o_DiscussSidebarItem_activeIndicator.o-item-active {
+ background-color: #ffffff;
+}
+
+.o_DiscussSidebar_groupHeaderItem:hover {
+ color: #4336fb;
+}
+
+.o_DiscussSidebarItem_commandSettings {
+ opacity: .5 !important;
+}
+
+.o_DiscussSidebarItem_commandRename {
+ opacity: .5 !important;
+}
+
+.o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add:hover, .o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add:focus, .o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add.focus {
+ color: #4336fb;
+}
+
+select {
+ border-radius: 0 !important;
+// height: 37px;
+}
+
+.o_field_monetary.o_field_number.o_input.o_field_widget.o_required_modifier {
+ border-radius: 0;
+ height: 43px;
+}
+
+.datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active {
+ background-color: #4336fb;
+ border-radius: 0 !important;
+}
+
+.datepicker .table-sm > thead > tr > th {
+ border-radius: 0;
+}
+
+.datepicker .table-sm > thead {
+ color: white;
+ background-color: #4336fb;
+}
+
+.datepicker .table th, .datepicker .table td {
+ vertical-align: top;
+ border-top: 1px solid #ffffff;
+}
+
+i.fa:hover {
+ color: #4336fb !important;
+}
+
+.dropdown-menu.cybro-main-menu.show {
+ padding: 0 !important;
+ width: 320px !important;
+}
+
+a.dropdown-item.o_app.cybro-mainmenu {
+ width: 100% !important;
+ text-align: left !important;
+ display: flex;
+ justify-content: flex-start !important;
+ align-items: center !important;
+ flex-direction: row !important;
+ padding: 1rem 1rem 1rem 2rem !important;
+}
+
+.o_menu_apps .dropdown-menu.show .o-app-icon {
+ max-width: 3rem !important;
+ margin-right: 11px;
+}
+
+.cybro-main-menu .input-group {
+ order: 2;
+}
+
+.cybro-main-menu input.form-control {
+ order: 1;
+ border-bottom-left-radius: 30px !important;
+ border-top-left-radius: 30px !important;
+ font-size: 12px !important;
+ border: none !important;
+ outline: none !important;
+ color: #495057 !important;
+ &::placeholder{
+ color: #000 !important;
+ }
+}
+
+.cybro-main-menu .input-group-prepend {
+ order: 2;
+}
+
+.cybro-main-menu .input-group-prepend {
+ border-top-right-radius: 30px !important;
+ border-bottom-right-radius: 30px !important;
+ background-color: #4336fb !important;
+ border: none !important;
+}
+
+.cybro-main-menu .search-input .input-group {
+ background-color: #30363F !important;
+ box-shadow: none;
+}
+
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group {
+ box-shadow: none;
+}
+
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group input.form-control {
+ color: #495057 !important;
+ background-color: #f3eeff !important;
+ padding-left: 10px;
+}
+
+.search-input.col-md-10.ml-auto.mr-auto.mb-2 {
+ margin: 0 !important;
+ width: 100%;
+}
+
+.cybro-main-menu a.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
+ padding-left: 30px !important;
+ font-size: 12px;
+ text-align: left !important;
+ width: 100%;
+ padding-right: 0px !important;
+ flex-wrap: wrap;
+ word-break: normal;
+ color: #fff !important;
+
+}
+
+.cybro-main-menu .search-results.col-md-10.ml-auto.mr-auto {
+ background: #30353f !important;
+ margin: 10px 0 !important;
+}
+.cybro-main-menu .search-results {
+ background: #30353f !important;
+ margin: 10px 0 !important;
+}
+
+.o_menu_apps .dropdown-menu.show .form-row {
+ width: 100%;
+ margin: 25px 0px 0px 0px !important;
+}
+
+.o_kanban_record {
+ border: none !important;
+ box-shadow: 2px 4px 8px 2px rgba(67, 54, 251, .1) !important;
+}
+
+.o_searchview_input_container input {
+ background: #f3eeff !important;
+ height: 34px;
+ color: #b1a7a7 !important;
+ border-radius: 30px !important;
+}
+
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group .input-group-prepend span.fa {
+ color: #848484 !important;
+ font-size: 1.08333333rem;
+ margin-right: 1rem;
+ padding-top: 9px;
+ padding-left: 6px;
+}
+
+@media (min-width: 1200px) {
+ .o_mail_discuss .o_mail_discuss_content {
+ margin-left: 218px !important;
+ }
+ .o_mail_discuss .o_mail_discuss_sidebar {
+ width: 218px;
+ }
+}
+
+.o_MobileMessagingNavbar_tab.o-active {
+ color: #4336fb;
+}
+
+@media (min-width: 767px) {
+ ul.o_menu_sections.collapse.show {
+ margin-top: 24px !important;
+ }
+ .o_web_client .o_mobile_search .o_mobile_search_header {
+ height: 46px;
+ margin-bottom: 10px;
+ width: 100%;
+ background-color: #4336fb !important;
+ color: white;
+ }
+ .o_searchview {
+ padding-right: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ button.o_enable_searchview.btn.fa.fa-search {
+ float: right !important;
+ height: 39px !important;
+ width: 33px !important;
+ background: #4336fb !important;
+ color: #fff !important;
+ border-top-right-radius: 30px !important;
+ border-bottom-right-radius: 30px !important;
+ }
+ .o_control_panel .btn.o_enable_searchview {
+ margin-left: 2%;
+ padding: 0px;
+ float: right;
+ background: white;
+ margin-right: -43px;
+ height: 40px;
+ border-top-right-radius: 20px;
+ margin-top: -1px;
+ border: 1px solid #f3eeff;
+ padding: 11px;
+ border-bottom-right-radius: 20px;
+ }
+
+}
+
+.o_Discuss .o_DiscussSidebar .o_DiscussSidebarItem.o_unread_message {
+ color: #6c757d !important;
+}
+
+.o_Discuss .o_DiscussSidebar .o_DiscussSidebarItem > .badge {
+ color: white;
+ background-color: #443dfb !important;
+}
+
+.o_onboarding.o_onboarding_blue .o_onboarding_wrap {
+ background-color: rgb(136, 63, 254);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 98, 245)), to(#883ffe));
+ background-image: -webkit-linear-gradient(top, rgb(136, 63, 254), #8062f5);
+ background-image: -moz-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE);
+ background-image: -ms-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE);
+ background-image: -o-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE);
+ background-image: linear-gradient(to bottom, rgb(128, 98, 245), #883efd);
+ box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3);
+ color: #fff;
+}
+
+.o_onboarding_step_title .mt16 a {
+ color: #fff !important;
+}
+
+h4.o_onboarding_step_title.mt16 a {
+ color: #fff !important;
+}
+
+.o_onboarding_step_content_info p {
+ color: #ececec !important;
+}
+
+.btn-info {
+ color: #fff !important;
+ background-color: #717171;
+ border-color: #717171;
+}
+
+.o_cp_top {
+ width: 100%;
+}
+.o_cp_bottom {
+ width: 100%;
+}
+.o_menu_apps .dropdown-menu {
+ position :absolute !important;
+}
+
+#sidebar_panel {
+ height: calc(100% - 0%);
+ position: fixed;
+ background: #30363F;
+ display: none;
+ width: 320px;
+ overflow-y: scroll;
+ -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
+ scrollbar-width: none; /* Hide scrollbar for Firefox */
+ z-index: 999;
+ padding-left: 16px;
+}
+#sidebar_panel::-webkit-scrollbar {
+ display: none; /* Hide scrollbar for Chrome, Safari and Opera */
+}
+.sidebar_panel .sidebar {
+ padding: 0;
+ white-space: normal;
+ padding-bottom: 20px;
+ padding-top: 5px;
+}
+.sidebar_panel .sidebar_close {
+ text-align: end;
+ display: none;
+ position: sticky;
+ height: 35px;
+ padding-top: 5px;
+ top: 0;
+ background: #2a3042;
+ z-index: 1;
+}
+.sidebar_panel .sidebar_close a#closeSidebar {
+ font-size: 18px;
+ margin-right: 10px;
+ color: #ffffff;
+ opacity: .3;
+}
+.fa.fa-bars.fa-lg {
+ padding: 16px;
+}
+.search_icons > .o-menu-search-result{
+ width: 100%;
+ height: auto;
+ background-size: contain !important;
+ background-position: left !important;
+ background-repeat: no-repeat !important;
+ margin-top: 5px !important;
+ margin-bottom: 5px !important;
+ padding-left: 30px;
+ font-size: 12px;
+ white-space: normal;
+ word-wrap: normal;
+ line-height: 140%;
+
+ &::before{
+ content: '' !important;
+ }
+}
+.search-results{
+ max-height: calc(100vh - 47px - 6em);
+ padding-right: 5px;
+ padding-left: 5px;
+ overflow-y: scroll;
+ margin-left: 0px !important;
+ margin-right: 0px !important;
+}
+.fa.fa-bars.fa-lg {
+ padding: 11px;
+ color: #4336fb;
+}
+.o_main_navbar .dropdown .dropdown-toggle, .o_main_navbar .o_menu_sections .dropdown .dropdown-toggle, .o_main_navbar .o_menu_systray .dropdown .dropdown-toggle, .o_main_navbar .o_nav_entry, .o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_systray .o_nav_entry, .o_main_navbar > .o_menu_sections > div, .o_main_navbar > .o_menu_sections > div > a, .o_main_navbar .o_menu_systray > div, .o_main_navbar .o_menu_systray > div > a, .o_main_navbar .o_menu_toggle, .o_main_navbar .o_navbar_apps_menu, .o_main_navbar .o_menu_brand {
+ cursor: pointer;
+ color: black !important;
+ margin-top: -1px;
+}
+.o_main_navbar .o_menu_sections .o_nav_entry,{
+background: none ;
+ border: none;
+}
+.o_main_navbar .o_menu_sections .dropdown-toggle{
+background: none ;
+ border: none;
+ color: black !important;
+}
+
+.a_app_menu_title {
+ color: #fff;
+}
+.input-group-text{
+ padding: 0.8rem 0.6rem 1.0rem;
+ background-color: #4336fb;
+}
+.o_searchview .o_searchview_facet .o_facet_remove{
+ margin-right: -4px;
+ margin-top: 2px;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::before, .o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::after {
+ border-bottom: 26px solid transparent;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled {
+ background-color: #4336fb;
+ }
+
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled::after, .o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled::before {
+ border-left-color: #4336fb;
+}
+.btn-fill-odoo, .btn-odoo {
+ background-color: #4336fb;
+}
+.o_main_navbar .o_menu_systray > * > a .badge, .o_main_navbar .o_menu_systray > * > .dropdown > a .badge, .o_main_navbar .o_menu_systray > * > button .badge, .o_main_navbar .o_menu_systray > * > label .badge {
+// background-color: #4336fb;
+ border-radius: 20px;
+ color: #fff;
+}
+.o_onboarding_step_content.py-3.flex-grow-1.d-flex.flex-column.align-items-center.justify-content-around span {
+ color: #fff;
+}
+.custom-control-input:checked ~ .custom-control-label::before,.badge-primary{
+ background-color: #4336fb !important;
+}
+
+
+.form-check-input{
+ appearance: checkbox;
+ height: 14px !important;
+ accent-color: #4336fb !important;
+}
+.o_field_widget.o_field_many2one .o_external_button {
+ color: #4336fb !important;
+}
+.btn.btn-secondary.fa.o_external_button.fa-arrow-right {
+ color: #4336fb !important;
+}
+.text-success, .o_field_widget .fa.o_toggle_button_success, .o_activity_view .o_activity_summary_cell .o_activity_btn > .badge.planned, .o_mail_activity .o_activity_color_planned, .o_kanban_dashboard.o_account_kanban .o_account_dashboard_header .o_arrow_button.btn-secondary.o_action_done .fa-check {
+ color: #4336fb !important;
+}
+.o_enterprise_label {
+ background-color: #4336fb !important;
+}
+.btn-link{
+ color: #4336fb !important;
+}
+.o-menu-search-result {
+ color: #fff !important;
+}
+.o_searchview_facet_label.text-bg-odoo.fa.fa-filter {
+ background-color: #4336fb !important;
+}
+
+.o_form_view .o_form_label {
+ line-height: 1.5 !important;
+}
+.o_form_view .o_input {
+ padding: 2px 0px;
+}
+
+.o-form-buttonbox .btn.oe_stat_button > .o_button_icon {
+ color: #4336fb !important;
+}
+// .oe_grey
+.p-2 {
+ padding: 0.699rem !important;
+}
+.btn.btn-outline-primary.o_form_button_create {
+ background-color: #4336fb;
+ color: #fff;
+}
+.btn-fill-odoo:disabled, .btn-odoo:disabled, .btn-fill-odoo.disabled, .disabled.btn-odoo {
+ background-color: #4336fb;
+}
+.o_list_renderer .o_list_table tbody > tr > td:not(.o_list_record_selector):not(.o_handle_cell):not(.o_list_button):not(.o_list_record_remove) {
+ padding: 3px;
+}
+.btn.btn-secondary.btn-sm.float-end.oe_kanban_action.oe_kanban_action_a {
+
+ padding: 0px;
+}
+.btn-primary:hover {
+ background: #4336fb !important;
+ border-color: #4336fb;
+}
+.o_progressbar .o_progress .o_progressbar_complete {
+ background-color: #4336fb !important;
+}
+.progress-bar {
+ background-color: #4336fb !important;
+}
+.o_calendar_renderer .o_calendar_widget .fc-timeGridDay-view .fc-widget-header.fc-today, .o_calendar_renderer .o_calendar_widget .fc-timeGridWeek-view .fc-widget-header.fc-today {
+ background-color: #4336fb !important;
+}
+.form-check-label::before{
+box-shadow: none !important;
+ border-color: var(--text-color) !important;
+ border-radius: 4px;
+ box-shadow: -2px 3px 10px #0000000F;
+ height: 14px;
+ width: 14px;
+ margin-right: 15px;
+}
+
+.form-check-input:checked ~ .form-check-label::before{
+background-color:red !important;
+border:3px solid red !important;
+}
+h1 input{
+ font-size: inherit !important;
+}
+.oe_module_action {
+ flex-wrap: nowrap !important;
+}
+li.dropdown {
+ display: flex;
+}
+.oe_topbar_name{
+ color:black;
+ }
+.o_debug_manager .fa-bug{
+ color:black;
+ }
+.o_searchview_dropdown_toggler{
+ border:none !important;
+ }
+.o_cp_searchview .o-dropdown .o_searchview_dropdown_toggler{
+// height: 40px !important;
+background-color:#fff !important;
+
+ margin-top: 5px;
+ border:none !important;
+ outline:none;
+}
+.o_menu_sections {
+margin-top:2px;
+}
+.o_navbar .fa-bars{
+ margin-top: 3px;
+}
+.o_search_bar_menu .o_add_custom_group_menu option{
+color:black !important;
+}
+
+
+@media (max-width: 550px) {
+ .o_searchview {
+ overflow: auto;
+ min-width: 275px;
+ }
+ .sidebar_panel .search-input{
+ margin-right: 16px;
+ }
+}
+
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current:not(.d-none):disabled{
+ background-color: #4336fb !important;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current:not(.d-none):disabled:after,{
+ border-left-color: #4336fb;
+ padding-top: 5px;
+}
+.o_zoom_out.o_datetime_button{
+ background-color: #4336fb ;
+}
+
+.o_edit_website_container .btn{
+background-color: #fff ;
+}
+.o_edit_website_container .btn-primary:hover {
+background-color: #fff !important;
+}
+.o_loading_indicator{
+ background-color: #4336fb !important;
+}
+.o_cp_searchview .btn-outline-secondary:hover {
+background-color:#fff !important;
+}
+.o_searchview_facet_label i.fa:hover{
+color:#fff !important
+}
+
+.sidebar_menu li:last-child {
+ margin-bottom: 60px;
+}
+
+.sidebar_menu li {
+ margin-bottom: 15px !important;
+}
+
+.fa-comments {
+ color: #28a745 !important;
+}
+
+.fa-clock-o {
+ color: #28a745 !important;
+}
+.d-lg-block
+{
+color: black !important;
+}
+
diff --git a/backend_theme_odoo12/static/src/xml/sidebar_menu_templates.xml b/backend_theme_odoo12/static/src/xml/sidebar_menu_templates.xml
new file mode 100644
index 000000000..916f80fdb
--- /dev/null
+++ b/backend_theme_odoo12/static/src/xml/sidebar_menu_templates.xml
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+ Supports:
+
+
+ Community
+
+
+
+
+ Availability:
+
+
+ Odoo Online
+
+
+ Odoo.sh
+
+
+ On Premise
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Features
+ +info includes 300+ elements that you may need to create website without + external plugins.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Truly responsive
+ +Critical highlights of the Blueberry backend theme is that it was genuinely responsive.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Theme Features
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+ Truly
+
+
+
+ Truly
+ Responsive
+
+
+
+
+ One of the critical highlights of + the Blueberry Backend Theme is that + it was genuinely responsive; moreover, it provides + an efficient interface to manage a mobile device.
+-
+
Appealing card hover style
+ - Detailed product filtering
+
- Modernized mini basket
+
- Cutting-edge single product
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Stunning
+
+
+
+ Stunning
+ Pages
+
+
+
+
+ Blueberry Backend Theme V18 is an Attractive Theme for Your + Odoo 18. This Theme Will Improve + Your Experience With Odoo.
+-
+
- Visually Stunning Design
+
- User-Friendly Navigation
+
+
+
+
+
+
+
+
+
+
+
+ Our Services
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
-
+
+
+ +
+ + +
+