feat(ui): redesign lualine to have same background as nvim theme

nvim/lua/olinpin/plugins/color.lua

@@ -1,25 +1,25 @@
 function ColorMe(color)
-    color = color or "OceanicNext"
-    vim.cmd.colorscheme(color)
+	color = color or "OceanicNext"
+	vim.cmd.colorscheme(color)
 
-    vim.api.nvim_set_hl(0, "Normal", { bg = "none" })
-    vim.api.nvim_set_hl(0, "NormalFloat", { bg = "none" })
+	vim.api.nvim_set_hl(0, "Normal", { bg = "none" })
+	vim.api.nvim_set_hl(0, "NormalFloat", { bg = "none" })
 end
 
 return {
-    {
-        'mhartington/oceanic-next',
-        config = function ()
-            -- require('oceanic-next').setup()
-            vim.cmd.colorscheme('OceanicNext')
-            vim.cmd("highlight! EndOfBuffer guibg=background guifg=background")
-        end
-    }
-    -- {
-    --     'nxvu699134/vn-night.nvim',
-    --     config = function ()
-    --         vim.cmd.colorscheme('vn-night')
-    --         vim.cmd("highlight! EndOfBuffer guibg=background guifg=background")
-    --     end
-    -- }
+	{
+		"mhartington/oceanic-next",
+		config = function()
+			-- require('oceanic-next').setup()
+			vim.cmd.colorscheme("OceanicNext")
+			vim.cmd("highlight! EndOfBuffer guibg=background guifg=background")
+		end,
+	},
+	-- {
+	--     'nxvu699134/vn-night.nvim',
+	--     config = function ()
+	--         vim.cmd.colorscheme('vn-night')
+	--         vim.cmd("highlight! EndOfBuffer guibg=background guifg=background")
+	--     end
+	-- }
 }

nvim/lua/olinpin/plugins/lualine.lua

@@ -2,26 +2,31 @@ return {
 	"nvim-lualine/lualine.nvim",
 	event = "VeryLazy",
 	requires = { "nvim-tree/nvim-web-devicons", opt = true },
-	opts = {
-		options = {
-			theme = "ayu_mirage",
-		},
-		section_separators = { left = "", right = "" },
-		component_separators = { left = "", right = "" },
-		sections = {
-			lualine_a = { "mode" },
-			lualine_b = { "branch", "diff", "diagnostics" },
-			lualine_c = {
-				{
-					"filename",
-					file_status = true,
-					path = 1,
-					shorting_target = 40,
+	init = function()
+		local lualine = require("lualine")
+		local custom_ayu_mirage = require("lualine.themes.ayu_mirage")
+		custom_ayu_mirage.normal.c.bg = "#172c35"
+		lualine.setup({
+			section_separators = { left = "", right = "" },
+			component_separators = { left = "", right = "" },
+			sections = {
+				lualine_a = { "mode" },
+				lualine_b = { "branch", "diff", "diagnostics" },
+				lualine_c = {
+					{
+						"filename",
+						file_status = true,
+						path = 1,
+						shorting_target = 40,
+					},
 				},
+				lualine_x = { "filetype" },
+				lualine_y = { "progress" },
+				lualine_z = { "location" },
 			},
-			lualine_x = { "filetype" },
-			lualine_y = { "progress" },
-			lualine_z = { "location" },
-		},
-	},
+			options = {
+				theme = custom_ayu_mirage,
+			},
+		})
+	end,
 }