style "menubar"
{
    #bg[SELECTED] = @selected_fg_color

	fg[NORMAL] = @fg_color
	fg[SELECTED] = @selected_fg_color

    text[PRELIGHT] = @fg_color

    xthickness  = 0
    ythickness  = 0

    engine "pixmap"
    {
    image
        {
          function      = BOX
          recolorable   = TRUE
          state         = PRELIGHT
          file          = "../assets/menubar-button.png"

          border          = { 4, 4, 4, 4 }
          stretch         = TRUE
        }
    }
}

style "menu"
{
    xthickness  = 0
    ythickness  = 0

    #GtkMenuItem::arrow-scaling  = 0.4

    engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator

    image {
      function = HLINE
      file = "../assets/line-h.png"
      border = { 1, 1, 1, 1 }
      stretch = TRUE
    }
  }
}

style "menu_item"
{
    xthickness  = 2
    ythickness  = 4

    bg[PRELIGHT]      = @button_active
    fg[PRELIGHT]      = @selected_fg_color
    text[PRELIGHT]  = @selected_fg_color

    GtkMenuItem::toggle-spacing = 10
    GtkMenuItem::arrow-spacing = 10

    engine "pixmap"
    {

    # Check Buttons

    image
    {
            function                = CHECK
            recolorable             = TRUE
            state                   = NORMAL
            shadow                  = OUT
            overlay_file            = "../assets/check-unchecked.png"
            overlay_stretch         = TRUE  #needed for LibreOffice
        }
    image
    {
            function                = CHECK
            recolorable             = TRUE
            state                   = PRELIGHT
            shadow                  = OUT
            overlay_file            = "../assets/check-unchecked.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = CHECK
            recolorable             = TRUE
            state                   = ACTIVE
            shadow                  = OUT
            overlay_file            = "../assets/check-checked-active.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = CHECK
            recolorable             = TRUE
            state                   = INSENSITIVE
            shadow                  = OUT
            overlay_file            = "../assets/check-unchecked-insensitive.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = CHECK
            recolorable             = TRUE
              state                   = NORMAL
            shadow                  = IN
            overlay_file            = "../assets/check-checked-active.png"
            overlay_stretch       = TRUE
        }
    image
    {
            function                = CHECK
            recolorable             = TRUE
                state                 = PRELIGHT
            shadow                  = IN
            overlay_file            = "../assets/check-checked-active.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = CHECK
            recolorable             = TRUE
                state                 = ACTIVE
            shadow                  = IN
            overlay_file            = "../assets/check-checked-active.png"
            overlay_stretch         = TRUE
        }
    image
    {
              function              = CHECK
            recolorable             = TRUE
            state                     = INSENSITIVE
            shadow                  = IN
            overlay_file            = "../assets/check-checked-insensitive.png"
            overlay_stretch         = TRUE
    }

    # Radio Buttons

    image
    {
            function                = OPTION
            state                   = NORMAL
            shadow                  = OUT
            overlay_file            = "../assets/radio-unchecked.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = OPTION
            state                   = PRELIGHT
            shadow                  = OUT
            overlay_file            = "../assets/radio-unchecked.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = OPTION
            state                   = ACTIVE
            shadow                  = OUT
            overlay_file            = "../assets/radio-checked-active.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = OPTION
            state                   = INSENSITIVE
            shadow                = OUT
            overlay_file            = "../assets/radio-unchecked-insensitive.png"
            overlay_stretch         = FALSE
        }
    image
    {
            function                = OPTION
              state                     = NORMAL
            shadow                  = IN
            overlay_file            = "../assets/radio-checked-active.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = OPTION
              state                   = PRELIGHT
            shadow                  = IN
            overlay_file            = "../assets/radio-checked-active.png"
            overlay_stretch         = TRUE
        }
    image
    {
            function                = OPTION
              state                   = ACTIVE
            shadow                  = IN
            overlay_file            = "../assets/radio-checked-active.png"
            overlay_stretch       = TRUE
        }
    image
    {
            function                = OPTION
              state                     = INSENSITIVE
            shadow                  = IN
            overlay_file            = "../assets/radio-checked-insensitive.png"
            overlay_stretch         = TRUE
        }
    image
        {
            function        = SHADOW # This fixes boxy Qt menu items
              file        = "../assets/null.png"
              border      = { 10, 10, 10, 10 }
              stretch     = TRUE
        }

    # Arrow Buttons

    image
    {
      function              = ARROW
      state                   = NORMAL
      overlay_file          = "../assets/menu-arrow.png"
      overlay_border        = { 0, 0, 0, 0 }
      overlay_stretch       = FALSE
      arrow_direction       = RIGHT
    }
    image
    {
      function              = ARROW
      state                   = PRELIGHT
      overlay_file          = "../assets/menu-arrow-selected.png"
      overlay_border        = { 0, 0, 0, 0 }
      overlay_stretch       = FALSE
      arrow_direction       = RIGHT
    }
    image
    {
      function              = ARROW
      state                   = INSENSITIVE
      overlay_file          = "../assets/menu-arrow-insensitive.png"
      overlay_border        = { 0, 0, 0, 0 }
      overlay_stretch       = FALSE
      arrow_direction       = RIGHT
    }
 }
}

style "menubar_item"
{
    xthickness  = 2
    ythickness  = 2
    bg[PRELIGHT]    = @selected_fg_color
    fg[PRELIGHT]    = @selected_fg_color
}

style "menu_framed_box" #this is not needed in Gnome
{
    engine "pixmap"
    {
     image
     {
        function                = BOX
        detail                  = "menu"
        file                          = "../assets/frame.png"
        border                  = { 3, 3, 3, 3 }
        stretch                   = TRUE
     }
    }
}

style "separator_menu_item"
{
    engine "pixmap"
    {
        image
        {
            function            = BOX
              file              = "../assets/line-h.png"
              border            = { 0, 0, 0, 0 }
              stretch         = TRUE
        }
    }
}