[ADD] Initial Commit

orange_theme_odoo12/README.md

@@ -0,0 +1,39 @@
+Outrageous Orange Backend Theme
+===============================
+
+Backend Theme.
+
+Depends
+=======
+[website] addon Odoo
+[portal] addon Odoo
+[web_responsive] addon Odoo
+
+Installation
+============
+- www.odoo.com/documentation/15.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.

orange_theme_odoo12/__init__.py

@@ -0,0 +1,22 @@
+# -*- 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/>.
+#
+#############################################################################
+

orange_theme_odoo12/__manifest__.py

@@ -0,0 +1,64 @@
+# -*- 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": "Outrageous Orange Backend Theme",
+    "description": """Backend theme for Odoo 15.0 community edition.""",
+    "summary": "Outrageous Orange Backend Theme",
+    'version': '15.0.1.0.0',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    "website": "https://www.cybrosys.com",
+    "category": "Themes/Backend",
+    'images': [
+        'static/description/banner.png',
+        'static/description/theme_screenshot.png',
+    ],
+    "depends": [
+        'website',
+        'portal',
+    ],
+    "data": [
+        'views/login_templates.xml',
+    ],
+    "assets": {
+        'web.assets_backend': [
+            'orange_theme_odoo12/static/src/scss/sidebar.scss',
+            'orange_theme_odoo12/static/src/scss/theme_style_backend.scss',
+            'orange_theme_odoo12/static/src/js/chrome/sidebar_menu.js',
+            'orange_theme_odoo12/static/src/js/chrome/search_apps.js',
+
+        ],
+        'web.assets_frontend': [
+            'orange_theme_odoo12/static/src/scss/theme_style.scss',
+        ],
+        'web.assets_qweb': [
+            'orange_theme_odoo12/static/src/xml/styles.xml',
+            'orange_theme_odoo12/static/src/xml/top_bar.xml',
+        ],
+    },
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

orange_theme_odoo12/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <orange_theme_odoo12>
+
+#### 04.06.2021
+#### Version 15.0.1.0.0
+##### ADD
+- Initial commit

orange_theme_odoo12/static/description/index.html

@@ -0,0 +1,411 @@
+<!-- HERO SECTION -->
+<div class="contianer">
+    <div class="row position-relative"
+        style="background-color: #fe5031 !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;">Outrageous Orange</h1>
+            <p class="text-light small font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase;">Clean
+                &amp; Colorful Backend Theme for
+                Odoo 15</p>
+        </div>
+        <img src="./images/laptop.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 15.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 #fdd8d0; border-radius: 50%; background-color: #fcc8bd; box-shadow: 0px 0px 0px 8px #fee8e3;"
+                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 #fdd8d0; border-radius: 50%; background-color: #fcc8bd; box-shadow: 0px 0px 0px 8px #fee8e3;"
+                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 #fdd8d0; border-radius: 50%; background-color: #fcc8bd; box-shadow: 0px 0px 0px 8px #fee8e3;"
+                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">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                Sapiente
+                esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</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: #e17055">Custom
+                Login</span>
+            <h2 class="mt-3">Minimal, Colorful Login Screen</h2>
+            <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente
+                esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>
+            <img src="./images/sign_in.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: #e17055">Custom
+                Datepicker</span>
+            <h2 class="mt-3">Discuss</h2>
+            <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente
+                esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</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.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: #e17055">Responsive Layout</span>
+            <h2 class="mt-3">Truly Responsive</h2>
+            <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente
+                esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</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: #e17055">Custom
+                App
+                Drawer</span>
+            <h2 class="mt-3">Modified App Drawer</h2>
+            <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente
+                esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>
+            <img src="./images/app_search.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: #e17055">Custom
+                Search Option</span>
+            <h2 class="mt-3">Advanced Searching for App Menus</h2>
+            <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente
+                esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>
+            <img src="./images/advaned_search.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-6">
+                    <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-6">
+                    <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>+91 86068 27707</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 -->

