Ejemplo n.º 1
0
    def __init__(self, master, *args, **kwargs):
        tkinter.Frame.__init__(self, master, *args, **kwargs)

        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager

        self.configure(bg=self.color_manager.background_layer_1)

        self.bottom_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.bottom_frame.place(relx=0, rely=0.8, relheight=0.2, relwidth=1)
        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Tuner",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_main_frame)

        self.button_back.place(anchor="n",
                               relx=0.2,
                               rely=0.30,
                               height=45,
                               width=120)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Trainer",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_trainer_frame)

        self.button_back.place(anchor="n",
                               relx=0.5,
                               rely=0.30,
                               height=45,
                               width=120)
Ejemplo n.º 2
0
class DchordFrame(tkinter.Frame):
   def __init__(self, master, *args, **kwargs):
        tk.Frame.__init__(self, master, *args, **kwargs)
       
        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager
        image1 = Image.open(r"C:\Users\wahid\Documents\GuitarTrainer-master\all\assets\images\d.png")
        test = ImageTk.PhotoImage(image1)

        label1 = tkinter.Label(self, image=test)
        label1.image = test

        label1.pack()
    
        text = Label(self, text = "D Chord")
        text.pack()

        


        self.botton_frame = tkinter.Frame(master=self, bg=self.color_manager.background_layer_0)
        self.botton_frame.place(relx=0,
                                rely=0.85,
                                relheight=0.1,
                                relwidth=1)

        self.button_exit = RoundedButton(master=self.botton_frame,
                                         bg_color=self.color_manager.background_layer_0,
                                         fg_color=self.color_manager.theme_main,
                                         hover_color=self.color_manager.theme_light,
                                         text_font=("Avenir", 18),
                                         text="Exit",
                                         text_color=self.color_manager.text_main,
                                         corner_radius=10,
                                         width=120,
                                         height=45,
                                         function=self.master.draw_chords_frame)

        self.button_exit.place(anchor="se",
                                relx=0.95,
                                rely=0.9)
Ejemplo n.º 3
0
    def __init__(self, master, *args, **kwargs):
        tkinter.Frame.__init__(self, master, *args, **kwargs)

        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager
        self.image_manager = master.image_manager

        self.configure(bg=self.color_manager.background_layer_1)

        self.under_canvas = tkinter.Canvas(
            master=self,
            bg=self.color_manager.background_layer_1,
            highlightthickness=0)

        self.under_canvas.place(anchor="center",
                                relx=0.5,
                                rely=0.5,
                                height=Settings.CANVAS_SIZE,
                                width=Settings.CANVAS_SIZE)

        self.display_outer_circle = self.under_canvas.create_oval(
            0,
            0,
            Settings.CANVAS_SIZE - 1,
            Settings.CANVAS_SIZE - 1,
            fill=self.color_manager.theme_main,
            width=0)

        self.display_background_line = self.under_canvas.create_line(
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.5,
            -Settings.CANVAS_SIZE * 0.5,
            fill=self.color_manager.background_layer_1,
            width=Settings.CANVAS_SIZE * 0.06)

        self.needle_width = 9

        self.display_needle = self.under_canvas.create_line(
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.05,
            fill=self.color_manager.needle,
            width=self.needle_width)

        self.display_inner_circle_1 = self.under_canvas.create_oval(
            Settings.CANVAS_SIZE * 0.2,
            Settings.CANVAS_SIZE * 0.2,
            Settings.CANVAS_SIZE * 0.8,
            Settings.CANVAS_SIZE * 0.8,
            fill=self.color_manager.theme_dark,
            width=0)

        self.botton_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.botton_frame.place(relx=0, rely=0.5, relheight=0.5, relwidth=1)

        self.upper_canvas = tkinter.Canvas(
            master=self.botton_frame,
            bg=self.color_manager.background_layer_0,
            highlightthickness=0)
        self.upper_canvas.place(anchor="n",
                                relx=0.5,
                                rely=0,
                                height=Settings.CANVAS_SIZE / 2,
                                width=Settings.CANVAS_SIZE)

        self.display_inner_circle_2 = self.upper_canvas.create_oval(
            Settings.CANVAS_SIZE * 0.2,
            -Settings.CANVAS_SIZE * 0.3,
            Settings.CANVAS_SIZE * 0.8,
            Settings.CANVAS_SIZE * 0.3,
            fill=self.color_manager.theme_dark,
            width=0)

        self.note_label = tkinter.Label(master=self,
                                        text="A",
                                        bg=self.color_manager.theme_dark,
                                        fg=self.color_manager.text_2,
                                        font=("Avenir", 80))

        self.note_label.place(relx=0.5, rely=0.5, anchor="center")

        self.button_frequency = RoundedButton(
            master=self.botton_frame,
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="440 Hz",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            hover=False,
            function=None)

        self.button_frequency.place(anchor="sw", relx=0.05, rely=0.9)

        self.button_exit = RoundedButton(
            master=self.botton_frame,
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Exit",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_settings_frame)

        self.button_exit.place(anchor="se", relx=0.95, rely=0.9)

        self.button_mute = CustomButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            image_dict={
                "standard": self.image_manager.bell_image,
                "clicked": self.image_manager.bell_muted_image,
                "standard_hover": self.image_manager.bell_hovered_image,
                "clicked_hover": self.image_manager.bell_muted_hovered_image
            })
        self.button_mute.place(anchor="ne",
                               relx=0.95,
                               rely=0.05,
                               height=self.image_manager.bell_image.height(),
                               width=self.image_manager.bell_image.width())
