[ADD] Initial Commit 'backend_theme_odoo12'

backend_theme_odoo12/README.md

@@ -0,0 +1,39 @@
+Blueberry Backend Theme
+=======================
+
+Blueberry Backend Theme
+
+Depends
+=======
+[website] addon Odoo
+[portal] addon Odoo
+[web_responsive] addon Odoo
+
+Installation
+============
+- www.odoo.com/documentation/14.0/setup/install.html
+- Install our Theme
+
+License
+=======
+GNU AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPLv3)
+(http://www.gnu.org/licenses/agpl.html)
+
+Bug Tracker
+===========
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Credits
+=======
+* Cybrosys Techno Solutions <https://www.cybrosys.com>
+
+Author
+------
+Cybrosys Technologies <odoo@cybrosys.com>
+
+Maintainer
+----------
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com.

backend_theme_odoo12/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+

backend_theme_odoo12/__manifest__.py

@@ -0,0 +1,51 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+{
+    "name": "Blueberry Backend Theme",
+    "description": """Backend theme for Odoo 14.0 community edition""",
+    "summary": "Backend theme for Odoo 14.0 community edition.",
+    "version": "14.0.1.0.0",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    "website": "https://www.cybrosys.com",
+    "category": "Theme/Backend",
+    'images': [
+        'static/description/banner.png',
+        'static/description/theme_screenshot.png'
+    ],
+    "depends": [
+        'website',
+        'portal',
+        'web_responsive'
+    ],
+    "data": [
+        'views/assets.xml',
+        'views/login_templates.xml',
+    ],
+    'qweb': ['static/src/xml/*.xml'],
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

backend_theme_odoo12/doc/RELEASE_NOTES.md

@@ -0,0 +1,5 @@
+## Module <backend_theme_odoo12>
+
+#### 05.07.2021
+#### Version 14.0.1.0.0
+##### ADD

backend_theme_odoo12/static/description/index.html

@@ -0,0 +1,446 @@
+   <!-- HERO SECTION -->
+   <div class="contianer">
+    <div class="row position-relative"
+      style="background-color: #3c31e2 !important; height: 400px; margin-bottom: 6rem;">
+      <div class="col-lg-12 d-flex flex-column justify-content-start align-items-center">
+        <h1 class="display-1 text-white" style="padding-top: 5rem;">Blueberry Backend Theme</h1>
+        <p class="text-light small font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase;">Clean
+          &amp; Colorful Backend Theme for
+          Odoo 14</p>
+      </div>
+      <img src="./images/hero.png" class="img img-fluid"
+        style="height: auto; width: 525px; top: 45%; left: 0; right: 0; margin-left: auto; margin-right: auto;"
+        height="auto" width="525px">
+    </div>
+  </div>
+  <!-- END OF HERO SECTION -->
+  <!-- SHORT DESCRIPTION -->
+  <div class="container">
+    <div class="row my-4">
+      <div class="col-lg-12 d-flex justify-content-center align-items-center">
+        <h6 class="text-muted text-center w-50" style="line-height: 22px;">The app enables a user friendly backend
+          theme for Odoo 14.0 community edition.</h6>
+      </div>
+    </div>
+  </div>
+  <!-- END OF SHORT DESCRIPTION -->
+  <!-- FEATURE ICONS -->
+  <div class="container w-50" style="margin: 3rem auto;">
+    <div class="row">
+      <div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
+        <div
+          style="height: 100px; width: 100px; border: 8px solid #e4e3fe; border-radius: 50%; background-color: #d9d7fe; box-shadow: 0px 0px 0px 8px #f0efff;"
+          class="d-flex justify-content-center align-items-center">
+          <img height="60px" src="./images/icons/design.png">
+        </div>
+        <h6 class="my-4 text-center">Carefully Crafted</h6>
+      </div>
+
+      <div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
+        <div
+          style="height: 100px; width: 100px; border: 8px solid #e4e3fe; border-radius: 50%; background-color: #d9d7fe; box-shadow: 0px 0px 0px 8px #f0efff;"
+          class="d-flex justify-content-center align-items-center">
+          <img height="60px" src="./images/icons/responsive.png">
+        </div>
+        <h6 class="my-4 text-center">Responsive Design</h6>
+      </div>
+
+      <div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
+        <div
+          style="height: 100px; width: 100px; border: 8px solid #e4e3fe; border-radius: 50%; background-color: #d9d7fe; box-shadow: 0px 0px 0px 8px #f0efff;"
+          class="d-flex justify-content-center align-items-center">
+          <img height="60px" src="./images/icons/quality.png">
+        </div>
+        <h6 class="my-4 text-center">Quality Checked</h6>
+      </div>
+    </div>
+  </div>
+  <!-- END OF FEATURE ICONS -->
+
+  <!-- ONE COLUMN SECTION-->
+  <div class="container" style="margin: 3rem auto;">
+    <div class="row my-4">
+      <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+        <h2 class="text-center mt-3 display-4 text-weight-bold">Kanban View</h2>
+        <p class="text-center lead text-muted mb-4">Kanban view with a clean layout and modified font.</p>
+        <img height="600px" width="auto" src="./images/kanban.png" class="img img-fluid deep-4 rounded">
+      </div>
+    </div>
+  </div>
+  <!-- END OF ONE COLUMN SECTION-->
+
+  <!-- TWO COLUMN SECTION-->
+  <div class="container" style="margin: 6rem auto;">
+    <div class="row my-4">
+      <div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
+        <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Custom
+          Login</span>
+        <h2 class="mt-3">Minimal, Colorful Login Screen</h2>
+        <p class="lead text-muted mb-4">Customized minimal and colorful login screen.</p>
+        <img src="./images/login.png" class="img img-fluid deep-2 rounded">
+      </div>
+
+      <div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
+        <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span>
+        <h2 class="mt-3">Discuss</h2>
+        <p class="lead text-muted mb-4">Discuss page with a different style.</p>
+        <img src="./images/discuss.png" class="img img-fluid deep-2 rounded">
+      </div>
+
+    </div>
+  </div>
+  <!-- END OF TWO COLUMN SECTION-->
+
+  <!-- RESPONSIVE SECTION-->
+  <div class="container" style="margin: 6rem auto;">
+    <div class="row my-4">
+      <div class="col-lg-5 d-flex flex-column justify-content-center align-items-start">
+        <img src="./images/responsive.jpg" class="img img-fluid deep-2 rounded">
+      </div>
+      <div class="col-lg-7 d-flex flex-column justify-content-center">
+        <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Responsive
+          Layout</span>
+        <h2 class="mt-3">Truly Responsive</h2>
+        <p class="lead text-muted mb-4">Fully responsive layout which enables to view and manage everything from the comfort of your mobile device.</p>
+      </div>
+    </div>
+
+  </div>
+  <!-- END OF RESPONSIVE SECTION-->
+
+<!-- TWO COLUMN SECTION-->
+<div class="container" style="margin: 6rem auto;">
+  <div class="row my-4">
+    <div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
+      <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Custom
+        App Drawer</span>
+      <h2 class="mt-3">Modified App Drawer</h2>
+      <p class="lead text-muted mb-4">Modified app drawer which helps to navigate through different applications.</p>
+      <img src="./images/app_drawer.png" class="img img-fluid deep-2 rounded">
+    </div>
+
+    <div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
+      <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Custom
+        Search Option</span>
+      <h2 class="mt-3">Advanced searching option for App menus.</h2>
+      <p class="lead text-muted mb-4">Advanced searching option which provides an easy way to navigate through the different app menus.</p>
+      <img src="./images/search.png" class="img img-fluid deep-2 rounded">
+    </div>
+
+  </div>
+</div>
+<!-- END OF TWO COLUMN SECTION-->
+
+  <!-- RESPONSIVE SECTION-->
+  <div class="container" style="margin: 6rem auto;">
+    <div class="row my-4">
+      <div class="col-lg-5 d-flex flex-column justify-content-center align-items-start">
+        <img src="./images/custom_date.png" class="img img-fluid deep-2 rounded">
+      </div>
+      <div class="col-lg-7 d-flex flex-column justify-content-center">
+        <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span>
+        <h2 class="mt-3">Custom Date Picker</h2>
+        <p class="lead text-muted mb-4">Customized date picker</p>
+      </div>
+    </div>
+
+  </div>
+</div>
+<!-- END OF RESPONSIVE SECTION-->
+
+<!-- TWO COLUMN SECTION-->
+<div class="container" style="margin: 6rem auto;">
+  <div class="row my-4">
+    <div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
+      <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span>
+      <h2 class="mt-3">Tree View</h2>
+      <p class="lead text-muted mb-4">Tree view with a clean layout and modified font.</p>
+      <img src="./images/tree_view.png" class="img img-fluid deep-2 rounded">
+    </div>
+
+    <div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
+      <span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span>
+      <h2 class="mt-3">Form View</h2>
+      <p class="lead text-muted mb-4">Form view with a clean layout and modified font.</p>
+      <img src="./images/form_view.png" class="img img-fluid deep-2 rounded">
+    </div>
+
+  </div>
+</div>
+<!-- END OF TWO COLUMN SECTION-->
+
+  <!-- OUR SERVICES -->
+  <section class="container" style="margin-top: 6rem !important;">
+    <div class="row">
+      <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+        <h2 class="text-center"
+          style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;">
+          Our Services</h2>
+        <p class="text-center"
+          style="font-family: Montserrat, 'sans-serif'; color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;">
+          We provide following services</p>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Customization</h6>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Implementation</h6>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Support</h6>
+      </div>
+
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Hire
+          Odoo
+          Developer</h6>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Integration</h6>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Migration</h6>
+      </div>
+
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Consultancy</h6>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Implementation</h6>
+      </div>
+
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+          style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+          <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo
+          Licensing Consultancy</h6>
+      </div>
+    </div>
+  </section>
+  <!-- END OF END OF OUR SERVICES -->
+
+  <!-- OUR INDUSTRIES -->
+  <section class="container" style="margin-top: 6rem !important;">
+    <div class="row">
+      <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+        <h2 class="text-center"
+          style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;">
+          Our Industries</h2>
+        <p class="text-center"
+          style="font-family: Montserrat, 'sans-serif'; color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;">
+          Our industry specifics and process segments to solve your complex business barriers.</p>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            Trading
+          </h5>
+          <p style="font-size: 0.9rem !important;">Easily procure
+            and
+            sell your products</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            POS
+          </h5>
+          <p style="font-size: 0.9rem !important;">Easy
+            configuration
+            and convivial experience</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            Education
+          </h5>
+          <p style="font-size: 0.9rem !important;">A platform for
+            educational management</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            Manufacturing
+          </h5>
+          <p style="font-size: 0.9rem !important;">Plan, track and
+            schedule your operations</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            E-commerce &amp; Website
+          </h5>
+          <p style="font-size: 0.9rem !important;">Mobile
+            friendly,
+            awe-inspiring product pages</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            Service Management
+          </h5>
+          <p style="font-size: 0.9rem !important;">Keep track of
+            services and invoice</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            Restaurant
+          </h5>
+          <p style="font-size: 0.9rem !important;">Run your bar or
+            restaurant methodically</p>
+        </div>
+      </div>
+
+      <div class="col-lg-3">
+        <div class="my-4 d-flex flex-column justify-content-center"
+          style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+          <img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
+          <h5 style="color: #000 !important; font-weight: bold;">
+            Hotel Management
+          </h5>
+          <p style="font-size: 0.9rem !important;">An
+            all-inclusive
+            hotel management application</p>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <!-- END OF END OF OUR INDUSTRIES -->
+
+  <!-- FOOTER -->
+  <!-- Footer Section -->
+  <section class="container" style="margin: 5rem auto 2rem;">
+    <div class="row" style="max-width:1540px;">
+      <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+        <h2 class="text-center"
+          style="color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;">
+          Need Help?</h2>
+        <p class="text-center"
+          style="color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;">
+          Do you have any queries regarding our products &amp; services? Let us know.</p>
+      </div>
+    </div>
+
+    <!-- Contact Cards -->
+    <div class="row d-flex justify-content-center align-items-center"
+      style="max-width:1540px; margin: 0 auto 2rem auto;">
+
+      <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+        <div class="row mt-4">
+          <div class="col-lg-4">
+            <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+              style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+          </div>
+          <div class="col-lg-4">
+            <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
+              class="btn btn-block mb-2 deep_hover"
+              style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
+          </div>
+          <div class="col-lg-4">
+            <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
+              style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
+          </div>
+        </div>
+      </div>
+
+    </div>
+    <!-- End of Contact Cards -->
+  </section>
+  <!-- Footer -->
+  <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+    <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+      <!-- Logo -->
+      <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
+        <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+      </div>
+      <!-- End of Logo -->
+      <div class="col-lg-12">
+        <hr
+          style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+        <!-- End of Footer Section -->
+      </div>
+    </div>
+
+    <!-- END OF FOOTER -->

backend_theme_odoo12/static/src/scss/theme_style.scss

@@ -0,0 +1,180 @@
+@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
+}
+/*==============login================*/
+.oe_website_login_container {
+  padding: 5rem;
+  background: linear-gradient(to left, #6442ff 0%, #9012fe 100%);
+}
+
+.oe_login_form, .oe_signup_form, .oe_reset_password_form {
+  color: #fff !important;
+}
+
+.oe_login_form input {
+  height: 47px !important;
+  border-radius: 0 !important;
+  background: #fff !important;
+  border: 1px solid #ffffff;
+}
+
+.oe_login_form i.fa.fa-database {
+  margin-left: 6px;
+}
+
+.oe_login_form a.btn.btn-secondary {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 0 !important;
+}
+.cybro-login-btn {
+    height: 47px;
+    border-radius: 0;
+    background: #57b846 !important;
+    border: none;
+    color: #ffffff !important;
+    font-size: 16px;
+}
+.cybro-super-btn {
+    color: #fff;
+    font-size: 14px;
+  text-decoration: none;
+}
+.cybro-super-btn:hover {
+    color: black !important;
+    text-decoration: none;
+}
+.cybro-bg footer{
+    background: #303641 !important;
+    color: #fff;
+    padding-top: 2rem;
+}
+.cybro-bg .navbar {
+    background: #303641 !important;
+    color: #fff;
+}
+.cybro-bg footer a,.cybro-bg footer p,.cybro-bg header a,.cybro-bg header p {
+    color: #fff;
+}
+.cybro-bg .navbar-light .navbar-nav .nav-link {
+    color: #ffffff !important;
+}
+.homepage .dropdown-menu.js_usermenu.dropdown-menu-right.show {
+       color:#ffffff !important;
+    background: #303641;
+}
+/*==============//login================*/

backend_theme_odoo12/static/src/scss/theme_style_backend.scss

@@ -0,0 +1,966 @@
+@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: 1px 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;
+}
+
+.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 {
+  padding: 3px 20px;
+  transition: 0s !important;
+}
+
+.ui-autocomplete .ui-menu-item > a:hover {
+  display: block;
+  color: #ffffff !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;
+}

backend_theme_odoo12/static/src/xml/base_ext.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+    <t t-extend="web.ControlPanel">
+        <t t-jquery="div.o_control_panel" t-operation="replace">
+            <div class="o_control_panel">
+                <div class="o_cp_searchview" role="search"/>
+                <div class="o_cp_right">
+                    <div class="btn-group o_search_options" role="search"/>
+                    <nav class="o_cp_pager" role="search" aria-label="Pager"/>
+                    <nav class="btn-group o_cp_switch_buttons" role="toolbar" aria-label="View switcher"/>
+                </div>
+                <hr></hr>
+                <ol class="breadcrumb" role="navigation"/>
+                <div class="o_cp_left">
+                    <div class="o_cp_buttons" role="toolbar" aria-label="Control panel toolbar"/>
+                    <aside class="o_cp_sidebar"/>
+                </div>
+
+            </div>
+        </t>
+    </t>
+</templates>

backend_theme_odoo12/static/src/xml/sidebar_menu_icon.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+    <t t-extend="AppsMenu">
+        <t t-jquery="div[role='menu']" t-operation="attributes">
+            <attribute name="class">dropdown-menu cybro-main-menu</attribute>
+        </t>
+        <t t-jquery=".o_app" t-operation="attributes">
+            <attribute name="t-attf-href">#menu_id=#{app.menuID}&amp;action_id=#{app.actionID}</attribute>
+        </t>
+        <t t-jquery=".o_app" t-operation="attributes">
+            <attribute name="class">dropdown-item o_app cybro-mainmenu</attribute>
+        </t>
+    </t>
+</templates>

backend_theme_odoo12/views/assets.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<odoo>
+    <data>
+        <template id="assets_frontend" name="Backend Theme"
+                  inherit_id="web.assets_frontend">
+            <xpath expr=".">
+                <link rel="stylesheet"
+                      href="/backend_theme_odoo12/static/src/scss/theme_style.scss"/>
+            </xpath>
+        </template>
+
+        <template id="assets_backend" name="Backend Theme"
+                  inherit_id="web.assets_backend">
+            <xpath expr=".">
+                <link rel="stylesheet"
+                      href="/backend_theme_odoo12/static/src/scss/theme_style_backend.scss"/>
+
+            </xpath>
+        </template>
+    </data>
+</odoo>

backend_theme_odoo12/views/login_templates.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="login_templated_ext" inherit_id="web.login"
+              name="Login Ext">
+        <xpath expr="//button[@type='submit'][1]" position="replace">
+            <button type="submit"
+                    class="btn btn-primary btn-block cybro-login-btn">Log
+                in
+            </button>
+        </xpath>
+        <xpath expr="//t[@t-if='debug']/button" position="replace">
+            <button type="submit" name="redirect"
+                    value="/web/become"
+                    class="btn btn-link btn-sm btn-block cybro-super-btn">Log in
+                as
+                superuser
+            </button>
+        </xpath>
+    </template>
+    <template id="layout" name="Main layout Ext"
+              inherit_id="portal.frontend_layout">
+        <xpath expr="//div[@id='wrapwrap']" position="attributes">
+            <attribute name="t-attf-class"
+                       add="cybro-bg #{pageName or ''} #{direction == 'rtl' and 'o_rtl' or ''} #{'o_portal' if is_portal else ''}"
+                       separator=" "/>
+        </xpath>
+    </template>
+</odoo>