orange_theme_odoo12/static/src/js/chrome/search_apps.js

@@ -0,0 +1,95 @@
+/** @odoo-module */
+
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { registry } from "@web/core/registry";
+const { fuzzyLookup } = require('@web/core/utils/search');
+import { computeAppsAndMenuItems } from "@web/webclient/menus/menu_helpers";
+import core from 'web.core';
+
+const commandProviderRegistry = registry.category("command_provider");
+
+import { patch } from 'web.utils';
+patch(NavBar.prototype, 'jazzy_backend_theme/static/src/js/appMenu.js', {
+
+    //--------------------------------------------------------------------------
+    // Public
+    //--------------------------------------------------------------------------
+
+    /**
+     * @override
+     */
+     setup() {
+        this._super();
+        this._search_def = $.Deferred();
+        let { apps, menuItems } = computeAppsAndMenuItems(this.menuService.getMenuAsTree("root"));
+        this._apps = apps;
+        this._searchableMenus = menuItems;
+    },
+
+
+    mounted() {
+        this._super();
+        this.$search_container = $(".search-container");
+        this.$search_input = $(".search-input input");
+        this.$search_results = $(".search-results");
+        this.$app_menu = $(".app-menu");
+        this.$dropdown_menu = $(".dropdown-menu");
+    },
+
+     _searchMenusSchedule: function () {
+        this.$search_results.removeClass("o_hidden")
+        this.$app_menu.addClass("o_hidden");
+        this._search_def.reject();
+        this._search_def = $.Deferred();
+        setTimeout(this._search_def.resolve.bind(this._search_def), 50);
+        this._search_def.done(this._searchMenus.bind(this));
+    },
+
+    _searchMenus: function () {
+        var query = this.$search_input.val();
+        if (query === "") {
+            this.$search_container.removeClass("has-results");
+            this.$app_menu.removeClass("o_hidden");
+            this.$search_results.empty();
+            return;
+        }
+        var results = [];
+
+        fuzzyLookup(query, this._apps, (menu) => menu.label)
+        .forEach((menu) => {
+            results.push({
+                category: "apps",
+                name: menu.label,
+                actionID: menu.actionID,
+                id: menu.id,
+                webIconData: menu.webIconData,
+            });
+        });
+
+        fuzzyLookup(query, this._searchableMenus, (menu) =>
+            (menu.parents + " / " + menu.label).split("/").reverse().join("/")
+        ).forEach((menu) => {
+            results.push({
+                category: "menu_items",
+                name: menu.parents + " / " + menu.label,
+                actionID: menu.actionID,
+                id: menu.id,
+            });
+        });
+
+        this.$search_container.toggleClass(
+            "has-results",
+            Boolean(results.length)
+        );
+        this.$search_results.html(
+            core.qweb.render(
+                "orange_theme_odoo12.SearchResults",
+                {
+                    results: results,
+                    widget: this,
+                }
+            )
+        );
+    },
+
+});

orange_theme_odoo12/static/src/js/chrome/sidebar_menu.js

