前端修改样式

code_backend_theme/static/src/js/chrome/sidebar_menu.js

@@ -0,0 +1,126 @@
+odoo.define('code_backend_theme.SidebarMenu', function (require) {
+    "use strict";
+    //鼠标点击侧边导航栏，对应的导航选项卡的显隐
+    $(document).on("click", '.sidebar_menu li', function (event) {
+        var aA = $(this).children('.d-md-flex').children()
+        var aLi = $(this).parent().children()
+        for (var i = 0; i < aLi.length; i++) {
+            $(aLi[i]).children('.d-md-flex').css({'visibility': 'hidden', 'height': '0'})
+            var every_aA = $(aLi[i]).children('.d-md-flex').children()
+            for (var j = 0; j < every_aA.length; j++) {
+                $(every_aA[j]).css({'display': 'none'})
+            }
+        }
+        if ($(this).children('.d-md-flex').css('visibility') == 'hidden') {
+            for (var i = 0; i < aA.length; i++) {
+                $(aA[i]).css({'display': 'block'})
+            }
+            $(this).children('.d-md-flex').css({
+                'visibility': 'visible', 'height': `auto`,
+            })
+        } else {
+            $(this).children('.d-md-flex').css({'visibility': 'hidden', 'height': '0'})
+            for (var i = 0; i < aA.length; i++) {
+                $(aA[i]).css({'display': 'none'})
+            }
+        }
+    })
+
+
+    $(document).on("mouseover", '.sidebar_menu li', function (event) {
+        $('.sidebar_menu li').off()
+        $(this).css({'background-color': '#fff !important'})
+    })
+    $(document).on("mouseleave", '.sidebar_menu li', function (event) {
+        $(this).css({'background-color': '#ccc !important'})
+    })
+    //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': '200px', 'transition': 'all .1s linear'});
+        $(".top_heading").css({'margin-left': '200px', 'transition': 'all .1s linear', 'width': 'auto'});
+
+        //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'});
+        $(".top_heading").css({'margin-left': '0px', 'width': '100%'});
+
+        //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': '200px'});
+        // $(".top_heading").css({'margin-left': '0px', 'width': '100%'});
+        // $("#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");
+    });
+});

code_backend_theme/static/src/js/fields/colors.js

@@ -0,0 +1,10 @@
+/** @odoo-module **/
+import { getColor } from "@web/views/graph/colors";
+
+var code_backend_color = ["#556ee6", "#f1b44c", "#50a5f1", "#ffbb78", "#34c38f", "#98df8a", "#d62728",
+        "#ff9896", "#9467bd", "#c5b0d5", "#8c564b", "#c49c94", "#e377c2", "#f7b6d2",
+        "#7f7f7f", "#c7c7c7", "#bcbd22", "#dbdb8d", "#17becf", "#9edae5"];
+
+for (let i=0;i<code_backend_color.length;i++){
+    getColor[i] = code_backend_color[i]
+}