style "notebook_tab_label"
{
  fg[ACTIVE] = @fg_color
}


style "notebook"
{

  xthickness    = 5
  ythickness    = 2

  engine "pixmap"
    {
    image
    {
        function        = EXTENSION
          state           = ACTIVE
          file            = "../assets/tab-bottom-inactive.png"
          border            = { 3,3,3,3 }
          stretch           = TRUE
          gap_side      = TOP
    }
    image
    {
        function        = EXTENSION
          state           = ACTIVE
          file            = "../assets/tab-top-inactive.png"
          border            = { 3,3,3,3 }
          stretch           = TRUE
          gap_side      = BOTTOM
    }
    image
    {
        function        = EXTENSION
          state           = ACTIVE
          file            = "../assets/tab-left-inactive.png"
          border            = { 3,3,3,3 }
          stretch           = TRUE
          gap_side      = RIGHT
    }
    image
    {
        function        = EXTENSION
          state           = ACTIVE
          file            = "../assets/tab-right-inactive.png"
          border            = { 3,3,3,3 }
          stretch           = TRUE
          gap_side      = LEFT
    }
    image
    {
        function        = EXTENSION
          file            = "../assets/tab-top-active.png"
          border            = { 3,3,3,3 }
          stretch           = TRUE
          gap_side      = BOTTOM
    }
    image
    {
        function        = EXTENSION
          file            = "../assets/tab-bottom-active.png"
          border            = { 3,3,3,3 }
          stretch           = TRUE
          gap_side      = TOP
    }
    image
    {
        function        = EXTENSION
          file            = "../assets/tab-left-active.png"
          border            = {  3,3,3,3 }
          stretch           = TRUE
          gap_side      = RIGHT
    }
    image
    {
        function        = EXTENSION
          file            = "../assets/tab-right-active.png"
          border            = {  3,3,3,3 }
          stretch           = TRUE
          gap_side      = LEFT
    }

# How to draw boxes with a gap on one side (ie the page of a notebook)

    image
    {
        function            = BOX_GAP
          file                = "../assets/notebook-frame-top.png"
          border                = { 4, 4, 4, 4 }
          stretch               = TRUE
          gap_file          = "../assets/notebook-gap-horizontal.png"
          gap_border    = { 1, 1, 0, 0 }
          gap_side          = TOP
    }
    image
    {
        function            = BOX_GAP
          file                = "../assets/notebook-frame-bottom.png"
          border                = { 4, 4, 4, 4 }
          stretch               = TRUE
          gap_file          = "../assets/notebook-gap-horizontal.png"
          gap_border        = { 1, 1, 0, 0 }
          gap_side          = BOTTOM
    }
    image
    {
        function            = BOX_GAP
          file                = "../assets/notebook-frame-top.png"
          border                = { 4, 4, 4, 4 }
          stretch               = TRUE
          gap_file          = "../assets/notebook-gap-vertical.png"
          gap_border        = { 0, 0, 1, 1 }
          gap_side          = LEFT
    }
    image
    {
        function            = BOX_GAP
          file                = "../assets/notebook-frame-right.png"
          border                = { 4, 4, 4, 4 }
          stretch               = TRUE
          gap_file          = "../assets/notebook-gap-vertical.png"
          gap_border        = { 0, 0, 1, 1 }
          gap_side          = RIGHT
    }

# How to draw the box of a notebook when it isnt attached to a tab

    image
      {
          function      = BOX
          file            = "../assets/frame.png"
          border            = { 4, 4, 4, 4 }
          stretch           = TRUE
      }
  }
}