前端修改样式

code_backend_theme/static/src/scss/change.scss

@@ -0,0 +1,43 @@
+.o_menu_sections {
+  display: flex;
+  flex-direction: column;
+}
+
+.o_menu_sections_more {
+  display: none !important;
+}
+
+.dropdown-toggle {
+  border: none !important;
+  background-color: transparent;
+}
+
+//.o_menu_sections {
+//  background-color: transparent !important;
+//}
+
+.d-md-flex {
+  visibility: hidden;
+  height: 0;
+}
+
+.d-md-flex a, .d-md-flex > div {
+  display: none;
+  padding-top: 5px !important;
+  padding-bottom: 5px !important;
+}
+
+.o-dropdown {
+  padding-left: 25px;
+  padding-top: 8px;
+  padding-bottom: 0px;
+}
+
+.o-dropdown button {
+  padding-left: 0;
+  color: #fff;
+}
+
+.nav-link {
+  box-shadow: 0px 0px 2px #fff;
+}

code_backend_theme/static/src/scss/datetimepicker.scss

@@ -0,0 +1,68 @@
+/* date time picker colour changes for the theme */
+.datepicker {
+    .table-sm {
+        > thead {
+            > tr > .prev {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+                > .fa{
+                    color: #fff !important;
+                }
+            }
+            > tr > .next {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+                > .fa{
+                    color: #fff !important;
+                }
+            }
+            > tr > .picker-switch {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+            }
+        }
+        > tbody > tr > td {
+            &.today:before {
+                border-bottom-color: $primary_accent !important;
+            }
+            &.active {
+                background-color: $primary_accent !important;
+            }
+        }
+    }
+}
+.picker-switch {
+    span.fa {
+        margin: 0;
+        @include transition($btn-transition);
+        &.primary {
+            background-color: $primary_accent;
+            color: white;
+            &:hover {
+                background-color: darken($primary_accent, 20%);
+            }
+        }
+    }
+}
+
+.daterangepicker .drp-calendar .calendar-table thead tr:first-child {
+    color: #FFFFFF;
+    background-color: $primary_accent;
+}
+
+.daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active, .daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active:hover {
+    background-color: $primary_accent;
+}
+
+.daterangepicker .drp-calendar .calendar-table thead tr:first-child th.prev:hover, .daterangepicker .drp-calendar .calendar-table thead tr:first-child th.next:hover {
+    background-color: darken($primary_accent, 20%);
+}

code_backend_theme/static/src/scss/login.scss

@@ -0,0 +1,145 @@
+#wrapwrap > main {
+    background: #f8f8fb;
+}
+// .navbar {
+//     background: #fff !important;
+// }
+body {
+    font-family: 'Poppins', sans-serif !important;
+}
+body.bg-100 {
+    background-color: #000000 !important;
+}
+.card.o_database_list {
+    align-items: center;
+    max-width: 450px !important
+}
+.card.o_database_list .card-body {
+    background-color: #fff !important;
+    border-radius: 5px !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
+    width: 450px;
+}
+a {
+    color: #556ee6;
+    text-decoration: none;
+}
+a:hover {
+    color: #4458b8;
+    text-decoration: underline;
+}
+.alert-info {
+    color: #306391;
+    background-color: #dcedfc;
+    border-color: #cbe4fb;
+}
+.oe_login_form button.btn-link {
+    color: #495057;
+    font-weight: 500;
+    font-size: 14px !important;
+}
+.oe_login_form button.btn-link:hover {
+    color: #171a1c;
+}
+
+//login button starts
+.btn-primary {
+    color: #fff;
+    background-color: #556ee6;
+    border-color: #556ee6;
+}
+.btn-primary:hover {
+    color: #fff;
+    background-color: #485ec4;
+    border-color: #4458b8;
+}
+.btn-check:active+.btn-primary,
+.btn-check:checked+.btn-primary,
+.btn-primary.active,.btn-primary:active,
+.show>.btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #4458b8 !important;
+    border-color: #4053ad !important;
+}
+.btn-check:focus+.btn-primary, .btn-primary:focus {
+    color: #fff;
+    background-color: #485ec4 !important;
+    border-color: #4458b8 !important;
+    -webkit-box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+    box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important;
+}
+.oe_login_form .btn {
+    display: inline-block;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    padding: .47rem .75rem;
+    border-radius: .25rem;
+    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+}
+.btn-secondary {
+    color: #fff !important;
+    background-color: #74788d !important;
+    border-color: #74788d !important;
+}
+.btn-secondary:hover {
+    color: #fff !important;
+    background-color: #636678 !important;
+    border-color: #5d6071 !important;
+}
+.btn-secondary:active {
+    color: #fff;
+    background-color: #5d6071 !important;
+    border-color: #575a6a !important;
+}
+.btn-secondary i,.btn-secondary span {
+    color: #fff !important;
+}
+.btn-fill-secondary:focus, .btn-secondary:focus, .btn-fill-secondary.focus, .focus.btn-secondary {
+    box-shadow: none !important;
+}
+//login button ends
+
+//input starts
+.oe_login_form input {
+    display: block;
+    width: 100%;
+    height: 40px !important;
+    padding: 10px 20px;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da !important;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border-radius: .25rem;
+    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+    box-shadow: none !important;
+    margin-bottom:10px !important;
+}
+form label {
+    font-weight: 400 !important;
+}
+.oe_login_form a.btn.btn-secondary {
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.35rem 0.75rem;
+}
+.oe_login_form a.btn.btn-secondary i.fa.fa-database {
+    margin-left: 5px;
+}