@@ -0,0 +1,91 @@
+odoo.define('code_backend_theme.SidebarMenu', function (require) {
+    "use strict";
+
+    //sidebar toggle effect
+    $(document).on("click", "#closeSidebar", function(event){
+        $("#closeSidebar").hide();
+        $("#openSidebar").show();
+    });
+    $(document).on("click", "#openSidebar", function(event){
+        $("#openSidebar").hide();
+        $("#closeSidebar").show();
+    });
+    $(document).on("click", "#openSidebar", function(event){
+        $("#sidebar_panel").css({'display':'block'});
+        $(".o_action_manager").css({'margin-left': '320px','transition':'all .1s linear'});
+
+        //add class in navbar
+        var navbar = $(".o_main_navbar");
+        var navbar_id = navbar.data("id");
+        $("nav").addClass(navbar_id);
+        navbar.addClass("small_nav");
+
+        //add class in action-manager
+        var action_manager = $(".o_action_manager");
+        var action_manager_id = action_manager.data("id");
+        $("div").addClass(action_manager_id);
+        action_manager.addClass("sidebar_margin");
+
+        //add class in top_heading
+        var top_head = $(".top_heading");
+        var top_head_id = top_head.data("id");
+        $("div").addClass(top_head_id);
+        top_head.addClass("sidebar_margin");
+    });
+    $(document).on("click", "#closeSidebar", function(event){
+        $("#sidebar_panel").css({'display':'none'});
+        $(".o_action_manager").css({'margin-left': '0px'});
+
+        //remove class in navbar
+        var navbar = $(".o_main_navbar");
+        var navbar_id = navbar.data("id");
+        $("nav").removeClass(navbar_id);
+        navbar.removeClass("small_nav");
+
+        //remove class in action-manager
+        var action_manager = $(".o_action_manager");
+        var action_manager_id = action_manager.data("id");
+        $("div").removeClass(action_manager_id);
+        action_manager.removeClass("sidebar_margin");
+
+        //remove class in top_heading
+        var top_head = $(".top_heading");
+        var top_head_id = top_head.data("id");
+        $("div").removeClass(top_head_id);
+        top_head.removeClass("sidebar_margin");
+    });
+
+    $(document).on("click", ".sidebar a", function(event){
+        var menu = $(".sidebar a");
+        var $this = $(this);
+        var id = $this.data("id");
+        $("header").removeClass().addClass(id);
+        menu.removeClass("active");
+        $this.addClass("active");
+
+        //sidebar close on menu-item click
+        $("#sidebar_panel").css({'display':'none'});
+        $(".o_action_manager").css({'margin-left': '0px'});
+//        $(".top_heading").css({'margin-left': '0px'});
+        $("#closeSidebar").hide();
+        $("#openSidebar").show();
+
+        //remove class in navbar
+        var navbar = $(".o_main_navbar");
+        var navbar_id = navbar.data("id");
+        $("nav").removeClass(navbar_id);
+        navbar.removeClass("small_nav");
+
+        //remove class in action-manager
+        var action_manager = $(".o_action_manager");
+        var action_manager_id = action_manager.data("id");
+        $("div").removeClass(action_manager_id);
+        action_manager.removeClass("sidebar_margin");
+
+        //remove class in top_heading
+        var top_head = $(".top_heading");
+        var top_head_id = top_head.data("id");
+        $("div").removeClass(top_head_id);
+        top_head.removeClass("sidebar_margin");
+    });
+});

orange_theme_odoo12/static/src/scss/sidebar.scss