Ejemplo n.º 4
0
    def __init__(self, master, *args, **kwargs):
        tkinter.Frame.__init__(self, master, *args, **kwargs)

        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager
        self.image_manager = master.image_manager

        self.configure(bg=self.color_manager.background_layer_1)

        self.under_canvas = tkinter.Canvas(
            master=self,
            bg=self.color_manager.background_layer_1,
            highlightthickness=0)

        self.under_canvas.place(anchor="center",
                                relx=0.5,
                                rely=0.5,
                                height=Settings.CANVAS_SIZE,
                                width=Settings.CANVAS_SIZE)

        self.display_background_line = self.under_canvas.create_line(
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.5,
            Settings.CANVAS_SIZE * 0.5,
            -Settings.CANVAS_SIZE * 0.5,
            fill=self.color_manager.background_layer_1,
            width=Settings.CANVAS_SIZE * 0.06)

        self.display_inner_circle_1 = self.under_canvas.create_oval(
            Settings.CANVAS_SIZE * 0.2,
            Settings.CANVAS_SIZE * 0.2,
            Settings.CANVAS_SIZE * 0.8,
            Settings.CANVAS_SIZE * 0.8,
            fill=self.color_manager.theme_dark,
            width=0)

        self.botton_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.botton_frame.place(relx=0, rely=0.5, relheight=0.5, relwidth=1)

        self.upper_canvas = tkinter.Canvas(
            master=self.botton_frame,
            bg=self.color_manager.background_layer_0,
            highlightthickness=0)
        self.upper_canvas.place(anchor="n",
                                relx=0.5,
                                rely=0,
                                height=Settings.CANVAS_SIZE / 2,
                                width=Settings.CANVAS_SIZE)

        self.display_inner_circle_2 = self.upper_canvas.create_oval(
            Settings.CANVAS_SIZE * 0.2,
            -Settings.CANVAS_SIZE * 0.3,
            Settings.CANVAS_SIZE * 0.8,
            Settings.CANVAS_SIZE * 0.3,
            fill=self.color_manager.theme_dark,
            width=0)

        self.note_label = tkinter.Label(master=self,
                                        bg=self.color_manager.theme_dark,
                                        fg=self.color_manager.text_2,
                                        font=("Avenir", 80))

        self.note_label.place(relx=0.5, rely=0.5, anchor="center")

        self.button_exit = RoundedButton(
            master=self.botton_frame,
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Exit",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_settings_frame)

        self.button_exit.place(anchor="se", relx=0.95, rely=0.9)
Ejemplo n.º 5
0
class SettingsFrame(tkinter.Frame):
    def __init__(self, master, *args, **kwargs):
        tkinter.Frame.__init__(self, master, *args, **kwargs)

        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager

        self.configure(bg=self.color_manager.background_layer_1)

        self.bottom_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.bottom_frame.place(relx=0, rely=0.8, relheight=0.2, relwidth=1)
        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Tuner",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_main_frame)

        self.button_back.place(anchor="n",
                               relx=0.2,
                               rely=0.30,
                               height=45,
                               width=120)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Trainer",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_trainer_frame)

        self.button_back.place(anchor="n",
                               relx=0.5,
                               rely=0.30,
                               height=45,
                               width=120)
        #pictures frame button

    def update_color(self):
        self.configure(bg=self.color_manager.background_layer_1)
        self.bottom_frame.configure(bg=self.color_manager.background_layer_0)

        self.button_back.configure_color(
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_color=self.color_manager.text_main)

        self.label_info_text.configure(
            bg=self.color_manager.background_layer_1,
            fg=self.color_manager.text_2)
        self.label_note_text.configure(
            bg=self.color_manager.background_layer_1,
            fg=self.color_manager.text_2)

        self.label_frequency.configure_color(
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_color=self.color_manager.text_main)

        self.button_frequency_up.label.configure(
            bg=self.color_manager.background_layer_1)
        self.button_frequency_down.label.configure(
            bg=self.color_manager.background_layer_1)

    def frequency_button_up(self):
        self.master.a4_frequency += 1
        self.label_frequency.set_text(str(self.master.a4_frequency) + " Hz")

    def frequency_button_down(self):
        self.master.a4_frequency -= 1
        self.label_frequency.set_text(str(self.master.a4_frequency) + " Hz")
Ejemplo n.º 6
0
class ChordsFrame(tkinter.Frame):
    def __init__(self, master, *args, **kwargs):
        tkinter.Frame.__init__(self, master, *args, **kwargs)

        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager

        self.configure(bg=self.color_manager.background_layer_1)

        self.bottom_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.bottom_frame.place(relx=0, rely=0.8, relheight=0.2, relwidth=1)

        self.botton_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.botton_frame.place(relx=0, rely=0.5, relheight=0.5, relwidth=1)

        self.button_exit = RoundedButton(
            master=self.botton_frame,
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Exit",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_settings_frame)

        self.button_exit.place(anchor="se", relx=0.95, rely=0.9)

        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Bm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_bm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.9,
                               rely=0.15,
                               height=45,
                               width=100)

        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="A",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_a_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.1,
                               rely=0.15,
                               height=45,
                               width=100)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Am",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_am_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.35,
                               rely=0.15,
                               height=45,
                               width=100)
        #pictures frame button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="B",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_b_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.65,
                               rely=0.15,
                               height=45,
                               width=100)

        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Dm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_dm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.9,
                               rely=0.35,
                               height=45,
                               width=100)

        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="C",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_c_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.1,
                               rely=0.35,
                               height=45,
                               width=100)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Cm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_cm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.35,
                               rely=0.35,
                               height=45,
                               width=100)
        #pictures frame button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="D",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_d_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.65,
                               rely=0.35,
                               height=45,
                               width=100)

        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Gm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_gm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.9,
                               rely=0.55,
                               height=45,
                               width=100)

        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="E",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_e_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.1,
                               rely=0.55,
                               height=45,
                               width=100)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Em",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_em_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.35,
                               rely=0.55,
                               height=45,
                               width=100)
        #pictures frame button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="G",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_g_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.65,
                               rely=0.55,
                               height=45,
                               width=100)

    def update_color(self):
        self.configure(bg=self.color_manager.background_layer_1)
        self.bottom_frame.configure(bg=self.color_manager.background_layer_0)

        self.button_back.configure_color(
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_color=self.color_manager.text_main)

        self.label_info_text.configure(
            bg=self.color_manager.background_layer_1,
            fg=self.color_manager.text_2)
        self.label_note_text.configure(
            bg=self.color_manager.background_layer_1,
            fg=self.color_manager.text_2)

        self.label_frequency.configure_color(
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_color=self.color_manager.text_main)

        self.button_frequency_up.label.configure(
            bg=self.color_manager.background_layer_1)
        self.button_frequency_down.label.configure(
            bg=self.color_manager.background_layer_1)

    def frequency_button_up(self):
        self.master.a4_frequency += 1
        self.label_frequency.set_text(str(self.master.a4_frequency) + " Hz")

    def frequency_button_down(self):
        self.master.a4_frequency -= 1
        self.label_frequency.set_text(str(self.master.a4_frequency) + " Hz")