code_backend_theme/static/src/scss/navigation_bar.scss

@@ -0,0 +1,366 @@
+.o_form_statusbar{
+  .o_statusbar_buttons{
+  .btn{
+    margin-right: 30px !important;
+  }
+  }
+}
+.o_cp_left{
+.btn{
+margin-right: 30px !important;
+}
+}
+
+.o_calendar_buttons > button > .fa{
+color: #ffffff !important;
+}
+.o_main_navbar, .btn-primary, .btn-primary:active, .o_searchview_facet_label {
+  background-color: $primary_accent !important;
+  color: $inverse_accent !important;
+}
+.o_search_panel_section_icon {
+  color: $primary_accent !important;
+}
+.btn-secondary {
+  border-radius: 0;
+  border: solid 1px $primary_accent !important;
+  color: $primary_accent !important;
+}o_list_table
+.o_list_view .o_list_table thead {
+    position: sticky;
+    top: 0;
+}
+
+.breadcrumb-item > a, .o_menu_item > a {
+  color: $primary_accent !important;
+}
+
+.fa-trash {
+  color: #f46a6a !important;
+}
+
+.o_main_navbar > a:hover {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_main_navbar > .o_menu_sections > li > a:hover, .o_main_navbar > .o_menu_systray > li > a:hover, .o_main_navbar > .o_menu_sections > li.show > a, .o_main_navbar > .o_menu_systray > li.show > a {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_main_navbar > .o_menu_apps > li > a:hover, .o_main_navbar > .o_menu_apps > li > a:active {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_main_navbar > .o_menu_apps > .dropdown.show > .dropdown-menu.show {
+  max-height: 100vh !important;
+  height: 93vh !important;
+}
+.o_main_navbar > .o_menu_apps > .dropdown.show > .dropdown-menu.show > a {
+  //border-bottom: 1px solid lighten($primary_accent, 30%);
+}
+
+.o_mail_discuss_sidebar {
+  background-color: #1c2833;
+}
+
+.dropdown-toggle:after {
+  background-color: lighten($primary_accent, 10%) !important;
+}
+
+.o_external_button {
+  border: none !important;
+}
+
+.o_field_x2many_list_row_add > a {
+  color: $primary_accent !important;
+}
+
+.nav-item > a {
+  color: $primary_accent !important;
+}
+
+.o_main_navbar > .o_menu_apps > li > a > i {
+  color: $inverse_accent !important;
+  font-size: 16px !important;
+}
+
+.o_form_uri > span {
+  color: $primary_accent !important;
+}
+
+.o_required_modifier.o_input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+
+.o_input {
+  border: solid 1px $primary_accent !important;
+  color: $primary_accent !important;
+}
+
+.o-no-caret > i, button[aria-pressed=true] {
+  color: $inverse_accent !important;
+}
+
+.o_loading {
+  background-color: $primary_accent;
+}
+
+.fas {
+  color: $inverse_accent !important;
+}
+
+.dashboard_mainbar {
+  width: 100%;
+}
+
+.a_app_menu_title {
+  display: none;
+}
+
+.o_menu_apps > .dropdown.show > .dropdown-menu.show:hover .a_app_menu_title {
+  display: inline-block;
+  width: 200px;
+}
+
+.o_required_modifier.o_input, .o_required_modifier.o_input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+.o_required_modifier .o_input, .o_required_modifier .o_input {
+  background-color: $inverse_accent !important;
+}
+
+
+
+.dropdown-toggle:after {
+  background-color: #ffffff00 !important;
+}
+
+.o_required_modifier > .o_input_dropdown > .ui-autocomplete-input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+
+.o_datepicker.o_field_date.o_field_widget.o_required_modifier > input {
+  background-color: $inverse_accent !important;
+  color: $primary_accent !important;
+  border-left: solid 3px #f46a6a !important;
+}
+
+.ui-state-active {
+  background-color: $primary_accent !important;
+  color: $inverse_accent !important;
+}
+
+.oe_search_bgnd {
+  background-color: lighten($primary_accent, 20%) !important;
+  color: $inverse_accent !important;
+}
+
+.oe_search_tab {
+  background-color: $primary_accent !important;
+  color: $inverse_accent !important;
+}
+
+.o_horizontal_separator {
+  color: $primary_accent !important
+}
+
+.o_field_widget.o_field_image .o_form_image_controls {
+  background-color: $primary_accent !important;
+}
+
+.o_field_widget.o_field_image .o_form_image_controls > button {
+  color: $inverse_accent !important;
+}
+
+.dropdown-item.o_app.mt0:hover , .dropdown-item.o_app.mt0:hover > .a_app_menu_title{
+background-color: $primary_accent !important;
+color: $inverse_accent !important;
+}
+
+// .o_address_country{
+// display: none !important;
+// }
+div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::before {
+background-color: $primary_accent !important;
+}
+div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::before {
+background-color: $primary_accent !important;
+}
+.o_mail_systray_item .o_mail_systray_dropdown .o_mail_systray_dropdown_top .o_filter_button.active {
+color: $primary_accent;
+text-decoration: none;
+}
+.o_mail_user_status.o_user_online {
+color: #fff !important;
+}
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::after {
+   border-left-color: $primary_accent;
+}
+.btn-link {
+font-weight: 400;
+color: $primary_accent !important;
+text-decoration: none;
+}
+.o_thread_window_header {
+background-color: $primary_accent !important;
+}
+.o_thread_window_close,.o_thread_window_expand{
+color: $inverse_accent !important;
+}
+.o_menu_sections, .o_menu_systray, .o_web_client > header{
+background: $primary_accent !important;
+}
+.fa-building-o{
+color: white !important;
+}
+.o_button_import, .oe_import_file{
+background: #5aa29f !important;
+color: white !important;
+border: solid 2px #5aa29f !important;
+}
+.o_button_import:hover, .oe_import_file:hover,.o_button_import:active, .oe_import_file:active{
+background: white !important;
+color: #5aa29f !important;
+border: solid 2px #5aa29f !important;
+}
+.o_form_button_save,.o_form_button_edit{
+background: #7BA94F !important;
+color: white !important;
+border: solid 2px #7BA94F !important;
+}
+.o_form_button_save:hover,.o_form_button_edit:hover,.o_form_button_save:active,.o_form_button_edit:active{
+background: white !important;
+color: #7BA94F !important;
+border: solid 2px #7BA94F !important;
+}
+.o-kanban-button-new, .o_list_button_add,.o_form_button_create{
+background: #b9408d !important;
+color: white !important;
+border: solid 2px #b9408d !important;
+}
+.o-kanban-button-new:hover, .o_list_button_add:hover,.o_form_button_create:hover,.o-kanban-button-new:active, .o_list_button_add:active,.o_form_button_create:active{
+background: white !important;
+color: #b9408d !important;
+border: solid 2px #b9408d !important;
+}
+.o_form_button_cancel,.o_import_cancel{
+background: #cf4137 !important;
+color: white !important;
+border: solid 2px #cf4137 !important;
+
+}
+.o_form_button_cancel:hover,.o_import_cancel:hover,.o_form_button_cancel:active,.o_import_cancel:active{
+background: white !important;
+color: #cf4137 !important;
+border: solid 2px #cf4137 !important;
+}
+.report_button{
+border-radius: 0 !important;
+border: solid 2px $primary_accent;
+background: $primary_accent !important;
+}
+.report_button:hover,.report_button:active{
+border-radius: 0 !important;
+border: solid 2px $primary_accent !important;
+color: $primary_accent !important;
+background: $inverse_accent !important;
+}
+.btn-primary{
+border-radius: 0 !important;
+}
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
+border: none;
+border-bottom: solid;
+font-weight: bold;
+}
+//.nav-link{
+//    @include hover-focus {
+//      border: none;
+//    }
+//}
+.o_data_row:has(.custom-control-input:checked){
+background: blue !important;
+}
+.o_field_one2many{
+    .o_list_view{
+        .table-responsive{
+            max-height:50vh;
+        }
+    }
+}
+thead{
+position: sticky;
+position: -webkit-sticky;
+top: 0;
+}
+.o_list_view .o_list_table tbody{
+    position: sticky;
+    top: 30px;
+}
+.o_list_view{
+    .o_list_table{
+        thead{
+            z-index:999;
+        }
+    }
+}
+.o_list_view .table-responsive .table{
+    width: max-content !important;
+    min-width: 100%;
+
+    thead
+    {
+    z-index:999;
+    tr:nth-child(1) th{
+    position: sticky;
+    top: 0;
+    z-index: 999;
+    background-color: #eeeeee !important;
+    }
+  }
+}
+.o_list_view .o_list_table tbody{
+position:initial !important;
+}
+.o_list_view .table-responsive .table thead{
+z-index: 1;
+}
+.o_optional_columns_dropdown_toggle{
+z-index: 999;
+}
+.o_home_menu_background:not(.o_home_menu_background_custom) .o_main_navbar{
+    max-height:100px;
+}
+
+
+.o_progressbar .o_progress .o_progressbar_complete {
+background-color: #3d9bbb;
+}
+.o_cp_left .btn {
+    margin-right: 10px !important;
+}
+
+.o_main_navbar .o_menu_sections {
+    flex-wrap: wrap !important;
+}
+
+.o_section_and_note_list_view{
+    width:98%;
+}
+
+.o_list_renderer{
+    margin-left: 21px;
+}
+.o_notebook .nav{
+    background: none;
+}
+.o-form-buttonbox{
+    margin-left:-15px;
+    margin-right:-15px;
+}

code_backend_theme/static/src/scss/sidebar.scss

@@ -0,0 +1,97 @@
+#sidebar_panel {
+    height: calc(100% - 0%);
+	position: fixed;
+    top: 0px;
+    background-color: #2a3042;
+    display: none;
+    width: 200px;
+    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: nowrap;
+    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;
+    font-size: 13px;
+    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.nav-link.active {
+    color: #fff !important;
+	opacity: 1;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li a .sidebar_img {
+    width: 20px;
+    margin-right: 8px;
+}

code_backend_theme/static/src/scss/theme_accent.scss

@@ -0,0 +1,9 @@
+$primary_accent: #556ee6 !default;
+$secondary_accent: #334332 !default;
+$inverse_accent: #ffffff !default;
+$o-kanban-color-border-width: 8px;
+$selected_row: #ffffff !default;
+$bg_white: #ffffff !default;
+$f_color: #555b6d !default;
+$primary_hover: #485ec4 !default;
+