@@ -0,0 +1,178 @@
+.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 {
+    color: #000000 !important;
+}
+.top_heading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.top_heading ul {
+  margin-bottom: 0 !important;
+}
+.top_heading > a {
+  margin-left: 10px;
+  font-size: 20px;
+}
+.top_heading li {
+  list-style: none;
+}
+#sidebar_panel {
+    height: calc(100% - 0%);
+	position: fixed;
+//     top: 0px;
+    background-color: #2a3042;
+    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;
+}
+#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;
+}
+.sidebar_panel .sidebar_close a#closeSidebar img {
+    width: 15px;
+}
+.sidebar_panel .sidebar .sidebar_logo {
+    padding-top: 20px;
+    text-align: center;
+    padding-bottom: 20px;
+}
+.sidebar_panel .sidebar .sidebar_logo img {
+    max-width: 150px;
+}
+
+.sidebar_panel .sidebar .sidebar_head {
+    padding-top: 20px;
+    padding-left: 15px;
+    color: #6a7187;
+    font-size: 14px;
+}
+
+.sidebar_panel .sidebar .sidebar_menu {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li {
+    margin: 0;
+    padding: 0;
+    border: 0px;
+    display: block;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li a {
+    margin: 0;
+    border: 0px;
+    display: block;
+    cursor: pointer;
+    overflow: hidden;
+    padding: 8px 10px 8px 25px;
+    color: #ffffff !important;
+    font-size: 1.45rem;
+    transition:.3s all;
+}
+.sidebar_panel .sidebar .sidebar_menu li:hover  a {
+    background: #1e2230;
+    color: #fff;
+}
+.sidebar_panel .nav-link {
+	opacity: .5;
+    transition:.3s all;
+}
+.sidebar_panel .sidebar a{
+    color: #fff !important;
+	opacity: 1;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li a .sidebar_img {
+    max-width: 3rem;
+    margin-right: 8px;
+}
+.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;
+}
+.input-group-prepend {
+    border-top-right-radius: 30px !important;
+    border-bottom-right-radius: 30px !important;
+    background-color: #fe5031 !important;
+    border: none !important;
+}
+.sidebar .search-container{
+    padding-top: 20px;
+    margin-right: 0px !important;
+    padding-right: 0px !important;
+}
+.search-container .search-input{
+    margin: 0px 0px 20px 0px !important;
+}
+.search-container .search-input .input-group {
+    flex-direction: row-reverse;
+}
+.search-container .search-input .input-group input.form-control {
+    color: #495057 !important;
+    background-color: #f1f1f1 !important;
+    padding-left: 10px;
+    border-radius: 30px 0px 0px 30px !important;
+
+    &:focus{
+        outline: 0 !important;
+    }
+}
+.input-group-text{
+    background-color: transparent !important;
+    border: none !important;
+    color: #fff !important;
+}

orange_theme_odoo12/static/src/scss/theme_style.scss

@@ -0,0 +1,181 @@
+@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 right, #df2673 0%, #fe5031 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================*/

orange_theme_odoo12/static/src/xml/styles.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<templates id="template" xml:space="preserve">
+    <!--Align Invite Button in Settings-->
+    <t t-inherit="base_setup.res_config_invite_users" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('d-flex')]" position="attributes">
+            <attribute name="class">d-flex align-items-center</attribute>
+        </xpath>
+    </t>
+
+    <!--Remove App Icon in Settings-->
+    <t t-inherit="web.BaseSetting.Tabs" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('tab')]" position="replace">
+            <div class="tab" t-attf-data-key="#{tab.key}" role="tab">
+                <span class="app_name"><t t-esc="tab.string"/></span>
+            </div>
+        </xpath>
+    </t>
+
+    <!--Active Color for App Counter-->
+    <t t-inherit="web.SearchPanel.Category" t-inherit-mode="extension" owl="1">
+        <xpath expr="//span[hasclass('o_search_panel_counter')]" position="attributes">
+            <attribute name="class">o_search_panel_counter ml-2 small</attribute>
+        </xpath>
+    </t>
+
+
+</templates>

orange_theme_odoo12/static/src/xml/top_bar.xml