Ejemplo n.º 7
0
    def __init__(self, master, *args, **kwargs):
        tkinter.Frame.__init__(self, master, *args, **kwargs)

        self.app_pointer = master
        self.color_manager = master.color_manager
        self.image_manager = master.image_manager

        self.configure(bg=self.color_manager.background_layer_1)

        self.bottom_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.bottom_frame.place(relx=0, rely=0.8, relheight=0.2, relwidth=1)

        self.botton_frame = tkinter.Frame(
            master=self, bg=self.color_manager.background_layer_0)
        self.botton_frame.place(relx=0, rely=0.5, relheight=0.5, relwidth=1)

        self.button_exit = RoundedButton(
            master=self.botton_frame,
            bg_color=self.color_manager.background_layer_0,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Exit",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=120,
            height=45,
            function=self.master.draw_settings_frame)

        self.button_exit.place(anchor="se", relx=0.95, rely=0.9)

        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Bm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_bm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.9,
                               rely=0.15,
                               height=45,
                               width=100)

        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="A",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_a_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.1,
                               rely=0.15,
                               height=45,
                               width=100)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Am",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_am_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.35,
                               rely=0.15,
                               height=45,
                               width=100)
        #pictures frame button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="B",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_b_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.65,
                               rely=0.15,
                               height=45,
                               width=100)

        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Dm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_dm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.9,
                               rely=0.35,
                               height=45,
                               width=100)

        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="C",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_c_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.1,
                               rely=0.35,
                               height=45,
                               width=100)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Cm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_cm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.35,
                               rely=0.35,
                               height=45,
                               width=100)
        #pictures frame button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="D",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_d_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.65,
                               rely=0.35,
                               height=45,
                               width=100)

        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Gm",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_gm_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.9,
                               rely=0.55,
                               height=45,
                               width=100)

        #tuner tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="E",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_e_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.1,
                               rely=0.55,
                               height=45,
                               width=100)
        #trainer tab button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="Em",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_em_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.35,
                               rely=0.55,
                               height=45,
                               width=100)
        #pictures frame button
        self.button_back = RoundedButton(
            master=self,
            bg_color=self.color_manager.background_layer_1,
            fg_color=self.color_manager.theme_main,
            hover_color=self.color_manager.theme_light,
            text_font=("Avenir", 18),
            text="G",
            text_color=self.color_manager.text_main,
            corner_radius=10,
            width=100,
            height=45,
            function=self.master.draw_g_chord_frame)

        self.button_back.place(anchor="n",
                               relx=0.65,
                               rely=0.55,
                               height=45,
                               width=100)