@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="utf-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1">
+        <xpath expr="//nav[hasclass('o_main_navbar')]" position="replace">
+
+      <nav class="o_main_navbar"
+           t-on-dropdown-item-selected="onNavBarDropdownItemSelection"
+           data-command-category="navbar">
+          <div class="top_heading">
+            <!-- Apps Menu -->
+              <t t-call="web.NavBar.AppsMenu">
+             <t t-set="apps" t-value="menuService.getApps()"/>
+            </t>
+              <!-- App Brand -->
+              <MenuItem t-if="currentApp"
+                        href="getMenuItemHref(currentApp)"
+                        payload="currentApp"
+                        t-esc="currentApp.name"
+                        class="o_menu_brand"
+                        t-ref="menuBrand"
+              />
+          </div>
+
+          <!-- Current App Sections -->
+          <t t-if="currentAppSections.length" t-call="web.NavBar.SectionsMenu">
+          <t t-set="sections" t-value="currentAppSections"/>
+        </t>
+
+          <!-- Systray -->
+          <div class="o_menu_systray" role="menu">
+          <t t-foreach="systrayItems" t-as="item" t-key="item_index">
+            <NotUpdatable>
+                <ErrorHandler onError="error => handleItemError(error, item)">
+                    <t t-component="item.Component" t-props="item.props"/>
+                </ErrorHandler>
+            </NotUpdatable>
+          </t>
+        </div>
+      </nav>
+            <div class="sidebar_panel" id="sidebar_panel">
+        <div class="sidebar">
+			<div class="sidebar_close">
+				<a id="closeSidebar" style="cursor: pointer;">
+					<img src="/code_backend_theme/static/src/img/icons/close.png"/>
+                </a>
+			</div>
+            <div class="search-container form-row align-items-center m-auto mb-5 col-12" style="padding-top: 32px;">
+                            <div class="search-input col-md-10 ml-auto mr-auto mb-5"
+                                 t-on-input="_searchMenusSchedule">
+                                    <div class="input-group">
+                                        <div class="input-group-prepend">
+                                            <div class="input-group-text">
+                                                <i class="fa fa-search"/>
+                                            </div>
+                                        </div>
+                                        <input type="search"
+                                               autocomplete="off"
+                                               placeholder="Search menus..."
+                                               class="form-control"/>
+                                    </div>
+                                </div>
+                <div class="search-results col-md-10 ml-auto mr-auto"/>
+                        </div>
+
+            <h6 class="sidebar_head">MENU</h6>
+            <ul class="sidebar_menu">
+	            <t t-foreach="menuService.getApps()" t-as="app">
+		            <li>
+		            	<a role="menuitem"
+                           t-attf-href="#menu_id={{app.id}}"
+                           class="nav-link">
+		                	<img class="sidebar_img"
+                                 t-attf-src="data:image/png;base64,{{app.webIconData}}"/>
+                            <span class="sidebar_app_name">
+								<t t-esc="app.name"/>
+							</span>
+		            	 </a>
+		            </li>
+		    	</t>
+	        </ul>
+	    </div>
+    </div>
+    </xpath>
+  </t>
+
+    <t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
+            <xpath expr="//Dropdown[hasclass('o_navbar_apps_menu')]" position="replace">
+                <li class="dropdown">
+                    <a id="openSidebar" style="display: block; cursor: pointer; margin-left: 10px;">
+                        <i class="fa fa-bars fa-lg"/>
+                    </a>
+                    <a id="closeSidebar" style="display: none; cursor: pointer; margin-left: 10px;">
+                        <i class="fa fa-bars fa-lg"/>
+                    </a>
+                </li>
+            </xpath>
+        </t>
+
+    <t t-inherit="web.UserMenu" t-inherit-mode="extension" owl="1">
+        <xpath expr="//span[hasclass('oe_topbar_name')]" position="replace">
+            <div class="oe_topbar_name"/>
+        </xpath>
+    </t>
+    <t t-name="orange_theme_odoo12.SearchResults">
+        <t t-foreach="results" t-as="result">
+            <div class="search_icons">
+            <a t-attf-class="o-menu-search-result dropdown-item col-12 ml-auto mr-auto #{result_first ? 'active' : ''}"
+               t-attf-style="background-image:url('data:image/png;base64,#{result.webIconData}')"
+               t-attf-href="#menu_id=#{result.id}&amp;action_id=#{result.actionID}"
+               t-att-data-menu-id="result.id"
+               t-att-data-action-id="result.actionID"
+               t-raw="result.name"
+               onclick="$('.dropdown-menu').removeClass('show'); $('.search-results').addClass('o_hidden'); $('.app-menu').removeClass('o_hidden'); $('.search-input input').val('');"/>
+            </div>
+        </t>
+    </t>
+
+</templates>

orange_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>